https://morino-web.com/blog/ morino.web は、小さな事業のとなりで手を動かす個人事業です。Webサイト制作・ECサイト制作・SNS運用代行・体験型ゲーム制作を行っています。 ja Wed, 09 Sep 2026 00:00:00 GMT https://morino-web.com/blog/sveltia-cms/ https://morino-web.com/blog/sveltia-cms/ Astroの静的サイトに、スマホから「お知らせ」を投稿できる更新画面を付けた記録です。導入は2ファイルで終わりますが、難しいのは設定ではなく画像の置き場所と設定が反映されるタイミングでした。実装で踏んだ落とし穴をまとめます。 Web Wed, 09 Sep 2026 00:00:00 GMT https://morino-web.com/blog/cloudflare-github-deploy/ https://morino-web.com/blog/cloudflare-github-deploy/ GitHubにpushするだけでサイトが更新される環境を、Cloudflare Pagesで作る手順をまとめました。連携の設定からビルド設定、独自ドメインの接続まで。このサイト自体が同じ構成なので、選定理由やモノレポでの運用も実例として紹介します。 Web Tue, 08 Sep 2026 00:00:00 GMT https://morino-web.com/blog/claude-fable-5-1-watermark/ https://morino-web.com/blog/claude-fable-5-1-watermark/ Claude Fable 5.1から、生成した文章や画像に「AIが作った」という見えない印が入るようになりました。文章と画像で仕組みが違い、消えやすさも違います。ChatGPTとGeminiの対応状況と、それぞれの調べ方までまとめて整理します。 AI Fri, 04 Sep 2026 00:00:00 GMT https://morino-web.com/blog/midjourney-edit-model-quality-update/ https://morino-web.com/blog/midjourney-edit-model-quality-update/ MidjourneyがEdit Modelを対象に画質改善アップデートを2026年8月29日に実施。V8.2の編集モデルが対象で、直近24時間以内に生成して違和感があった人は再生成すると結果が変わる可能性がある。 AI Wed, 02 Sep 2026 00:00:00 GMT https://morino-web.com/blog/chatgpt-go/ https://morino-web.com/blog/chatgpt-go/ ChatGPTの低価格プラン「ChatGPT Go」を解説します。日本では月額1,400円。無料版と比べてメッセージ数が10倍になり、画像生成やファイルアップロードも使えます。広告が表示される対象プランや、Plusとの違い、選び方の目安までまとめました。 AI Tue, 01 Sep 2026 00:00:00 GMT https://morino-web.com/blog/claude-code-weekly-limit/ https://morino-web.com/blog/claude-code-weekly-limit/ Claude Codeの週次利用上限が2026年9月14日から新ルールになります。夏の一時ブースト（+50%）が終わり、正式な上限は基準比+25%へ。いまと比べると実質17%減です。Proで使っている立場から、何が変わるのかと、限られた枠を無駄なく使う方法をまとめます。 AI Sun, 30 Aug 2026 00:00:00 GMT https://morino-web.com/blog/claude-code-auto-mode-permissions/ https://morino-web.com/blog/claude-code-auto-mode-permissions/ Claude Codeのオートモードは、何を自動承認して何を止めているのかを画面で確認できます。/permissions の Auto mode タブでルール一覧を開き、気になる操作だけを個別に直す方法、拒否された操作の振り返り方、設定を元に戻すコマンドまでをまとめます。 AI Sat, 29 Aug 2026 00:00:00 GMT https://morino-web.com/blog/claude-code-auto-mode/ https://morino-web.com/blog/claude-code-auto-mode/ Claude Codeのオートモードが2026年8月14日からPro・Max・Teamプランでデフォルトになりました。何が承認なしで実行されるのかという変更点、2週間ほど使ってみて感じた良い点と気になった点、そして任せる範囲を絞るための権限設定の書き方までをまとめます。 AI Thu, 27 Aug 2026 00:00:00 GMT https://morino-web.com/blog/frontend-frame/ https://morino-web.com/blog/frontend-frame/ React・Vue.js・Next.js・Nuxt.js・Astroの5つについて、それぞれの特徴とコード例、向いている用途を解説します。目的別に学ぶ順番も整理したので、HTML/CSSとJavaScriptの次に何を学ぶか迷っている方の判断材料になれば幸いです。 Web Fri, 17 Apr 2026 00:00:00 GMT https://morino-web.com/blog/claude-github/ https://morino-web.com/blog/claude-github/ Claude CodeとGitHubを連携する手順を解説します。GitHub CLIの認証から、自然言語でコミット・プッシュ・プルリクエストを作成する方法、CLAUDE.mdでの設定共有、@claudeメンションで動くGitHub Actions連携までをまとめました。 AI Thu, 16 Apr 2026 00:00:00 GMT https://morino-web.com/blog/coder-tool/ https://morino-web.com/blog/coder-tool/ 実務で何度も助けられたCSSの小技を10個紹介します。aspect-ratioでの比率固定、clamp()によるレスポンシブなフォントサイズ、gapでの余白管理、position: stickyの追従ヘッダー、ダークモード対応まで、コピペで使えるコードつきです。 Web Mon, 06 Apr 2026 00:00:00 GMT https://morino-web.com/blog/javascript-basics/ https://morino-web.com/blog/javascript-basics/ JavaScriptの基礎を学ぶ人に向けて、変数・データ型・演算子・条件分岐・関数といった基礎文法から、スコープとクロージャ、配列操作、DOM操作、イベント処理、非同期処理までをコード例つきで解説します。 Web Sun, 17 Aug 2025 00:00:00 GMT https://morino-web.com/blog/php-include/ https://morino-web.com/blog/php-include/ PHPのincludeを使って、ヘッダーやフッターなどの共通パーツを1か所で管理する方法を解説します。ディレクトリ構成、絶対パスでの読み込み、includeとrequireの使い分け、コピーして使えるサンプルコードまでまとめました。 Web Sun, 17 Aug 2025 00:00:00 GMT https://morino-web.com/blog/css-basics/ https://morino-web.com/blog/css-basics/ CSSの基礎を学ぶ人に向けて、カスケード・継承・詳細度という3つの考え方から、セレクタの種類、ボックスモデル、FlexboxとGrid、メディアクエリを使ったレスポンシブ対応までを解説します。ブレイクポイントの目安表つきです。 Web Wed, 13 Aug 2025 00:00:00 GMT https://morino-web.com/blog/html-basics/ https://morino-web.com/blog/html-basics/ HTMLの基礎を学ぶ人に向けて、文書の基本構造と主要タグ、意味を正しく伝えるセマンティックHTML、フォームの入力検証、アクセシビリティ、SEOに効く要素までを解説します。HTML Living Standardの考え方もあわせて紹介します。 Web Wed, 06 Aug 2025 00:00:00 GMT https://morino-web.com/blog/dmca-report/ https://morino-web.com/blog/dmca-report/ 自社のブログ記事や商品ページが無断コピーされたとき、GoogleへのDMCA削除申請で検索結果から消すことができます。申請フォームの入力項目を画面つきで解説し、虚偽申請のリスクや、申請内容がLumenで公開される点まで説明します。 Web Mon, 04 Aug 2025 00:00:00 GMT https://morino-web.com/blog/internet-basics/ https://morino-web.com/blog/internet-basics/ Web制作を学ぶ人に向けて、インターネットの仕組みを図解で解説します。HTTPとHTTPSの違い、URLの構造、ドメイン名とDNSの関係、Webホスティング、ブラウザがページを表示するまでの流れまで、フロントエンド学習の土台になる知識をまとめました。 Web Thu, 31 Jul 2025 00:00:00 GMT https://morino-web.com/blog/frontend-roadmap/ https://morino-web.com/blog/frontend-roadmap/ HTML/CSSの次に何を学べばいいか迷っている初心者向けに、世界中のエンジニアが参考にするroadmap.shのフロントエンドロードマップの見方と、学習を進める順番を16ステップで解説します。どこまでできれば何を名乗れるかの目安も紹介します。 Web Wed, 30 Jul 2025 00:00:00 GMT https://morino-web.com/blog/webcoder/ https://morino-web.com/blog/webcoder/ Webコーダー・マークアップエンジニアの仕事がつらいと言われる理由を、技術面と社会面に分けて解説します。デザイナーとプログラマの板挟み、年収の上がりにくさ、ノーコードやAIの影響まで、10年この業務に携わった立場でまとめました。 Web Thu, 12 Oct 2023 00:00:00 GMT https://morino-web.com/blog/webdesigner-area/ https://morino-web.com/blog/webdesigner-area/ Webデザイナーの業務範囲はどこまでなのかを、Web制作に関わる職種の全体像から整理します。デザイナー・コーダー・フロントエンドエンジニアの担当範囲の重なり方、求められるスキル、会社によって範囲が変わる理由を図つきで解説します。 Design Sat, 30 Sep 2023 00:00:00 GMT