Google スプレッドシートで祝日を取得する
Google スプレッドシートに、内閣府が公開している祝日のCSVを読み込んで祝日リストを作る方法です。IMPORTDATA関数を使う方法と、Google Apps Scriptで毎月自動で更新する方法を紹介します。
開発環境・ツールの記事
1位 2位 macOSでgit-credential-osxkeychainのポップアップが出てきたときの対処方法
macOSでGitを使っていると「git-credential-osxkeychainがキーチェーン内の機密情報を使用しようとしています」というポップアップが出ることがあります。その場での対処方法と、キーチェーンの項目を作り直して表示されないようにする方法を説明します。
3位 Basic認証でログアウトする方法
Basic認証をかけたWebサイトで、ログアウトと再ログインをする方法です。URLのホスト名の前に文字を足してアクセスするだけで、認証ダイアログをもう一度表示できます。
4位 Web制作に便利なVisual Studio Codeのコードスニペット
Visual Studio Codeのユーザースニペットを使うと、短いキーワードでよく使うコードを挿入できます。スニペットの設定方法と、HTMLやCSSで使っているスニペットを紹介します。
5位 リンクをまとめて開きたいときに便利なChrome拡張機能「Pasty」
Chrome拡張機能「Pasty」を使うと、コピーしたテキストに含まれる複数のURLをまとめて新しいタブで開けます。インストール方法と使い方を紹介します。
6位 急上昇Web制作で役立つVisual Studio Codeの拡張機能【基本編】
Web制作でVisual Studio Codeを使うときに入れておくと便利な拡張機能を紹介します。日本語化やアイコンテーマ、コード整形、Git、HTML・Sass・PHPで役立つものまで、設定のコツとあわせてまとめました。
7位 XcodeでSwiftのプロジェクトを作成する
Xcodeで新しいプロジェクトを作成する手順です。テンプレートの選び方と、Product NameやInterface、Storageなど作成時に設定する項目の意味、Gitリポジトリの作成についても解説します。
8位 macOSにPythonの開発環境を構築する
Homebrewでpyenvをインストールし、pyenvでPythonをインストールしてバージョンを切り替える方法を解説します。特定のディレクトリだけバージョンを変える方法や、pipのバージョンの確かめ方も紹介します。
9位 Next.js開発環境構築（App Router, TypeScript, Tailwind CSS対応）
Next.js（App Router）にTypeScript・Tailwind CSS・shadcn/uiを組み合わせた開発環境の構築手順です。Prettier・ESLint・husky・lint-staged・npm-run-all・Storybookの設定までを備忘録として残します。
10位 macOSにGitをインストールする
Homebrewを使って、macOSに新しいバージョンのGitをインストールする方法です。Macに標準で入っているGitとの見分け方と、HomebrewのGitが使われるようにパスを通す手順も解説します。
11位 ローカル環境にWordPressを構築できるLocalのインストール方法
ローカル環境にWordPressの検証環境を作るなら、Localを使うと簡単に構築できます。Localのダウンロードとインストール、WordPressのサイトを作るまでの手順を解説します。
12位 Shopifyで開発ストアを構築する
Shopifyの環境構築で使う、開発ストアの作り方を説明します。Shopifyペイメントのテストモードでテスト決済をする設定と、テスト用のクレジットカード番号も記載しています。
13位 macOSにHomebrewをインストールする
macOSのパッケージマネージャーHomebrewのインストール方法です。インストール済みかを確かめる方法から、インストール後にパスを通す手順、動作確認までを解説します。
14位 AlfredでPHPを認識してもらうまでの手順
macOS 12（Monterey）でPHPがバンドルされなくなり、PHPを使ったAlfredのワークフローが使えなくなった問題は、HomebrewでPHPをインストールすると解決できます。
15位 macOSで隠しファイルを表示する
macOSのFinderで隠しファイルを表示する方法です。キーボードショートカットで表示と非表示を切り替える方法と、ターミナルのコマンドで常に表示する設定を紹介します。
16位 Gitでファイル名の大文字、小文字を区別する
macOSやWindowsでは、ファイル名の大文字・小文字だけを変えてもGitが変更を検知しません。core.ignorecaseをfalseにして検知させる方法と注意点、設定を変えずにgit mvで名前を変える方法を説明します。
17位 Web制作で役立つChromeの拡張機能
Web制作やサイトの検証で役立つGoogle Chromeの拡張機能を紹介します。ページ全体のスクリーンショット、HTMLの構文チェック、meta情報の確認、使われている技術の確認、ウインドウサイズの変更などに使えるものをまとめました。
18位 GASをローカル環境で開発する
claspを使ってGoogle Apps Script（GAS）のプロジェクトをローカルで開発し、mainブランチへのpushでGitHub ActionsからGASに反映してWebアプリのデプロイを更新する手順です。初回デプロイとシークレットの登録までを説明します。