Web制作の考え方を学ぶ プログラミングを学びたい全ての人へ
こんにちは。 最後にブログを更新してから、早１年。仕事が忙しくなったというのはもちろん、気づけば日に日に発信しづらくなっていた。大きめの規模のアプリケーション開発に携わってから、見える範囲も広がったし、技術的な知見もずいぶん増えた。一方で、...
Web制作の考え方を学ぶ 
HTML/CSSを学ぶ 【SSGの仕組み】Next.jsやGatsby.jsなどでSSGするとなぜ爆速になるのか
Next.js/Nuxt.jsやGatsby.jsを代表として、モダンJavaScriptフレームワークにはSSG（Static Site Generation）機能が搭載されていますよね。 React、Vueなどで構築したソースを事前にサ...
その他 【2024年8月最新版】X（Twitter）のインプレゾンビを超高精度で消し去る最強フィルター【専用コマンド】
まだまだX（旧Twitter）でインプレゾンビを見かけますよね。最近は多くの方がブロックや報告をしていると思いますが、その勢いは落ちるどころか増す一方。（インプレゾンビが何かについて改めて知りたい方はこちら） 以前位置情報を使ってフィルタリ...
その他 【2024年8月最新版】Xのインプレゾンビ対策方法まとめ
こんにちは。X（旧Twitter）でのインプレゾンビの対策法がある程度まとまってきました。このブログでも記事数が増えてきたのでここでまとめようと思います。あくまでまとめ記事なので詳しくはそれぞれ個別の記事をご覧ください。 拡張機能で一括で非...
その他 【2024年8月最新版】X（Twitter）おすすめ最強ミュートワード一覧
こんにちは。X（旧Twitter）ではインプレゾンビの登場から久しく、トレンドが余計な投稿ばかりで嫌になりますよね。 しかも前からいる情報商材やR-18系のスパムも相変わらず多く、「トレンドを見たけど発生元がわからない」という現象もしばしば...
その他 X（Twitter）のミュートワード機能で「リポストを全部消す」裏技がある
こんにちは。最近のX（旧Twitter）といえばインプレゾンビ関連がよく話題になりますが、他にもタイムラインを見にくくしている仕様っていくつかありますよね。 例えば興味のないリポストによってタイムラインが埋もれてしまうことがあります。もちろ...
HTML/CSSを学ぶ 中央揃えにleft: 50%; transform: translateX(-50%);などという馬鹿げた記述をするな
こんにちは。今回はよく紹介される中央揃えテクニックについて思うところがあったので、最新の中央揃えを解説します。 よく紹介される、position: absolute;にしてleft: 50%; transform: translateX(-...
その他 GitHubリポジトリで特定のフォルダのみダウンロードする方法
こんにちは。GitHubリポジトリで、全部ではなく一部のフォルダのみダウンロードしたい時ってありますよね。 例えばそのプロジェクトを使ったサンプルコードを提供してくれているリポジトリがありますが、そのサンプルだけ軽く試したい時はそこだけ欲し...
HTML/CSSを学ぶ 【コピペ可】文字数制限のかかったいい感じのtextareaを作る方法
こんにちは。今回はtextareaタグをいい感じにする方法を紹介します。 作るものの確認 文字数制限 ＋ それが分かりやすいように右下に表示をします。制限文字数を超えると赤くなってユーザーが気づきやすくしています。 const textar...
Web制作の考え方を学ぶ これをやると低レベルなWebデザイナーだと思われること4選 + コーダー側での対応策
こんにちは。近年Webデザイナーに転職したり副業で始める人が増えていますが、正直に言うと、 「この人Webのこと全然知らないな・・・」 「これはデザイン初心者だな」 とバレバレのデザインを納品する人が増えました。 僕は常々「Webデザイナー...
その他 X（旧Twitter）に群がるインプレゾンビとは【強力な対策も紹介】
インプレゾンビとは Xのトレンドを見るたびに、謎の言語や同じ文章のコピペ、ChatGPTやClaudeなどのAIで生成したと思われる不自然な日本語など邪魔な投稿やリプライが目につきますよね。これらはインプレッション（投稿の表示回数）稼ぎを目...