Figmaのフォントの追加方法（Google Fonts と Adobe Fonts）と「欠落しているフォント」の解決方法について初心者向けに解説しています。また、追加したフォントを既存のフォントに一括変更（置き換え）する方法についても解説しています。
会員登録後、有料プランで広告を非表示に
詳しくはこちら
Webデザイン初学者の方に向けたブログです。 photoshopやXD、javascriptやphpなどWebデザインでよく使うツール・言語を楽しく解説しています。 ぜひ一緒に楽しく学びましょう！
| 今日 | 04/27 | 04/26 | 04/25 | 04/24 | 04/23 | 04/22 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（IN） | 10,520位 | 10,742位 | 10,551位 | 10,189位 | 9,679位 | 9,152位 | 9,136位 | 1,034,401サイト |
| INポイント | 0 | 9 | 18 | 18 | 9 | 18 | 18 | 90/週 |
| OUTポイント | 8 | 9 | 9 | 27 | 9 | 36 | 0 | 98/週 |
| PVポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| デザインブログ | 15位 | 16位 | 15位 | 15位 | 12位 | 10位 | 12位 | 5,363サイト |
| Webデザイン | 2位 | 3位 | 3位 | 2位 | 1位 | 1位 | 1位 | 880サイト |
| IT技術ブログ | 41位 | 42位 | 39位 | 42位 | 39位 | 34位 | 34位 | 9,759サイト |
| Web製作 | 1位 | 1位 | 1位 | 1位 | 1位 | 1位 | 1位 | 46サイト |
| 今日 | 04/27 | 04/26 | 04/25 | 04/24 | 04/23 | 04/22 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（OUT） | 19,502位 | 19,103位 | 19,103位 | 19,206位 | 20,211位 | 19,300位 | 19,207位 | 1,034,401サイト |
| INポイント | 0 | 9 | 18 | 18 | 9 | 18 | 18 | 90/週 |
| OUTポイント | 8 | 9 | 9 | 27 | 9 | 36 | 0 | 98/週 |
| PVポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| デザインブログ | 8位 | 9位 | 11位 | 11位 | 13位 | 11位 | 12位 | 5,363サイト |
| Webデザイン | 1位 | 1位 | 1位 | 1位 | 1位 | 1位 | 1位 | 880サイト |
| IT技術ブログ | 44位 | 42位 | 43位 | 44位 | 52位 | 48位 | 46位 | 9,759サイト |
| Web製作 | 1位 | 1位 | 1位 | 1位 | 1位 | 1位 | 1位 | 46サイト |
| 今日 | 04/27 | 04/26 | 04/25 | 04/24 | 04/23 | 04/22 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（PV） | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 1,034,401サイト |
| INポイント | 0 | 9 | 18 | 18 | 9 | 18 | 18 | 90/週 |
| OUTポイント | 8 | 9 | 9 | 27 | 9 | 36 | 0 | 98/週 |
| PVポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| デザインブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 5,363サイト |
| Webデザイン | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 880サイト |
| IT技術ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 9,759サイト |
| Web製作 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 46サイト |
【Figma】フォントの追加方法とフォントの変更・置き換え方法
Figmaのフォントの追加方法（Google Fonts と Adobe Fonts）と「欠落しているフォント」の解決方法について初心者向けに解説しています。また、追加したフォントを既存のフォントに一括変更（置き換え）する方法についても解説しています。
【Figma】テキストを縦書きにする方法とプラグイン「Vertja」の使い方
Figmaのテキストを縦書きにする方法について、プラグインを使わない方法とプラグイン「Vertjya」を使用する方法について初心者向けに解説しています。また縦書きにした際に、句読点や伸ばし棒を縦書きに修正する方法やテキストの詳細設定で、「vertical alternates」がない場合の対処法についても解説しています。
HerTechは怪しい？現役webデザイナーが評判・口コミを調査
女性向けのWebデザインスクール「HerTech（旧 WeRuby）」について、その特徴や怪しいと言われている理由などについて調査しました。良い口コミ・悪い口コミ・評判についてや、「無料相談会」の参加方法などについてもまとめましたので、ぜひご覧ください。
【Figma】画像やfig・pdfファイルの書き出し(エクスポート)方法
FigmaのJPG、PNG、SVGなどの画像や、PDFの書き出し(エクスポート)方法について初心者向けに解説しています。書き出しサイズや解像度についての解説や、まとめて書き出す方法、figファイルのローカルへの保存方法についても解説しています。
【photoshop】光沢のあるゴールド文字とぷるぷる文字の作り方
photoshopの光沢文字のあるゴールド文字とぷるぷる文字について解説しています。また、キラキラした星型の装飾やレイヤースタイルの使い方から保存、コピーの方法についても初心者向けに徹底解説しています。
【photoshop】トーンカーブの使い方を初心者向けにわかりやすく徹底解説！
photoshopの「トーンカーブ」について、出し方やショートカット、できない場合の対処法などの基本的な使い方から、スポイトやマスクや色補正、反転を使った応用の使い方、レベル補正との違いを初心者向けに徹底解説しています。
【Figma】インポート完全ガイド｜画像や動画･pdf･XD･sketch
jpeg、png、gifなどの画像やMP4、MOVなどの動画をFigmaにインポートする方法から、pdfやXD・sketchファイルのインポートの方法について初心者向けに解説しています。また、インポートできない場合の対処法についても解説しています。
【福島県発！】ハタフルアカデミーの評判•口コミを現役Webデザイナーが調査！
福島県のデザイン会社直営のWebデザインスクール「ハタフルアカデミー」について、Webデザイナーの目線で調査しました。「無料体験レッスン」や「説明会」「各コースの詳細」「カリキュラム」や「学習後（卒業後）の受講生インタビュー」を掲載しています。ぜひご覧ください。
Find me!(ファインドミー)の評判・口コミを現役webデザイナーが調査
女性向けのWebデザインスクール「Find me!（ファインドミー）」の評判や口コミについて、Webデザイナーの目線で調査しました。「無料カウンセリング」や「各コースの詳細」「カリキュラム」や「学習後（卒業後）の受講生インタビュー」を掲載しています。ぜひご覧ください。
【未経験から就•転職】Webデザイナー専攻 超実践型就職•転職プランを徹底解説
未経験からWebデザイナーへの転身を考えている方へ。ポートフォリオ作りや実務経験を得ることのできるデジタルハリウッドSTUDIOの「Webデザイナー専攻 超実践型就職•転職プラン」について現役のWebデザイナー視点で調査しました。
【Figma】バリアントの基本とブーリアン（真偽値）型の作り方
Figmaのバリアントの基本やブーリアン（真偽値）型の作り方、命名規則や複数のプロパティがある場合のバリアントの作り方について初心者向けに優しく解説しています。また、バリアントの解除や結合方法についても解説しています。
【Figma】コンポーネントの使い方｜初心者向けガイド（作成・解除・管理）
Figmaのコンポーネントの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、解除の方法や一覧の表示の仕方、サイズ変更、置き換え、入れ子の作り方などついても解説しています。
【Figma】オートレイアウトの使い方完全ガイド（Auto Layout）
Figmaのオートレイアウトの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、ボタンの作り方や、折り返しの方法やレスポンシブに対応したレイアウトの作り方についても解説しています。
【WordPress】カスタムフィールドの使い方｜取得•表示•追加
WordPressのカスタムフィールドの使い方や、カスタムフィールドの取得・表示・追加方法について初心者向けに解説しています。ぜひご覧ください。
【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)
javascriptの配列の基本的な使い方(宣言･初期化･取得･代入･追加･削除･結合)や、ループ処理、連想配列、多次元配列（二次元配列）について初心者向けに解説しています。
【8月最新】SHElikes(シーライクス)の料金・コース・卒業後について徹底調査
女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点（青山・銀座・名古屋・梅田）、受講生のインタビューについてまとめたのでご覧ください。
【WordPress】カスタムメニューとカスタムリンクの設定方法｜初心者向け完全ガイド
WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
【javascript】自作スライドショー（横スクロール）の作り方：ボタン付き・自動再生
素のJavascriptの自作スライドショー（横スクロール）の作り方について解説しています。ボタン付きで自動再生の機能を実装していますので、学習のためにも是非ご覧ください。
【主婦・ママ専用】デジタルハリウッドSTDIOの評判・口コミを徹底調査
デジタルハリウッドSTUDIOの主婦・ママ専用のWebデザイナー専攻 について、その特徴や評判・口コミについて調査しました。主婦・ママクラスの交流会や相談会などのイベントやコミュニティについても詳しく調査したので、ぜひご覧ください。
【主婦・ママ・女性向け】FammのWebデザイン講座を徹底調査！受講生の評判・口コミを解説
主婦・ママ・女性向けのWebデザインスクール「Famm」について、その特徴や怪しいと言われている理由などについて調査しました。受講生の卒業後のインタビューについても徹底的に調査したのでぜひご覧ください。
「ブログリーダー」を活用して、naviさんをフォローしませんか？
Figmaのフォントの追加方法（Google Fonts と Adobe Fonts）と「欠落しているフォント」の解決方法について初心者向けに解説しています。また、追加したフォントを既存のフォントに一括変更（置き換え）する方法についても解説しています。
Figmaのテキストを縦書きにする方法について、プラグインを使わない方法とプラグイン「Vertjya」を使用する方法について初心者向けに解説しています。また縦書きにした際に、句読点や伸ばし棒を縦書きに修正する方法やテキストの詳細設定で、「vertical alternates」がない場合の対処法についても解説しています。
女性向けのWebデザインスクール「HerTech（旧 WeRuby）」について、その特徴や怪しいと言われている理由などについて調査しました。良い口コミ・悪い口コミ・評判についてや、「無料相談会」の参加方法などについてもまとめましたので、ぜひご覧ください。
FigmaのJPG、PNG、SVGなどの画像や、PDFの書き出し(エクスポート)方法について初心者向けに解説しています。書き出しサイズや解像度についての解説や、まとめて書き出す方法、figファイルのローカルへの保存方法についても解説しています。
photoshopの光沢文字のあるゴールド文字とぷるぷる文字について解説しています。また、キラキラした星型の装飾やレイヤースタイルの使い方から保存、コピーの方法についても初心者向けに徹底解説しています。
photoshopの「トーンカーブ」について、出し方やショートカット、できない場合の対処法などの基本的な使い方から、スポイトやマスクや色補正、反転を使った応用の使い方、レベル補正との違いを初心者向けに徹底解説しています。
jpeg、png、gifなどの画像やMP4、MOVなどの動画をFigmaにインポートする方法から、pdfやXD・sketchファイルのインポートの方法について初心者向けに解説しています。また、インポートできない場合の対処法についても解説しています。
福島県のデザイン会社直営のWebデザインスクール「ハタフルアカデミー」について、Webデザイナーの目線で調査しました。「無料体験レッスン」や「説明会」「各コースの詳細」「カリキュラム」や「学習後（卒業後）の受講生インタビュー」を掲載しています。ぜひご覧ください。
女性向けのWebデザインスクール「Find me!（ファインドミー）」の評判や口コミについて、Webデザイナーの目線で調査しました。「無料カウンセリング」や「各コースの詳細」「カリキュラム」や「学習後（卒業後）の受講生インタビュー」を掲載しています。ぜひご覧ください。
未経験からWebデザイナーへの転身を考えている方へ。ポートフォリオ作りや実務経験を得ることのできるデジタルハリウッドSTUDIOの「Webデザイナー専攻 超実践型就職•転職プラン」について現役のWebデザイナー視点で調査しました。
Figmaのバリアントの基本やブーリアン（真偽値）型の作り方、命名規則や複数のプロパティがある場合のバリアントの作り方について初心者向けに優しく解説しています。また、バリアントの解除や結合方法についても解説しています。
Figmaのコンポーネントの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、解除の方法や一覧の表示の仕方、サイズ変更、置き換え、入れ子の作り方などついても解説しています。
Figmaのオートレイアウトの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、ボタンの作り方や、折り返しの方法やレスポンシブに対応したレイアウトの作り方についても解説しています。
WordPressのカスタムフィールドの使い方や、カスタムフィールドの取得・表示・追加方法について初心者向けに解説しています。ぜひご覧ください。
javascriptの配列の基本的な使い方(宣言･初期化･取得･代入･追加･削除･結合)や、ループ処理、連想配列、多次元配列（二次元配列）について初心者向けに解説しています。
女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点（青山・銀座・名古屋・梅田）、受講生のインタビューについてまとめたのでご覧ください。
WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
素のJavascriptの自作スライドショー（横スクロール）の作り方について解説しています。ボタン付きで自動再生の機能を実装していますので、学習のためにも是非ご覧ください。
デジタルハリウッドSTUDIOの主婦・ママ専用のWebデザイナー専攻 について、その特徴や評判・口コミについて調査しました。主婦・ママクラスの交流会や相談会などのイベントやコミュニティについても詳しく調査したので、ぜひご覧ください。
主婦・ママ・女性向けのWebデザインスクール「Famm」について、その特徴や怪しいと言われている理由などについて調査しました。受講生の卒業後のインタビューについても徹底的に調査したのでぜひご覧ください。
主婦・ママ・働く女性・女子大生向けのWebデザインスクールについて、その特徴やメリット、デメリットについてご紹介します。女性がIT業界で活躍するためにも、女性向けWebデザインスクールでスキルアップを図ることがおすすめです。
Vivus.js のダウンロード方法やcdnの導入方法、オプションの設定など、手書き風のSVGのアニメーションやアウトラインアニメーションの実装方法とともに初心者向けに解説しています。
Web制作でHTMLをWordPress化する場合に、投稿・固定・カテゴリーページへのリンク設定に使用するテンプレートタグについて解説しています。
