foolish-pineのブログです。https://foolish-pine.com/jahttps://foolish-pine.com/posts/2026/08/react-practical-introduction-book/https://foolish-pine.com/posts/2026/08/react-practical-introduction-book/改訂新版 これからはじめるReact実践入門 コンポーネントの基本からNext.jsによるアプリ開発までReactの基礎からNext.jsによるアプリ開発までを一冊でカバーする入門書です。最近ReacTue, 11 Aug 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/07/good-bad-code-design-book/https://foolish-pine.com/posts/2026/07/good-bad-code-design-book/改訂新版 良いコード／悪いコードで学ぶ設計入門 ―保守しやすい 成長し続けるコードの書き方変更に強いコードの書き方と設計を学ぶ入門書です。とても良い本でした。コードの品質や設計について興味を持ち始めたWed, 29 Jul 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/07/javascript-typescript-power-up-book/https://foolish-pine.com/posts/2026/07/javascript-typescript-power-up-book/JavaScript/TypeScript実力強化書JavaScript/TypeScriptの関数、非同期処理、型システムにフォーカスした本です。元はSoftware Designの連載記事です。軽Sat, 18 Jul 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/07/cloudflare-workers-book/https://foolish-pine.com/posts/2026/07/cloudflare-workers-book/Web開発者のための［入門］Cloudflare WorkersCloudflare Workersの入門書です。元はSoftware Designの連載記事で、それを一冊にまとめたものです。WorkSun, 12 Jul 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/07/97-things-programmer-book/https://foolish-pine.com/posts/2026/07/97-things-programmer-book/プログラマが知るべき97のこと著名エンジニアたちが「プログラマが知るべき97のこと」をテーマに書いたエッセイをまとめた本です。原書の97本に加えて、日本語版には日本人プログラマによる書き下ろし10本がThu, 09 Jul 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/06/principle-of-programming-book/https://foolish-pine.com/posts/2026/06/principle-of-programming-book/プリンシプル オブ プログラミング 3年目までに身につけたい 一生役立つ101の原理原則プログラミングにまつわる原則や法則を集めて解説した本です。原則のメタ研究といった感じです。経験の少ない人ほど恩恵Tue, 30 Jun 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/06/engineer-self-management-book/https://foolish-pine.com/posts/2026/06/engineer-self-management-book/エンジニアのための自己管理入門 堅牢でスケーラブルな働き方を構築する技術エンジニア向けのセルフマネジメントのノウハウをまとめて紹介している本です。本書の主張は「リソース（モチベーションや時間、体力などSat, 27 Jun 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/06/readable-code-book/https://foolish-pine.com/posts/2026/06/readable-code-book/リーダブルコード―より良いコードを書くためのシンプルで実践的なテクニック良いコードを書くための原則やテクニックをまとめた本です。ずいぶん前に購入して積読していたのですが、部屋の掃除中に再発見したので読Sun, 21 Jun 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/06/wordpress-security-book/https://foolish-pine.com/posts/2026/06/wordpress-security-book/これからのWordPressセキュリティ本格講座WordPressを運用するうえで必要なセキュリティ対策をまとめた本です。WordPressのセキュリティ知識が網羅されている良書です。専門用語をなるべMon, 08 Jun 2026 00:00:00 GMThttps://foolish-pine.com/posts/2026/04/easy-ga4-book/https://foolish-pine.com/posts/2026/04/easy-ga4-book/いちばんやさしいGoogleアナリティクス4の教本 第2版 人気講師が教えるサイト改善につなげる顧客理解の基本Googleアナリティクス4（GA4）の解説書です。副題に「サイト改善につなげる顧客理解のMon, 13 Apr 2026 00:00:00 GMThttps://foolish-pine.com/posts/2025/11/udemy-swiftui-from-zero/https://foolish-pine.com/posts/2025/11/udemy-swiftui-from-zero/ゼロからのiPhoneアプリ開発講座~XcodeでSwift言語でSwiftUIを使ってアプリ開発~ミニアプリの開発をしながらSwiftとSwiftUIを学ぼうという趣旨の講座です。Xcodeの導入かWed, 12 Nov 2025 00:00:00 GMThttps://foolish-pine.com/posts/2025/10/frontend-map-book/https://foolish-pine.com/posts/2025/10/frontend-map-book/フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本フロントエンド関連の技術や概念をざっと紹介するといった感じの本です。フロントエンドエンジニアが知っておくべSun, 05 Oct 2025 00:00:00 GMThttps://foolish-pine.com/posts/2025/09/naruhodo-design-book/https://foolish-pine.com/posts/2025/09/naruhodo-design-book/なるほどデザインビジュアルでデザインの概念やプロセスを解説する本です。デザイナーの生の思考が書かれているので、デザイナーはもちろんデザイナーでない人にも参考になります。ビジュアル多めなのでとっつきやすSat, 13 Sep 2025 00:00:00 GMThttps://foolish-pine.com/posts/2025/04/seo-certification/https://foolish-pine.com/posts/2025/04/seo-certification/SEO検定を受験してきました。そのときの受験記録です。SEO検定とはSEO検定は一般社団法人全日本SEO協会が開催している検定試験です。SEO検定 一般社団法人全日本SEO協会4級から1級まであり、SMon, 28 Apr 2025 00:00:00 GMThttps://foolish-pine.com/posts/2024/11/udemy-flutter-app-development/https://foolish-pine.com/posts/2024/11/udemy-flutter-app-development/就職・転職を勝ち取る！Flutterを使って基礎から応用まで学べる4つのアプリ開発講座3行要約Flutterを使って4つのミニアプリを作る実践形式の講座解説は控えめでとにかく手を動かす単調な内容なのでMon, 25 Nov 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/11/udemy-nextjs-fullstack/https://foolish-pine.com/posts/2024/11/udemy-nextjs-fullstack/Next.jsフルスタックWebアプリケーション開発入門3行要約Next.jsの最新機能にフォーカスした入門レベルの講座ReactやNext.jsそのものは別の教材で学習したほうがよい最新機能についてMon, 11 Nov 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/10/udemy-flutter-beginner/https://foolish-pine.com/posts/2024/10/udemy-flutter-beginner/Flutterアプリ開発講座(初級編)3行要約Flutterの入門レベルの講座環境構築や基本文法の解説もあるので初心者でも学びやすいミニアプリをたくさんつくるので手を動かして学べるFlutterの入門Wed, 23 Oct 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/10/flutter-from-zero-book/https://foolish-pine.com/posts/2024/10/flutter-from-zero-book/ゼロから学ぶFlutterアプリ開発3行要約Flutterの入門レベルの書籍良く言えば手を動かして学べる、悪く言えば解説が大雑把他言語経験者からすると物足りない内容Flutterの入門レベルの書籍レベTue, 22 Oct 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/08/komatta-design-book/https://foolish-pine.com/posts/2024/08/komatta-design-book/見えにくい、読みにくい「困った！」を解決するデザイン3行要約媒体を問わずデザインのアクセシビリティを広く網羅アクセシビリティやユニバーサルデザインの基礎知識を解説アンチパターンとその改善例をデザイン付Thu, 29 Aug 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/08/hello-shopify-themes-book/https://foolish-pine.com/posts/2024/08/hello-shopify-themes-book/Hello Shopify Themes Shopifyテーマ開発ガイドAmazon等でも購入できますが、上記の公式サイトで購入するとPDF版ももらえるのでおすすめです。3行要約Shopifyテーマ開Fri, 16 Aug 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/08/shopify-boilerplate/https://foolish-pine.com/posts/2024/08/shopify-boilerplate/テンプレートについてダウンロードはこちらGitHub概要Shopifyのテーマ開発用テンプレートです。以下の機能により快適な開発体験を提供します。TypeScript、CSSのコンパイル環境各種リンタWed, 14 Aug 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/08/ui-design-book/https://foolish-pine.com/posts/2024/08/ui-design-book/UIデザイン必携 ユーザーインターフェースの設計と改善を成功させるために3行要約UIデザインとは、使いやすさのデザインであるUIデザインはデバイスなどの環境や人間の認知特性を考慮する必要がある「一貫性Mon, 05 Aug 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/02/easy-shopify-book/https://foolish-pine.com/posts/2024/02/easy-shopify-book/いちばんやさしいShopifyの教本 人気講師が教える売れるネットショップ制作・運営3行要約Shopifyの基本的な操作からEC運営、集客、分析まで、基礎知識を浅く広くカバーShopifyでECを始めSat, 03 Feb 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/02/shopify-bible-book/https://foolish-pine.com/posts/2024/02/shopify-bible-book/エンジニアのためのShopify開発バイブル3行要約Shopifyのテーマカスタマイズ、カスタムストアフロント、アプリ開発に必要な技術の解説本技術書というより、技術紹介本という印象ひとつひとつの話題がSat, 03 Feb 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/01/udemy-shopify-basic/https://foolish-pine.com/posts/2024/01/udemy-shopify-basic/ShopifyでECサイトを構築【初期設定からストアオープンまで日本一わかりやすく徹底解説】For BeginnerShopifyでECサイトを構築する講座です。開発者向けというよりShopifyでESat, 27 Jan 2024 00:00:00 GMThttps://foolish-pine.com/posts/2024/01/manga-ec-business/https://foolish-pine.com/posts/2024/01/manga-ec-business/まんがでわかる ECビジネス3行要約ECと実店舗の本質は同じサイトを見に来てくれる人がどういった人たちなのか、お客さん視点で考えるファンを増やすことが新たな集客へ繋がるECと実店舗の本質は同じECビジSat, 20 Jan 2024 00:00:00 GMThttps://foolish-pine.com/posts/2023/10/coding-web-accessibility-book/https://foolish-pine.com/posts/2023/10/coding-web-accessibility-book/コーディングWebアクセシビリティ WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション3行要約標準に沿ったHTMLとテクノロジーが連携することで、HTMLはアクセシブルなコンテンツにSat, 21 Oct 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/10/designing-web-accessibility-book/https://foolish-pine.com/posts/2023/10/designing-web-accessibility-book/デザイニングWebアクセシビリティ アクセシブルな設計やコンテンツ制作のアプローチ3行要約Webにおけるアクセシブルなコンテンツとは、マシンリーダブルなコンテンツであることとほぼ同義実装時だけでなく、Tue, 17 Oct 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/07/hyperform/https://foolish-pine.com/posts/2023/07/hyperform/ヘッドレスフォームサービス「HyperForm」がかなり良かったので紹介します。まず結論からHyperFormはヘッドレスフォームサービス使い方はシンプルで、必要な機能はだいたい揃っているJamstaSun, 23 Jul 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/05/no-more-wordpress/https://foolish-pine.com/posts/2023/05/no-more-wordpress/WordPressは代表的なCMSであり、無料で使用できること、活発に開発され続けていること、豊富なプラグインを利用できることから、Webサイト制作において広く採用されています。実際、私が制作会社でコSun, 14 May 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/03/static-site-boilerplate-astro/https://foolish-pine.com/posts/2023/03/static-site-boilerplate-astro/テンプレートについてダウンロードはこちらGitHub概要Web制作用のAstroテンプレートです。以下の機能により快適な開発体験を提供します。Astroによる優れたパフォーマンスと開発者体験各種リンタSat, 25 Mar 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/02/how-you-discourage-employees/https://foolish-pine.com/posts/2023/02/how-you-discourage-employees/こうして社員は、やる気を失っていく3行要約モチベーションは「下げる要因」を取り除くことで自然と上がるモチベーションを下げる要因は、「人の気持ち」を理解していないからこそ生まれる対応や制度人の気持ちに向Sun, 26 Feb 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/02/small-company-web-marketing/https://foolish-pine.com/posts/2023/02/small-company-web-marketing/「未経験・低予算・独学」でホームページリニューアルから始める小さい会社のウェブマーケティング必勝法どんな本？予算や人材が潤沢でない小さな会社のためのWebマーケティング指南書ホームページリニューアルにSat, 25 Feb 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/02/manga-web-marketing/https://foolish-pine.com/posts/2023/02/manga-web-marketing/マンガでわかるWebマーケティング 改訂版 Webマーケッター瞳の挑戦！どんな本？Webマーケティングについて、マンガと説明でわかりやすく解説した本Webマーケの基本的な用語や考え方を知ることができるSun, 05 Feb 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/02/ten-years-seo/https://foolish-pine.com/posts/2023/02/ten-years-seo/10年つかえるSEOの基本どんな本？SEOの本質を説明したSEO入門書小手先のテクニックではない、変わらない本質にフォーカスしているSEOに関わるならまず読むべき内容について「SEO」イコール「検索結Sun, 05 Feb 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/01/nextjs-microblog-for-beginner/https://foolish-pine.com/posts/2023/01/nextjs-microblog-for-beginner/【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座講師は『ReactでTrelloクローンアプリケーションを作ってReactをマスターしよSat, 21 Jan 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/01/team-geek/https://foolish-pine.com/posts/2023/01/team-geek/Team Geek ―Googleのギークたちはいかにしてチームを作るのかどんな本？Googleのエンジニアがソフトウェア開発における「人」の重要性を語る本です。チーム、リーダー、有害な人、ユーザーなMon, 09 Jan 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/01/try-precss/https://foolish-pine.com/posts/2023/01/try-precss/PRECSSとはOOCSSやSMACSS、BEMの素晴らしさ巧みに取り入れ更に進化させた強力なモジュール設計。それがPRECSSです。PRECSSはCSSの設計手法のひとつです。詳しい解説は公式サイトSun, 08 Jan 2023 00:00:00 GMThttps://foolish-pine.com/posts/2023/01/web-developer-second-year/https://foolish-pine.com/posts/2023/01/web-developer-second-year/エンジニアになって2年経ちました。長いようで短かった2年でした。この記事はエンジニア2年目の振り返りです。近況転職しました！2022年11月に前職を退職し、同年12月から現在の会社で働いています。転職Mon, 02 Jan 2023 00:00:00 GMThttps://foolish-pine.com/posts/2022/12/nodejs-mongodb-todoapp/https://foolish-pine.com/posts/2022/12/nodejs-mongodb-todoapp/【Node.js入門】Node.jsとMongoDBを連携してTodoアプリを１から構築してみよう業務でNode.jsを使うことになり、基礎的な部分を抑えておきたかったので受講しました。講師は『ReaFri, 30 Dec 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/11/react-3project-app-udemy/https://foolish-pine.com/posts/2022/11/react-3project-app-udemy/【Reactアプリ開発】3種類のReactアプリケーションを構築して、Reactの理解をさらに深めるステップアップ講座またReact欲が出てきたところ、Udemyで見つけて受講してみました。講師は『RTue, 29 Nov 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/11/static-site-boilerplate-vite/https://foolish-pine.com/posts/2022/11/static-site-boilerplate-vite/テンプレートについてダウンロードはこちらGitHub概要Web制作用のViteテンプレートです。以下の機能により快適な開発体験を提供します。Viteによる高速なホットリロードおよびビルド各種リンターにThu, 03 Nov 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/10/new-graduate-engineer-recruit/https://foolish-pine.com/posts/2022/10/new-graduate-engineer-recruit/ゼロからわかる新卒エンジニア採用マニュアル久しぶりの書評記事です。今回はTwitterで話題になっていた『ゼロからわかる新卒エンジニア採用マニュアル』を読みました。私は採用担当でもなければ新卒でもないSun, 09 Oct 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/09/abc266/https://foolish-pine.com/posts/2022/09/abc266/AtCoder Beginner Contest 266に参加しました。久しぶりのコンテストです。今回の結果はAB2完でした。レートは408→414の微増。C問題解けそうで解けなかった…。A - MiSun, 04 Sep 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/09/acc-default-pypy/https://foolish-pine.com/posts/2022/09/acc-default-pypy/結論acc s main.py -- --guess-python-interpreter pypyまたはacc s --skip-filename -- --guess-python-interprSat, 03 Sep 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/08/record-of-studies/https://foolish-pine.com/posts/2022/08/record-of-studies/ここ数か月は相当忙しかったです。2022年7月の学習記録まとめです。Udemy7月は以下の講座を受講しました。『ReactでTrelloクローンアプリケーションを作ってReactをマスターしよう！』『Tue, 16 Aug 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/07/react-stepup/https://foolish-pine.com/posts/2022/07/react-stepup/Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版結構前に購入して途中かけだったのですが、完走しました。総評Reactの周辺技術も含め幅広い範囲を学ぶことができる良講Sun, 24 Jul 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/07/react-trello-development/https://foolish-pine.com/posts/2022/07/react-trello-development/ReactでTrelloクローンアプリケーションを作ってReactをマスターしよう！Reactで何かつくりたくなったので、Udemyがちょうどセールだったこともあり購入してみました。タイトルの通りReSun, 03 Jul 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/06/soft-skills/https://foolish-pine.com/posts/2022/06/soft-skills/SOFT SKILLS ソフトウェア開発者の人生マニュアル 第2版久しぶりの書評記事です。今回は『SOFT SKILLS ソフトウェア開発者の人生マニュアル 第2版』を読みました。タイトル通り、ソフトSat, 11 Jun 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/05/web-wo-sasaeru-gijutsu/https://foolish-pine.com/posts/2022/05/web-wo-sasaeru-gijutsu/Webを支える技術 -HTTP、URI、HTML、そしてRESTついに『Webを支える技術 -HTTP、URI、HTML、そしてREST』を読みました。初版の発行年は2010年ですが、取り上げられていWed, 04 May 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/05/record-of-studies/https://foolish-pine.com/posts/2022/05/record-of-studies/お仕事忙し～～～～～。2022年4月の学習記録まとめです。技術書4月は以下の本を読みました。『プロの「引き出し」を増やす HTML+CSSコーディングの強化書』『プロの「引き出し」を増やす HTML+Tue, 03 May 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/05/html-css-kyokasyo/https://foolish-pine.com/posts/2022/05/html-css-kyokasyo/プロの「引き出し」を増やす HTML+CSSコーディングの強化書中級者向けのHTML・CSS本です。HTML・CSSの参考書というと初心者向けのものが多いですが、こちらの本は珍しく脱初心者～中級者向けSun, 01 May 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/04/record-of-studies/https://foolish-pine.com/posts/2022/04/record-of-studies/毎年年度末は忙しくなりがち。今更ながら2022年3月の学習記録まとめです。技術書3月は以下の4冊の本を読みました。『モダンJavaScriptの基本から始める React実践の教科書』『ITエンジニアSun, 24 Apr 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/04/css-architecture/https://foolish-pine.com/posts/2022/04/css-architecture/ざっくりつかむ CSS設計題名の通り「CSS設計」をざっくり理解するための本。代表的なCSS設計思想であるBEMやSMACSSの説明から、ユーティリティクラス、ブロックの余白問題、Sass、PostCSat, 16 Apr 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/04/wordpress-seo/https://foolish-pine.com/posts/2022/04/wordpress-seo/これからのWordPress SEO内部対策本格講座WordPressサイトにフォーカスしたSEO本です。WPサイト構築のヒントが得られるかと思って手に取ってみたのですが、これはWPエンジニア向けではSat, 16 Apr 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/03/abc244/https://foolish-pine.com/posts/2022/03/abc244/AtCoder Beginner Contest 244に参加しました。今回の結果はABCD4完でした。レーティング変化は367→408！やっと茶色に昇格できました！ちなみになぜ参加前のレートが下がっMon, 21 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/03/format-json/https://foolish-pine.com/posts/2022/03/format-json/結論VSCodeがJSONファイルをFormat On SaveしてくれなくなったときはJSONファイルの言語モードを確認しましょう。言語モードがJSON with Commentsのファイルには、JMon, 21 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/03/abc243/https://foolish-pine.com/posts/2022/03/abc243/AtCoder Beginner Contest 243に参加しました。今回の結果はAB2完でした。レーティング変化は384→397でした。早解きを意識したので、それのおかげで若干パフォーマンスが上がSat, 19 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/03/zero-overtime-work/https://foolish-pine.com/posts/2022/03/zero-overtime-work/ITエンジニア残業ゼロの働き方 〜現場で本当に使えた仕事効率化の法則95書名の通り、ITエンジニアが仕事を効率化し残業を減らすための働き方を提案する本です。著者は現役のエンジニアの方です。自身の経験をSat, 19 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/02/record-of-studies/https://foolish-pine.com/posts/2022/02/record-of-studies/新年になってもう2か月も経ったなんて…。2022年2月の学習記録まとめです。技術書2月は以下の2冊の本を読みました。『WordPressオリジナルテーマ制作入門』『手を動かしながら学ぶTypeScriSun, 06 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/03/abc242/https://foolish-pine.com/posts/2022/03/abc242/AtCoder Beginner Contest 242に参加しました。今回の結果はAB2完でした。レーティング変化は385→384でほぼ変化なし。そろそろしっかりアルゴリズムを勉強しないと…と思ったSun, 06 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/03/from-modern-js-to-react/https://foolish-pine.com/posts/2022/03/from-modern-js-to-react/モダンJavaScriptの基本から始める React実践の教科書初心者向けのReact本です。著者はUdemyで大人気のReact講座の講師の方です。解説はやさしく、かなり初心者向けの本です。その点Sun, 06 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/03/hands-on-typescript/https://foolish-pine.com/posts/2022/03/hands-on-typescript/手を動かしながら学ぶ TypeScript素のJavaScript力はもちろん、TypeScriptやReactといったモダンなフロントエンドでは必須のスキルも伸ばしていくのが今年の目標です。そんなわSun, 06 Mar 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/02/abc241/https://foolish-pine.com/posts/2022/02/abc241/AtCoder Beginner Contest 241に参加しました。240は開催告知を見逃して、参加できませんでした…。今回の結果はABC3完でした。レーティング変化は335→385で増加！時間ギSun, 27 Feb 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/02/abc239/https://foolish-pine.com/posts/2022/02/abc239/AtCoder Beginner Contest 239に参加しました。結果はABCD4完・1ミスでした。レーティング変化は312→335で微増。灰と茶色の境界あたりの問題は結構解けるようになりましたSun, 20 Feb 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/02/the-search-query/https://foolish-pine.com/posts/2022/02/the-search-query/結論ページに検索キーワードを出力する場合はthe_search_query()ではなく、esc_html( get_search_query() )を使用するのがより厳密です。経緯あるWordPresSun, 20 Feb 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/02/wp-original-theme/https://foolish-pine.com/posts/2022/02/wp-original-theme/WordPressオリジナルテーマ制作入門引き続き最近出たWordPress本を読みました。以前読んだ『初心者からちゃんとしたプロになる WordPress基礎入門』は座学寄りの本でしたが、こちらはしMon, 07 Feb 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/record-of-studies/https://foolish-pine.com/posts/2022/01/record-of-studies/2022年の最初の月です。というわけで2022年1月の学習記録まとめです。技術書1月は以下の2冊の本を読みました。『初心者からちゃんとしたプロになる WordPress基礎入門』『スッキリわかるPytSun, 06 Feb 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/02/abc238/https://foolish-pine.com/posts/2022/02/abc238/AtCoder Beginner Contest 238に参加しました。結果はAC2完でした。終了直後にB問題解けたの悔しすぎる…。レーティングは273→312まで上がりました。とりあえず茶色になるのSun, 06 Feb 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/02/sukkiri-python/https://foolish-pine.com/posts/2022/02/sukkiri-python/スッキリわかるPython入門最近AtCoderを再開したものの、JavaScriptで問題解くのが辛すぎたので言語を変えることに。競プロでよく使われる言語はいくつかありますが、簡単（らしい）かつネッSat, 05 Feb 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/react-twitter-widgets/https://foolish-pine.com/posts/2022/01/react-twitter-widgets/結論react-twitter-widgetsのレポジトリまずはインストールする。npm i react-twitter-widgetsタイムラインを埋め込むコードは以下の通り。import { TiMon, 24 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/disable-comments/https://foolish-pine.com/posts/2022/01/disable-comments/結論Disable Commentsの公式ページプラグインのインストール後、サイドバーの「設定」→「Disable Comments」→「Disable Comments」タブの「どこでも」を選択→「Sun, 23 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/github-markdown-light/https://foolish-pine.com/posts/2022/01/github-markdown-light/結論ライトテーマのみを使用したい場合は、github-markdown-light.cssをimportする。import "github-markdown-css/github-markdSat, 22 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2021/12/record-of-studies/https://foolish-pine.com/posts/2021/12/record-of-studies/2021年の最後の月でした。というわけで2021年12月の学習記録まとめです。Udemy12月は以下の1つの講座を受講しました。『【Vue.js2&Vue.js3対応】基礎から【VuetifyMon, 10 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/wp-beginner-to-pro/https://foolish-pine.com/posts/2022/01/wp-beginner-to-pro/初心者からちゃんとしたプロになる WordPress基礎入門こちらの本を読んで学習した感想です。とても良いWordPress本でした。WordPressに関する書籍はこれまでにもたくさん出版されていまMon, 10 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/gulp-image-minify/https://foolish-pine.com/posts/2022/01/gulp-image-minify/結論ソースコード動作確認環境Node.js v16.13.0"devDependencies": { "del": "^6.0.0", Mon, 03 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/static-site-boilerplate-min/https://foolish-pine.com/posts/2022/01/static-site-boilerplate-min/ダウンロードGitHub注意：レポジトリのメンテナンスは終了しています。概要HTML + CSS + JS + リンター + フォーマッターからなる静的サイト制作用のボイラープレートです。ソースコードMon, 03 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/static-site-boilerplate-scss/https://foolish-pine.com/posts/2022/01/static-site-boilerplate-scss/ダウンロードGitHub注意：レポジトリのメンテナンスは終了しています。概要HTML + SCSS + JS + リンター + フォーマッターからなる静的サイト制作用のボイラープレートです。ポイントEMon, 03 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2022/01/new-years-resolution/https://foolish-pine.com/posts/2022/01/new-years-resolution/新年一発目の投稿ということで、新年の抱負でも述べてみようと思います。生き方的な話やるべきことをやり、やりたいこともやり、遅くてもいいから確実に前に進む、今年はそんな年にしていきたいです。そのために必要Sat, 01 Jan 2022 00:00:00 GMThttps://foolish-pine.com/posts/2021/12/directory-structure/https://foolish-pine.com/posts/2021/12/directory-structure/結論Web制作のプロジェクトでは以下のディレクトリ構造で制作しています。解説冒頭の画像の再掲になりますが、私は現在以下の構成で制作しています。なお、これは一般的な静的サイトの制作を考えた場合のものですThu, 30 Dec 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/12/web-developer-first-year/https://foolish-pine.com/posts/2021/12/web-developer-first-year/早いもので、現在の会社にフロントエンドエンジニアとして転職してから1年経ちました。色々ありましたが、ドロップアウトすることなくWebの世界で生き延びています。ここらでここ1年の振り返りでもしよう、と思Sat, 11 Dec 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/12/webpack-html-minify/https://foolish-pine.com/posts/2021/12/webpack-html-minify/結論html-loaderのoptionsにminimize: falseを追加するhtml-webpack-pluginのオプションminifyにfalseを追加するこれでproduction moSat, 11 Dec 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/11/record-of-studies/https://foolish-pine.com/posts/2021/11/record-of-studies/今年も残すところあと1か月になってしまいました。というわけで2021年11月の学習記録まとめです。技術書11月は以下の1冊の本を読みました。『現場のプロから学ぶ CSSコーディングバイブル』『現場のプSun, 05 Dec 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/12/udemy-webpack-config/https://foolish-pine.com/posts/2021/12/udemy-webpack-config/Webpackでウェブサイト制作のHTML/CSS/JSコーディングを一気に効率化する実践講座 (Mac / Win)webpackの設定をイチから学び、最終的にPug、Sass、TypeScriptSun, 05 Dec 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/11/base-css/https://foolish-pine.com/posts/2021/11/base-css/全ページに共通して適用しているベースのCSSを紹介します。2023年8月1日現在使用しているものです。リセットCSSにはDestyle.cssを使用するDestyle.cssはブラウザのデフォルトのスSun, 28 Nov 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/11/webpack-dev-server-html-reload/https://foolish-pine.com/posts/2021/11/webpack-dev-server-html-reload/結論webpack.config.jsのdevServerにwatchFilesオプションを追加します。パスや拡張子は必要に応じて変更してください。module.exports = { devSerSun, 28 Nov 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/11/css-coding-bible/https://foolish-pine.com/posts/2021/11/css-coding-bible/現場のプロから学ぶ CSSコーディングバイブルここのところ自分のマークアップの腕の成長が鈍くなっているような気がして、改めてHTML/CSSにも学習時間を割こうと思っていました。タイミングがよいことにSat, 13 Nov 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/10/record-of-studies/https://foolish-pine.com/posts/2021/10/record-of-studies/すっかり寒くなってしまいました。秋はどこに行ってしまったんでしょうかねー。というわけで2021年10月の学習記録まとめです。技術書10月は以下の1冊の本を読みました。『キタミ式イラストIT塾応用情報技Sat, 06 Nov 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/10/ap/https://foolish-pine.com/posts/2021/10/ap/表題の通り2021年10月10日に令和3年度秋期応用情報技術者試験を受験してきました。そのときの受験記録です。（2021年12月19日更新）無事合格してました！応用情報技術者試験（AP）とは情報処理技Sun, 17 Oct 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/09/record-of-studies/https://foolish-pine.com/posts/2021/09/record-of-studies/もう9月も半分過ぎてしまいましたが、2021年8月の学習記録のまとめです。技術書8月は以下の2冊の本を読みました。『独学プログラマー Python言語の基本から仕事のやり方まで』『フロントエンド開発入Mon, 20 Sep 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/08/record-of-studies/https://foolish-pine.com/posts/2021/08/record-of-studies/今年も夏がきた！2021年7月の学習記録のまとめです。技術書7月は以下の2冊の本を読みました。『「プロになるためのWeb技術入門」 ――なぜ、あなたはWebシステムを開発できないのか』『ノーコードシフTue, 03 Aug 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/07/twitter-card-image/https://foolish-pine.com/posts/2021/07/twitter-card-image/Twitterカードの画像が表示されなくなったこのブログの記事をTwitterでシェアしたとき、Twitterカードの画像が表示されなくなってしまいました。以前は表示されていたのですが…。というわけでSun, 04 Jul 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/07/record-of-studies/https://foolish-pine.com/posts/2021/07/record-of-studies/2021年も残り半分！2021年6月の学習記録のまとめです。技術書6月は以下の4冊の本を読みました。『WEB+DB PRESS Vol.122』『イラスト図解式この一冊で全部わかるWeb技術の基本』『Sat, 03 Jul 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/06/get-stylesheet-directory-uri/https://foolish-pine.com/posts/2021/06/get-stylesheet-directory-uri/WordPressでテーマのディレクトリのURLを取得したいときがあります。具体的には画像のパスが必要なときなんかですね。WordPressにはテーマのディレクトリのURLを出力してくれる関数が用意さSun, 20 Jun 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/06/css-shorthand/https://foolish-pine.com/posts/2021/06/css-shorthand/結論から私の意見は以下の通りです。可読性や保守性を重視するならばショートハンドはなるべく使用しないショートハンドとはCSSのショートハンドとはCSSプロパティの一括指定のことです。ショートハンドを使用Sun, 13 Jun 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/06/information-collection/https://foolish-pine.com/posts/2021/06/information-collection/移り変わりの早い技術界隈の話題にキャッチアップしていくには情報収集が欠かせません。この記事では一例として私が閲覧しているサイト・メディアを紹介します。毎日チェック1日1回は確認しているサイトです。QiSat, 05 Jun 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/06/record-of-studies/https://foolish-pine.com/posts/2021/06/record-of-studies/ジメジメする季節になってきましたね。2021年5月の学習記録のまとめです。技術書5月は以下の2冊の本を読みました。『図解まるわかり Web技術のしくみ』『わかばちゃんと学ぶ GoogleアナリティクスWed, 02 Jun 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/05/ie-retirement/https://foolish-pine.com/posts/2021/05/ie-retirement/IE11、ついにサポート終了先日マイクロソフトより2022年6月15日をもってInternet Explorer 11のサポートを終了するとの発表がありました。Internet Explorer は Sat, 29 May 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/05/image-naming/https://foolish-pine.com/posts/2021/05/image-naming/結論からWeb制作において、以下のルールで画像を命名しています。[名前][連番].[拡張子]例1：header_logo.jpg例2：mainVisual_slide2.png詳細各項目について、以下Sun, 23 May 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/05/record-of-studies/https://foolish-pine.com/posts/2021/05/record-of-studies/2021年4月の学習記録のまとめです。技術書4月は以下の4冊の本を読みました。『コンピュータ、どうやってつくったんですか?:はじめて学ぶ、コンピュータの歴史としくみ』『痛快! コンピュータ学』『徹底解Sun, 16 May 2021 00:00:00 GMThttps://foolish-pine.com/posts/2021/05/hello-world/https://foolish-pine.com/posts/2021/05/hello-world/ブログ兼ポートフォリオサイトを新しく開設しました技術的なことや学習記録、つくったものについて書いていこうと思います。といいつつも適当な雑記を垂れ流すだけのブログになりそうな予感。Wed, 05 May 2021 00:00:00 GMT