Generated by All in One SEO v4.9.10, this is an llms.txt file, used by LLMs to index the site.

# tagnote

初心者のためのウェブデザイン役立ちノート

## Sitemaps

- [XML Sitemap](https://tagnote.net/sitemap.xml): Contains all public & indexable URLs for this website.

## 投稿

- [【php】if文の基本的な使い方を初心者向けに徹底解説！](https://tagnote.net/php/if-php/) - phpのif文について、else,elseif、if文のネストの基本や、一行で記述するif文について、実例をもとに初心者向けに解説しています。
- [【php】echoやprint、var_dumpなど値や文字列の表示方法を初心者向けに徹底解説！](https://tagnote.net/php/echo_print_var_dump-php/) - phpの値の表示方法を中心に、echoやprint、print_rやvar_dump、var_exportなどの違いや、色々な値や文字列の出力方法について初心者向けに解説しています。
- [【体験談】SHElikes(シーライクス)は意味ない？受講生の口コミ・評判を調査](https://tagnote.net/school/shelikes-research/) - 女性向けWebデザインスクール「SHElikes」の評判や口コミについて、受講生に対して行ったアンケートやインタビューを中心に調査した内容をお届けします。
- [SHElikes(シーライクス)の料金・コース・卒業後について徹底調査](https://tagnote.net/school/shelikes/) - 女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点（青山・銀座・名古屋・梅田）、受講生のインタビューについてまとめたのでご覧ください。
- [【女性向け】おすすめWebデザインスクール５選｜主婦・ママ・働く女性向け](https://tagnote.net/school/web-design-women/) - 主婦・ママ・働く女性・一般女性向けのWebデザインスクールについて、その特徴やメリット、デメリットについてご紹介します。女性がIT業界で活躍するためにも、女性向けWebデザインスクールのSHElikes、Her Tech、Find me!、デジハリ主婦・ママクラス、Fammについて現役のWebデザイナーが徹底解説！
- [【主婦・ママ専用】デジタルハリウッドSTUDIOの評判・口コミを徹底調査](https://tagnote.net/school/digitalhollywood-mama-research/) - デジタルハリウッドSTUDIOの主婦・ママ専用のWebデザイナー専攻 について、その特徴や評判・口コミについて調査しました。主婦・ママクラスの交流会や相談会などのイベントやコミュニティについても詳しく調査したので、ぜひご覧ください。
- [Find me!(ファインドミー)の評判・口コミを現役webデザイナーが調査](https://tagnote.net/school/findme/) - 女性向けのWebデザインスクール「Find me!（ファインドミー）」の評判や口コミについて、Webデザイナーの目線で調査しました。「無料カウンセリング」や「各コースの詳細」「カリキュラム」や「学習後（卒業後）の受講生インタビュー」を掲載しています。ぜひご覧ください。
- [HerTechは怪しい？現役webデザイナーが評判・口コミを調査](https://tagnote.net/school/hertech/) - 女性向けのWebデザインスクール「HerTech（旧 WeRuby）」について、その特徴や怪しいと言われている理由などについて調査しました。良い口コミ・悪い口コミ・評判についてや、「無料相談会」の参加方法などについてもまとめましたので、ぜひご覧ください。
- [【主婦・ママ・女性向け】FammのWebデザイン講座を徹底調査！受講生の評判・口コミを解説](https://tagnote.net/school/famm-research/) - 主婦・ママ・女性向けのWebデザインスクール「Famm」について、その特徴や怪しいと言われている理由などについて調査しました。受講生の卒業後のインタビューについても徹底的に調査したのでぜひご覧ください。
- [【Figma】プロトタイプ機能の使い方｜基本マスターガイド（初心者向け）](https://tagnote.net/figma/prototype/) - Figmaのプロトタイプの作り方や、共有方法、横スクロールやページ内リンク、要素の固定方法について解説しています。アニメーションについてもプレビュー画面を埋め込んでいるので、実際に操作してページ遷移を確認できるようになっています。ぜひご覧ください。
- [【素のjavascript】自作スライドショーの作り方：完全ガイド](https://tagnote.net/js-parts/slideshow/) - 素のJavascriptの自作スライドショー（横スクロール）の作り方について解説しています。ボタン付きで自動再生の機能を実装していますので、学習のためにも是非ご覧ください。
- [【未経験から就•転職】Webデザイナー専攻 超実践型就職•転職プランを徹底解説](https://tagnote.net/school/digitalhollywood-practice/) - 未経験からWebデザイナーへの転身を考えている方へ。ポートフォリオ作りや実務経験を得ることのできるデジタルハリウッドSTUDIOの「Webデザイナー専攻 超実践型就職•転職プラン」について現役のWebデザイナー視点で調査しました。
- [デイトラの評判•口コミやサービス内容を現役webデザイナーが調査](https://tagnote.net/school/daily-trial/) - 業界最安級の「Webスキル特化型」のオンラインスクール、デイトラについて、現役のWebデザイナーの視点で調査しました。Web制作・Webデザインコースや転職や、フリーランスとしての営業方法の習得を目指すコースについても詳しく解説します。 口コミ・評判や、「無料説明会」の参加方法などについてもまとめました。
- [【超便利】イラストやデザインにおすすめの左手デバイス３選！](https://tagnote.net/tool/left-hand-device/) - イラストやデザインの作業に便利な左手デバイス「XP-Pen AC19」「Razer Tartarus V2」「Tourbox Neo」についてレビューです。実際に使ってみた感想や、使い分け方、向いている人などをご紹介しています。
- [【素のjavascript】全画面ページを縦スライドさせる方法(スマホ対応)](https://tagnote.net/js-parts/fullscreen-vertical-scrolling/) - 素のJavascriptの全画面（画面いっぱい）の縦スライドの作り方について解説しています。ボタン（インジケーター）付きで、スマホやタブレットなどの指で操作するスワイプの動きにも対応させています。web制作初心者の学習のためにも是非ご覧ください。
- [【javascript】非同期処理のPromiseとasync / awaitの使い方をわかりやすく解説](https://tagnote.net/javascript/promise-await-async/) - JavaScriptの非同期処理に不可欠なPromiseとasync / awaitの使い方をわかりやすく解説します。Promiseチェーンによる処理の流れと、async / awaitを用いた直線的で読みやすいコードの書き方について、具体例を交えて詳しく説明します。非同期処理の理解を深めましょう。
- [【javascript】addEventListenerの使い方と基本｜初心者向け講座](https://tagnote.net/javascript/addeventlistener/) - JavaScriptのaddEventListenerメソッドの使い方を徹底解説！基本的な3ステップから、関数の書き方、イベント一覧、複数設定の方法、第三引数の活用、イベントリスナーの削除まで、初心者にもわかりやすく解説します。イベントをもっと効果的に使って、ウェブページをインタラクティブにしましょう。
- [【Figma】フォントの追加方法とフォントの変更・置き換え方法](https://tagnote.net/figma/add-fonts/) - Figmaのフォントの追加方法（Google Fonts と Adobe Fonts）と「欠落しているフォント」の解決方法について初心者向けに解説しています。また、追加したフォントを既存のフォントに一括変更（置き換え）する方法についても解説しています。
- [【photoshop】トーンカーブの使い方を初心者向けにわかりやすく徹底解説！](https://tagnote.net/photoshop/tone-curves/) - photoshopの「トーンカーブ」について、出し方やショートカット、できない場合の対処法などの基本的な使い方から、スポイトやマスクや色補正、反転を使った応用の使い方、レベル補正との違いを初心者向けに徹底解説しています。
- [【Adobe XD】プロトタイプのできることや使い方を初心者向けに徹底解説！](https://tagnote.net/xd/prototype-xd/) - adobe xdのプロトタイプの使い方やできることを中心に、共有方法やリンクのコピー・共通部分のリンクの設定方法などについて初心者向けに解説しています。
- [【Figma】バリアントの基本とブーリアン（真偽値）型の作り方](https://tagnote.net/figma/variants/) - Figmaのバリアントの基本やブーリアン（真偽値）型の作り方、命名規則や複数のプロパティがある場合のバリアントの作り方について初心者向けに優しく解説しています。また、バリアントの解除や結合方法についても解説しています。
- [【Figma】テキストを縦書きにする方法とプラグイン「Vertja」の使い方](https://tagnote.net/figma/text-vertical-writing/) - Figmaのテキストを縦書きにする方法について、プラグインを使わない方法とプラグイン「Vertjya」を使用する方法について初心者向けに解説しています。また縦書きにした際に、句読点や伸ばし棒を縦書きに修正する方法やテキストの詳細設定で、「vertical alternates」がない場合の対処法についても解説しています。
- [【Figma】画像やfig・pdfファイルの書き出し(エクスポート)方法](https://tagnote.net/figma/export/) - FigmaのJPG、PNG、SVGなどの画像や、PDFの書き出し(エクスポート)方法について初心者向けに解説しています。書き出しサイズや解像度についての解説や、まとめて書き出す方法、figファイルのローカルへの保存方法についても解説しています。
- [【Figma】インポート完全ガイド｜画像や動画･pdf･XD･sketch](https://tagnote.net/figma/import/) - jpeg、png、gifなどの画像やMP4、MOVなどの動画をFigmaにインポートする方法から、pdfやXD・sketchファイルのインポートの方法について初心者向けに解説しています。また、インポートできない場合の対処法についても解説しています。
- [【Adobe XD】フォントの追加方法と反映されない場合の対処法](https://tagnote.net/xd/fonts-xd/) - Adobe XDのフォント追加方法と反映されない場合の対処法について詳しく解説しています。また、環境にないフォントが表示された場合の特定と置き換え方法についても解説しています。
- [【photoshop】光沢のあるゴールド文字とぷるぷる文字の作り方](https://tagnote.net/photoshop/shiny-letters/) - photoshopの光沢文字のあるゴールド文字とぷるぷる文字について解説しています。また、キラキラした星型の装飾やレイヤースタイルの使い方から保存、コピーの方法についても初心者向けに徹底解説しています。
- [【WordPress】投稿・固定・カテゴリーページへのリンク設定](https://tagnote.net/wordpress/pagelinks/) - Web制作でHTMLをWordPress化する場合に、投稿・固定・カテゴリーページへのリンク設定に使用するテンプレートタグについて解説しています。
- [【javascript】クリックで色や画像を切替える方法を初心者向けに徹底解説！](https://tagnote.net/js-parts/click/) - javascriptで「要素」をクリックすることで、色や画像を切り替える方法を、イラストを交えて初心者向けに解説しています。
- [【Figma】コンポーネントの使い方｜初心者向けガイド（作成・解除・管理）](https://tagnote.net/figma/component/) - Figmaのコンポーネントの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、解除の方法や一覧の表示の仕方、サイズ変更、置き換え、入れ子の作り方などついても解説しています。
- [【Figma】オートレイアウトの使い方完全ガイド（Auto Layout）](https://tagnote.net/figma/auto-layout/) - Figmaのオートレイアウトの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、ボタンの作り方や、折り返しの方法やレスポンシブに対応したレイアウトの作り方についても解説しています。
- [【WordPress】カスタムフィールドの使い方｜取得•表示•追加](https://tagnote.net/wordpress/customfield/) - WordPressのカスタムフィールドの使い方や、カスタムフィールドの取得・表示・追加方法について初心者向けに解説しています。ぜひご覧ください。
- [【初心者向け】Vivus.jsを使ったSVGアニメーションの作り方](https://tagnote.net/js-parts/vivus-js/) - Vivus.js のダウンロード方法やcdnの導入方法、オプションの設定など、手書き風のSVGのアニメーションやアウトラインアニメーションの実装方法とともに初心者向けに解説しています。
- [【まとめ】Webデザインでよく使うphotoshopの機能](https://tagnote.net/photoshop/howtouse-ps/) - webデザインでよく使うphotoshopの機能を最近追加された機能も含め初心者向けに解説しています。
- [【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)](https://tagnote.net/javascript/array-js/) - javascriptの配列の基本的な使い方(宣言･初期化･取得･代入･追加･削除･結合)や、ループ処理、連想配列、多次元配列（二次元配列）について初心者向けに解説しています。
- [【初心者向け】javascriptの演算子一覧：種類や使い方を解説](https://tagnote.net/javascript/language-operators-javascript/) - 初心者に向けてJavaScriptの算術演算子、比較演算子、論理演算子などの、様々な演算子の使い方について解説しています。コード例とともに、演算子の動作や注意点についても詳しく解説しています。
- [【初心者向け】PHPの演算子一覧：種類や使い方を解説（php8対応）](https://tagnote.net/php/language-operators-php/) - 初心者に向けてPHPの算術演算子、比較演算子、論理演算子などの、様々な演算子の使い方について解説しています。さらに、PHP8へのバージョンアップに伴い追加された演算子や変更点についても解説しています。
- [【WordPress】カスタムメニューとカスタムリンクの設定方法｜初心者向け完全ガイド](https://tagnote.net/wordpress/custom-menu/) - WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
- [【WordPress】抜粋の取得や表示、文字数や文末のカスタム](https://tagnote.net/wordpress/excerpt/) - 本文の抜粋の入力の方法や、get_the_excerptを使用した抜粋の取得、the_excerptを使用した抜粋の表示方法について解説します。また、文字数の変更、文末の[...]のカスタマイズの方法についても解説します。
- [【WordPress】タグの取得とタグ一覧やタグ別一覧ページの表示](https://tagnote.net/wordpress/tags/) - WordPressで設定したタグ一覧やタグ別一覧ページの表示方法についての記事です。また、タグの取得や表示の注意点として「the_tags();」「get_tags();」「get_the_tags();」の違いについても解説しています。
- [【javascript】var / let / constの違いや使い分け方を初心者向けに徹底解説！](https://tagnote.net/javascript/let_var_const-js/) - javascriptの宣言方法である「let」と「const」と「var」の違いや、結局どれを使えば良いか？といった疑問について初心者向けに解説しています。
- [【windows&mac対応】WordPressのローカル環境の構築方法を徹底解説！](https://tagnote.net/wordpress/local-wp/) - ローカル環境でWordPressを使うことができる「Local」のインストールから簡単な環境設定までを、画像を交えて初心者向けに解説しています。
- [【php】foreach文の基礎やbreakとcontinueの使い方を初心者向けに徹底解説！](https://tagnote.net/php/foreach-php/) - phpのforeach文の基本的な使い方を中心に、配列や連想配列の値やキーを取り出して繰り返し処理をする方法を解説しています。
- [【php8】条件分岐のswitch文とmatch式の使い方を初心者向けに徹底解説！](https://tagnote.net/php/switch_match-php/) - phpのswitch文とmatch式の使い方や、「if文との違い」「複数条件を指定した場合」「breakを使わない場合」などについて解説しています。
- [【php】while文とdo~while文の使い方を初心者向けに徹底解説！](https://tagnote.net/php/while_dowhile-php/) - phpの制御構文であるwhile文とdo while文の基本的な使い方や、while文を中断するbreak文、for文のネストや、繰り返しをスキップするcontinue文について初心者向けに解説しています。
- [【php】配列・連想配列・多次元配列の基本を初心者向けに徹底解説！](https://tagnote.net/php/array-php/) - phpの配列の基本的な使い方を中心に、連想配列や多次元配列についてイラストを交えて初心者向けに解説しています。
- [【javascript】変数とは？宣言や代入、初期化について初心者向けに徹底解説！](https://tagnote.net/javascript/variable-js/) - javascriptの変数や定数について、宣言方法や、代入、初期化、予約語などを中心に、イラストを交えて初心者向けに解説しています。
- [【javascript】変数と定数のスコープについて初心者向けに徹底解説！](https://tagnote.net/javascript/scope-js/) - javascriptの変数や定数スコープや、グローバル変数・ローカル変数、変数の巻き上げについてイラストを交えて初心者向けに解説しています。
- [【javascript】if文の基本的な使い方について初心者向けに徹底解説！](https://tagnote.net/javascript/if-js/) - javascriptの制御構文であるif文の、else,elseif、if文のネストについて実例をもとに初心者向けに解説しています。
- [【javascript】while文とdo~while文の使い方を初心者向けに徹底解説！](https://tagnote.net/javascript/while_dowhile-js/) - javascriptの制御構文であるwhile文とdo while文の基本的な使い方や、while文を中断するbreak文、for文のネストや、繰り返しをスキップするcontinue文について初心者向けに解説しています。
- [【javascript】関数の定義・呼び出し・戻り値の基本を初心者向けに徹底解説！](https://tagnote.net/javascript/function/) - javascriptの関数の定義方法や、引数、戻り値などを指定した呼び出し方法などの基本的な使い方や、アロー関数の記述方法を初心者向けに解説しています。
- [【javascript】DOMの基礎知識について初心者向けに徹底解説！](https://tagnote.net/javascript/dom/) - jacascriptのDOM(document object model)の基礎知識を中心に初心者向けにイラストやgif動画を交えて解説しています。
- [【Adobe XD】プロトタイプやデザインスペックの共有方法を初心者向けに徹底解説！](https://tagnote.net/xd/share-xd/) - adobe xdの共有の各機能の説明や、プロトタイプやデザインスペックの共有方法、コメント機能やピン留めについて初心者向けに解説しています。
- [【Adobe XD】リピートグリッドの使い方を初心者向けに徹底解説！](https://tagnote.net/xd/repeatgrid-xd/) - Adobe XDのリピートグリッドの使い方や、リピートグリッドの追加及び解除、オブジェクト配置後の個別編集や一括編集の方法について初心者向けに解説しています。
- [【Adobe XD】コンポーネントの使い方を初心者向けに徹底解説！](https://tagnote.net/xd/component-xd/) - adobe xdのコンポーネントの使い方や、コンポーネントのコピーであるインスタンス・オーバーライドなどの仕組みを初心者向けに解説しています。
- [【まとめ】Adobe XDとは？使い方は？ XDでできることを初心者向けに徹底解説！](https://tagnote.net/xd/howtouse-xd/) - adobe xdの「使い方」や「できること」を、最近追加された機能も含めて初心者向けに解説しています。「画像」や「イラスト」も掲載しているので是非ご覧下さい。
- [【photoshop】髪の毛の切抜きはコレ！選択とマスクの使い方を初心者向けに徹底解説！](https://tagnote.net/photoshop/mask-ps/) - 髪の毛の切り抜きに便利な、photoshopの「選択とマスク」ワークスペースの使い方を、イラストを交えてやさしく解説しています。
- [【photoshop】画像の切り抜きに必須！色々な選択範囲の作成方法を解説！](https://tagnote.net/photoshop/selection/) - photoshopの画像の選択範囲の作成方法を解説しています。「被写体を選択」や「選択とマスク」を使った髪の毛を選択する方法も解説しているので是非ご覧ください。
- [【php】変数や定数の作り方・表示方法を初心者向けに徹底解説！](https://tagnote.net/php/variable-php/) - phpの変数や定数について、宣言方法や、代入、初期化、予約語などを中心に、イラストを交えて初心者向けに解説しています。
- [【Adobe XD】共有のパスワード付き /  招待制リンクの作成方法を初心者向けに徹底解説！](https://tagnote.net/xd/shareable_links-xd/) - adobe xdの共有のパスワード付きリンク / 招待制リンクの作成方法や、パスワードが設定できない場合の対処法などについて初心者向けに解説しています。
- [【photoshop】別の画像を貼り付ける！画像の合成方法を初心者向けに徹底解説！](https://tagnote.net/photoshop/image_composition/) - photoshopの「画像の合成」について、ロゴや写真を丸みのあるコップや、角度のある物体、しわのある布などに合成する方法をそれぞれイラスト付きで解説しています。
- [【photoshop】ビデオタイムラインを使ったgifアニメの作り方を初心者向けに徹底解説！](https://tagnote.net/photoshop/gif-animation/) - photoshopの「ビデオタイムライン」機能を使用したgifアニメーションの作成方法、アニメ制作の基本/応用・保存方法を、イラストや動画を交えてやさしく解説しています。

## 固定ページ

- [初心者向けウェブデザイン役立ちノート](https://tagnote.net/) - Webデザイン初学者の方に向けたスキル発信サイトです。photoshopやadobe xdの使い方やjavascriptやphpなどのプログラミング言語の解説をしています。ぜひ遊びに来て下さいね。
- [お問い合わせ](https://tagnote.net/contact/) - ご相談やご質問がある場合は、お気軽にお問合せください。 ご入力いただいたメールアドレス宛に、３営
- [おすすめスクールまとめ](https://tagnote.net/school/) - おすすめのWebデザインスクールやその他お絵かきスクールについてまとめています。
- [JSパーツコレクション](https://tagnote.net/js-parts/) - Web制作に使えるjavascriptで作ったパーツの作り方を解説した記事一覧ページです。 イラストを交えてやさしく解説していますので、ぜひご覧ください。
- [Javascript](https://tagnote.net/javascript/) - javascriptの基本的な使い方について解説した記事一覧ページです。 イラストを交えてやさしく解説していますので、ぜひご覧ください。
- [Figma](https://tagnote.net/figma/) - Figmaの使い方について、基礎から応用まで初心者向けに解説しています。
- [photoshop](https://tagnote.net/photoshop/) - adobe photoshopの基本的な使い方について解説した記事一覧ページです。 イラストを交えてやさしく解説していますので、ぜひご覧ください。
- [WordPress](https://tagnote.net/wordpress/) - WordPressの基本的な使い方について解説した記事一覧ページです。 イラストを交えてやさしく解説していますので、ぜひご覧ください。
- [広告ポリシー](https://tagnote.net/advertising-policy/) - 当サイトは専門性・信頼性の高い記事を配信しております。通信サービスの適切な選び方や比較基準を支援し、随時情報の
- [プロフィール](https://tagnote.net/profile/) - tagnote管理人のプロフィール紹介ページです。
- [プライバシーポリシー](https://tagnote.net/privacy-policy/) - tagnote (以下「当ブログ」) のプライバシーポリシー・免責事項を次の通り記載します。 &
- [Adobe XD](https://tagnote.net/xd/) - adobe XDの基本的な使い方について解説した記事一覧ページです。 イラストを交えてやさしく解説していますので、ぜひご覧ください。
- [php](https://tagnote.net/php/) - phpの基本的な使い方について解説した記事一覧ページです。 イラストを交えてやさしく解説していますので、ぜひご覧ください。
- [４コマ漫画](https://tagnote.net/manga/) - 「ブログ運営記録」の４コマ漫画一覧です。ぜひご覧ください。
- [サイトマップ](https://tagnote.net/sitemap/)

## カテゴリー

- [Photoshop](https://tagnote.net/category/photoshop/)
- [XD](https://tagnote.net/category/xd/)
- [javascript](https://tagnote.net/category/javascript/)
- [php](https://tagnote.net/category/php/)
- [wordpress](https://tagnote.net/category/wordpress/)
- [JS-parts](https://tagnote.net/category/js-parts/)
- [便利ツール](https://tagnote.net/category/tool/)
- [スクール](https://tagnote.net/category/school/)
- [figma](https://tagnote.net/category/figma/)

## タグ

- [制御構文](https://tagnote.net/tag/制御構文/)
- [関数](https://tagnote.net/tag/関数/)
- [配列](https://tagnote.net/tag/配列/)
- [まとめ](https://tagnote.net/tag/まとめ/)
- [変数](https://tagnote.net/tag/変数/)
- [タグ](https://tagnote.net/tag/タグ/)
- [演算子](https://tagnote.net/tag/演算子/)
- [コンポーネント](https://tagnote.net/tag/コンポーネント/)
- [プロトタイプ](https://tagnote.net/tag/プロトタイプ/)