ウェブ制作フロントエンド開発者のための一般的な変数命名規則
はる フロントエンジニアが使う言語で変数名を作るときに一般的な命名規則をまとめました。 言語と使用時の例 JavaScript / TypeScript 変数名 キャメルケース (camelCase) Ja...
ウェブ制作
ウェブ制作ウェブ制作Google スプレッドシートのデータを複数タブ対応で JSON 形式でダウンロードする方法
はる Google スプレッドシートのデータを JSON 形式でダウンロードしたいと思ったことはありますか？ この記事では、Google スプレッドシートのデータを複数シート対応で JSON 形式でダウンロードする方法を紹介します。 ...
ウェブ制作AstroプロジェクトでPrettierを使ってコード整形を行う方法
はる AstroプロジェクトでPrettierを使って、コード整形を行う方法について解説します。Prettierは、コードの書式を自動で整えるツールであり、コードの読みやすさや一貫性を向上させます。 Prettierとpretti...
ウェブ制作Astroプロジェクトでエイリアスを設定する方法
はる Astroは、高速な静的サイトジェネレーターで、モダンなWeb開発のためのツールです。今回は、Astroプロジェクトでエイリアスを設定する方法を解説します。 エイリアス設定するとなにがいいのか エイリアスを使うことで、...
ウェブ制作Astroビルド先の変更方法！手順とポイントを解説
はる Astroをメインの開発環境に移行していってるはるです。いろんな環境でAstroを使っています。ビルド先を変更したい時の設定を紹介します。 今回のやりたいこと Astroのフォルダはresourceフォルダ（r...
ウェブ制作Rancher Desktopでパソコンの容量を圧迫するバグの対処法
はる 使用していたMacが急に動作が重くなり、調べたらRancher Desktopのバグで1TBの容量がログファイルでパンパンになっていた時の対処法メモです。 原因の発覚 Mac Book Proの1TBを使っていたが、急...
ウェブ制作Rancher Desktop に切り替えたけど ポート80と433が使えなくて困った時の対処法
はる Docker Desktopを使用していたが、有料化に伴いRancher Desktopへ切り替えることにしました。そこで、デフォルトで80と443ポートが使用されておりそれの解除方法を紹介します。 現象 Docker...
ウェブ制作高速なWebサイトが作れるAstroをReactでつくる方法
Astroでは簡単に静的サイトをビルドできるWebフレームワークとのことで、今回はReact.jsを取り入れた環境を用意してみたいと思います。 はる React.js TypeScript Next.jsがわかる前提でゆるく説明して...
ウェブ制作【VS Code 設定】編集中ファイルでエラー箇所があるとエラー音がうるさいので消したい時の方法
はる 編集中ファイルで記述のミスなどで赤くエラー表示されてるところでポコポコエラー音がして禿げるかと思ったので消し方をメモしておきます。 はる 基本設定の設定を開く検索で『audio cues error』で検索auto ...
ウェブ制作TDK Meta Checker をアップデート！Chromeの拡張機能
meta情報を確認しやすくした拡張機能 TDK Meta CheckerはGoogleの拡張機能で、Webサイトのmeta情報をわかりやすく確認するための機能です。Web制作者目線で確認したい内容だけに絞って表示してくれ...
ウェブ制作VSCode + Stylelint で、CSSファイル以外でエラーが出る対処法（TypeError: result.apply is not a function at 〜）
VSCode に Stylint の拡張機能を使用中に、jsファイルを保存時に、なぜか『TypeError: result.apply is not a function at ...』と、Stylelintのエラーが出る問題が出て消す方...
ウェブ制作Flexboxをゾンビゲーで楽しく学ぶ海外ゲームのクオリティーがやばい
はる Flexboxの挙動を遊びながら学べるゲームを発見しました。 めちゃくちゃクオリティーが高くてびっくりしました！ Flexboxの挙動を遊びながら学べるゲーム！ バージョンが2.0になってアニメーション・オーディ...