navi

フリーランスWebデザイナーです! 「Webデザインを楽しく学ぼう」をモットーに、Webデザイン初学者の方に向けたブログを日々更新しています。 ぜひ、一緒に「楽しく」学びましょう!

【AIO対策】AEO・GEO・LLMOとの違いや6つの対策方法を解説

2026/11/4    ,

AIO対策の基本から、AEO・GEO・LLMOの意味やSEOとの違い、AI検索時代に求められる具体的な対策方法まで、初心者向けにわかりやすく解説します。

Claude Designの使い方|デザイン生成から編集・書き出しまで

Claude Designの使い方|デザイン生成から編集・書き出しまで

2026/10/23    ,

Claude Designの使い方を初心者向けに解説。デザインシステムの準備から、Webサイトなどのデザイン作成・編集、プレビュー、書き出しまで、実際の操作画面を交えて紹介します。

Claude の始め方|アカウント作成〜初期設定まで

Claudeの始め方|アカウント作成からおすすめの初期設定まで解説

2026/10/9    ,

Claudeの始め方を、アカウント作成から料金プランの選択、初期設定、最初のチャットまで画像付きでわかりやすく解説。

Figma MCP × cursor デザインデータをAiでコード生成する方法

Figma MCP × Cursor|デザインデータをAIでコード生成する方法

2026/9/30    ,

Figma MCPとCursorを連携し、FigmaのデザインデータからAIでコード生成する方法を解説しています。

デイトラの評判•口コミやサービス内容を現役webデザイナーが調査

2025/3/25  

業界最安級の「Webスキル特化型」のオンラインスクール、デイトラについて、現役のWebデザイナーの視点で調査しました。

【素のjavascript】全画面ページを縦スライドさせる方法(スマホ対応)

2024/11/20  

素のJavascriptの自作スライドショーの作り方について解説しています。ボタン付きで自動再生の機能を実装していますので、学習のためにも是非ご覧ください。

javascriptの非同期処理のpromiseとawait / asyncの使い方

【javascript】非同期処理のPromiseとasync / awaitの使い方をわかりやすく解説

2024/7/22  

JavaScriptの非同期処理に不可欠なPromiseとasync / awaitの使い方の記事です。Promiseチェーンによる処理の流れと、async / awaitを用いた直線的で読みやすいコードを初心者向けに解説しています。

javascript_addEventListenerの使い方

【javascript】addEventListenerの使い方と基本|初心者向け講座

2024/7/3  

addEventListenerメソッドの使い方を、基本的な3ステップから、関数の書き方、イベント一覧、複数設定の方法、第三引数の活用、イベントリスナーの削除まで、初心者にもわかりやすく解説!

【Figma】プロトタイプの使い方|基本マスターガイド

【Figma】プロトタイプ機能の使い方|基本マスターガイド(初心者向け)

2025/6/25    

Figmaのプロトタイプの作り方や、共有方法、アニメーションの作成方法など基本的な操作について解説しています。

【Figma】フォントの追加方法と変更・置き換え

【Figma】フォントの追加方法とフォントの変更・置き換え方法

2024/4/9  

Figmaのフォントの追加方法(Google Fonts と Adobe Fonts)と「欠落しているフォント」の解決方法について初心者向けに解説しています。