Web制作の考え方を学ぶ プログラミングを学びたい全ての人へ
こんにちは。最後にブログを更新してから、早１年。仕事が忙しくなったというのはもちろん、気づけば日に日に発信しづらくなっていた。大きめの規模のアプリケーション開発に携わってから、見える範囲も広がったし、技術的な知見もずいぶん増えた。一方で、自...
Web制作の考え方を学ぶ 
Uncategorized Web制作を約10年やってきて感じたことをまとめてみた
こんにちは。今回は、ふと思い立って「Web制作を約10年やってきて感じたこと」をまとめてみました。これは今Web制作を学んでいる人に、今後どういうキャリアを考えたらいいかの参考になればと思い書き残しておこうと思います。押さえておきたい結論H...
AI 【2026年版】いま押さえるべき生成AI用語まとめ
〜LLM、RAG、AIエージェント、LLMOpsを「5つの話題」で最短整理〜会議や資料で「LLM」「RAG」「AIエージェント」「LLMOps」などの用語が次々に出てきても、いま何の話をしていて、何を決めればいいのかが曖昧なまま議論が進んで...
その他 【AIへの共有を爆速に】記事の本文だけをMarkdownで一発コピーできるChrome拡張「Article Clipper」を公開しました
Web記事の本文をReadabilityで抽出し、Markdownでクリップボードに一発コピーできるChrome拡張。AI要約・競合分析・ノート保存が速くなります。
Uncategorized 【保存版】Markdown記法チートシート | 基礎から応用まで一気にまとめ
こんにちは。今回はMarkdown（マークダウン）記法をひととおりちゃんと押さえたい人向けに、よく使う書き方から少しマニアックなものまで「あとから見返せるチートシート」としてまとめていこうと思います。セカヤサ本当にこれを知ってるか知らないか...
AI 【初心者向け】ChatGPTにちゃんと伝わるプロンプトの書き方｜#や“`の“記号ルール”まとめ
こんにちは。この記事では ChatGPTに「ちゃんと伝わる」プロンプトの書き方 を、初心者向けにやさしく解説していきます。ポイントは難しいテクニックではなく、「# や - や ``` などの“記号ルール”で文章に型をつけること」 です。この...
JavaScriptを学ぶ 【徹底解説】HTMLのinputで完全に数字のみを受け付ける【コピペ可】
HTMLとJavaScriptでinputを整数のみに制御する方法を解説。今すぐ使えるコード付き！
Web制作を学ぶ html-minifier-terserの全オプションまとめ
本ブログではHTMLをminify（圧縮）してサイトの読み込み速度を上げる方法を紹介していますが、そこで紹介したhtml-minifier-terserの全オプションを解説しようと思います。▼ サイトの読み込み速度を上げる方法はこちらhtm...
Web制作を学ぶ HTMLをminify（圧縮）してサイトの読み込み速度を上げる
こんにちは。Webサイトの表示速度を上げることは、ユーザーの離脱率低下のために重要だと考えられています。特にLPのような直接的にユーザーの行動を促すページにおいては特に重要で、普通のサイトではやらないような細かいテクニックも使われることがあ...
その他 ドラッグ&ドロップでフォームを作れる「HTMLフォームクリエイター」を公開しました。【コピペ可】
こんにちは。フォームのコードって案外手作業でコーディングするの面倒に感じていたので、ツールを作りました。ドラッグ&ドロップでパーツを配置、多少設定を入れたらコードを出力するボタンでコピペしてコードを使ってください。見た目は結局そのまま使える...
HTML/CSSを学ぶ Tailwind CSS v4でリセットCSS部分を読み込ませない方法
こんにちは。 Tailwind CSSにはデフォルトでリセットCSSが組み込まれています。Preflightと呼ばれるもので、modern-normalizeをベースに制作されているようです。ですが、他のリセットCSSを使ってるなど場合によ...