メインカテゴリーを選択しなおす
生成AIが変えたデザインワークフロー かつてのデザインワークフローは、アイデア出し→ラフ作成→修正→完成という手作業中心の流れが主流でしたが、生成AIの登場によって、これらの工程が大きく変化しています。この記事では、主な変化と、現在、AIが
【2025最新】Figmaの基本と使い方！Webデザインの始め方を初心者向けに解説
Figma（フィグマ）とは？ Figmaは、Webブラウザ上で使えるUI/UXデザインツールです。 ※UI/UXデザインツールについて、詳しくはコチラ Figmaで出来る事 Webサイトやアプリのデザイン（UI/UX設計） 図や表、マイン
【2025年最新】SketchはAI対応してる？Figmaとの違いと活用術をわかりやすく解説
UI/UXデザイン業界を支えてきたもう一つの有力ツール「Sketch」について、Sketch vs Figma vs Adobe XD【比較表】とSketchにおけるAI活用の現状（2025年4月時点）をまとめました。
こんにちは、田中ななです。 昨日書いた画像作成の募集残席1名ですが 本日お申し込みいただき満席終了となりました！ ブログヘッダーのオーダーいただきま…
![[WordPress×WooCommerce]自分だけの「ネットショップ」を開設してみた](https://img.blogmura.com/sites/1287037/post-images/68090447.webp/crop/435x435)
[WordPress×WooCommerce]自分だけの「ネットショップ」を開設してみた
ネットショップ開設したよ！ 前回の記事で「ネットショップを創ってみたい」という願望を吐露した俺だったが、実はここ数日、それを実現しようと必死に頑張っていたのだ。鬼のように時間が掛かったが、ようやくサイトの基盤は完成したので、早速お披露目し
![[感性古すぎ！？]インタラクティブ？な「ホームページ」を創ってみた](https://img.blogmura.com/sites/1287037/post-images/68090446.webp/crop/435x435)
[感性古すぎ！？]インタラクティブ？な「ホームページ」を創ってみた
初めに 以前こちらの記事にて、当ブログのトップレベルドメインにページが存在せず、403エラーが出ていたことをお伝えした。問題が判明して以来、長い時間を掛けて素材画像やページの制作に着手していたのだが、なにぶん俺の知識が乏しいばっかりに、作
デイトラの評判•口コミやサービス内容を現役webデザイナーが調査
業界最安級の「Webスキル特化型」のオンラインスクール、デイトラについて、現役のWebデザイナーの視点で調査しました。Web制作・Webデザインコースや転職や、フリーランスとしての営業方法の習得を目指すコースについても詳しく解説します。 口コミ・評判や、「無料説明会」の参加方法などについてもまとめました。
こんにちはです。あっちのそららです。本日、ブログデザインを改良したので、変更点などをまとめました。 ヘッダーイラスト ハンバーガーアイコン プロフィール キャラクターページ にほんブログ村バナー はてなブログタグ おわりに ヘッダーイラスト 静止画だったヘッダーイラストをアニメーションにしました。パソコンをカタカタ叩く動きで、作業感増し増しに。なお、ブログの見やすさを考慮し、ヘッダーイラストはこれまでと同様、トップページでのみ表示させています。 acchinosorara.hatenablog.jp ハンバーガーアイコン Before After ページ右上のハンバーガーアイコンを改良しました…
【素のjavascript】全画面ページを縦スライドさせる方法(スマホ対応)
素のJavascriptの全画面（画面いっぱい）の縦スライドの作り方について解説しています。ボタン（インジケーター）付きで、スマホやタブレットなどの指で操作するスワイプの動きにも対応させています。web制作初心者の学習のためにも是非ご覧ください。
ウェブスキを使えばフリーランスとして稼げる？サービス内容や評判・口コミをチェック！
ウェブスキが気になっている人、注目！この記事ではウェブスキを使えばのちのち稼げるのか、サービス内容や評判・口コミについてまとめました！フリーランスとして好きな場所で働きたい人やライフスタイルの変化で仕事を辞めなければならなくなった人はぜひご覧ください！
【javascript】非同期処理のPromiseとasync / awaitの使い方をわかりやすく解説
JavaScriptの非同期処理に不可欠なPromiseとasync / awaitの使い方をわかりやすく解説します。Promiseチェーンによる処理の流れと、async / awaitを用いた直線的で読みやすいコードの書き方について、具体例を交えて詳しく説明します。非同期処理の理解を深めましょう。
【javascript】addEventListenerの使い方と基本｜初心者向け講座
JavaScriptのaddEventListenerメソッドの使い方を徹底解説！基本的な3ステップから、関数の書き方、イベント一覧、複数設定の方法、第三引数の活用、イベントリスナーの削除まで、初心者にもわかりやすく解説します。イベントをもっと効果的に使って、ウェブページをインタラクティブにしましょう。
フリーランスの一番の問題は、何もしないとスキルが伸びないことではないかと思います。 特にクライアントワークでは、「何か新しいもの」「見たこともないようなものを作って」と言われることは皆無で（当たり前w）、今まで作ってきたもののバリエーション
【Figma】プロトタイプ機能の使い方｜基本マスターガイド（初心者向け）
Figmaのプロトタイプの作り方や、共有方法、横スクロールやページ内リンク、要素の固定方法について解説しています。アニメーションについてもプレビュー画面を埋め込んでいるので、実際に操作してページ遷移を確認できるようになっています。ぜひご覧ください。
フリーランスで一番の危機といえば、体調不良ではないでしょうか？ 普段から手洗い・うがい・鼻うがいはしっかりやっていると思うのですが、先週久しぶりに出かけたら、翌日から胃腸炎のような症状が出てしまいました。 熱は平熱から微熱の間で、胃痛とだる
今回はillustratorに続き、photoshopについてご紹介していきたいと思います。photoshopは主に写真や画像の加工や調整、合成などに使用され、バナーなど写真を使用する場合にはなくてはならないスキルになります。
リモートワークやフリーランスが当たり前になっている昨今では業務委託で働いているWEBデザイナーの方も多いのではないでしょうか？今回は業務委託で注意する点やデメリットやメリットなどをご紹介していきます。
【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ファイルのローカルへの保存方法についても解説しています。
【Figma】インポート完全ガイド｜画像や動画･pdf･XD･sketch
jpeg、png、gifなどの画像やMP4、MOVなどの動画をFigmaにインポートする方法から、pdfやXD・sketchファイルのインポートの方法について初心者向けに解説しています。また、インポートできない場合の対処法についても解説しています。
【photoshop】光沢のあるゴールド文字とぷるぷる文字の作り方
photoshopの光沢文字のあるゴールド文字とぷるぷる文字について解説しています。また、キラキラした星型の装飾やレイヤースタイルの使い方から保存、コピーの方法についても初心者向けに徹底解説しています。
Find me!(ファインドミー)の評判・口コミを現役webデザイナーが調査
女性向けのWebデザインスクール「Find me!（ファインドミー）」の評判や口コミについて、Webデザイナーの目線で調査しました。「無料カウンセリング」や「各コースの詳細」「カリキュラム」や「学習後（卒業後）の受講生インタビュー」を掲載しています。ぜひご覧ください。
【未経験から就•転職】Webデザイナー専攻 超実践型就職•転職プランを徹底解説
未経験からWebデザイナーへの転身を考えている方へ。ポートフォリオ作りや実務経験を得ることのできるデジタルハリウッドSTUDIOの「Webデザイナー専攻 超実践型就職•転職プラン」について現役のWebデザイナー視点で調査しました。
【Figma】バリアントの基本とブーリアン（真偽値）型の作り方
Figmaのバリアントの基本やブーリアン（真偽値）型の作り方、命名規則や複数のプロパティがある場合のバリアントの作り方について初心者向けに優しく解説しています。また、バリアントの解除や結合方法についても解説しています。
ついに、引越しが終わりました〜！（ひとまず、私だけ） 先月の今頃は、今の物件の内見をして申し込みをしようかとクマと話していたのでした。 そこから1ヶ月、ダンボールがリビングに散乱している横でブログを書いているなんて、不思議な気分です。 今日
【Figma】コンポーネントの使い方｜初心者向けガイド（作成・解除・管理）
Figmaのコンポーネントの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、解除の方法や一覧の表示の仕方、サイズ変更、置き換え、入れ子の作り方などついても解説しています。
HTMLCollectionとNodeListについて調べると、下記のような内容が書いてあります。 ・どちらも配列風オブジェクト・HTMLCollectionは動的、NodeListは静的・NodeListではforEachが使えるが、HT
【Figma】オートレイアウトの使い方完全ガイド（Auto Layout）
Figmaのオートレイアウトの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、ボタンの作り方や、折り返しの方法やレスポンシブに対応したレイアウトの作り方についても解説しています。
JavaScriptのスコープとは、変数の有効範囲のことです。 グローバルスコープ、ローカルスコープ、ブロックスコープの3つがありますので、順に見ていきましょう。 変数がどこで宣言されているかによって、その変数にアクセスできる場所が異なりま
今回は、ループ処理に使われるfor文とwhile文の違いについて書いてみようと思います。 結論から言うと、次のような違いがあります。 for文：指定した回数だけ繰り返す（事前に繰り返す数がわかっている）while文：ある結果にたどり着くまで
JavaScriptの基本的なデータタイプのことをプリミティブデータ型と言います。 主要なプリミティブデータタイプには、次のようなものがあります。 上から、数値（Nubers）、文字列（Strings）、真偽値（Booleans）、unde
今日は数値と文字列の連結、テンプレートリテラルについて勉強しました。 JavaScriptならではのちょっと変わった動きがありますので、それも併せて紹介します。 数値どうしの連結 こちらは簡単！下のように、単純にそのまま連結すればOKです。
今日は、関数について勉強しました。相変わらずDevEdの説明はわかりやすかったです。 実は6月からJavaScriptの勉強を始めて、まず最初につまづいたのが関数のところでした。関数が出てくるまでは、処理結果はConsole.log()で出
プログラミング初心者がJavaScriptを勉強し始めて思ったことが、メソッドやらアーギュメント（引数）やらオブジェクトやら、用語が次々と出てきて混乱してしまうということです。 あと、たとえばパラメータは、英語のparameterがそのまま
ついに、ブログ記事が50記事に到達しました〜〜〜！余裕で一年かかりました（笑） ほぼ、毎週土曜日にアップしてるよ 正直こんなにかかるとは思ってませんでした。長かった〜〜〜 今日は、1年かけて50記事書いてみた感想を綴りたいと思います。 最初
【WordPress】カスタムフィールドの使い方｜取得•表示•追加
WordPressのカスタムフィールドの使い方や、カスタムフィールドの取得・表示・追加方法について初心者向けに解説しています。ぜひご覧ください。
画像デザイン学べるライブ配信！9/11(月)次回3 Leader’s Live
こんにちは、田中なな（MAYA）です。 【画像デザイン学べるライブ配信🔥9/11(月)次回3 Leader’s Live✨】 働く女性を応援する…
【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)
javascriptの配列の基本的な使い方(宣言･初期化･取得･代入･追加･削除･結合)や、ループ処理、連想配列、多次元配列（二次元配列）について初心者向けに解説しています。
【8月最新】SHElikes(シーライクス)の料金・コース・卒業後について徹底調査
女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点（青山・銀座・名古屋・梅田）、受講生のインタビューについてまとめたのでご覧ください。
【WordPress】カスタムメニューとカスタムリンクの設定方法｜初心者向け完全ガイド
WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
【Adobe XD】プロトタイプやデザインスペックの共有方法を初心者向けに徹底解説！
adobe xdの共有の各機能の説明や、プロトタイプやデザインスペックの共有方法、コメント機能やピン留めについて初心者向けに解説しています。
phpのif文について、else,elseif、if文のネストの基本や、一行で記述するif文について、実例をもとに初心者向けに解説しています。
【Adobe XD】共有のパスワード付き / 招待制リンクの作成方法を初心者向けに徹底解説！
adobe xdの共有のパスワード付きリンク / 招待制リンクの作成方法や、パスワードが設定できない場合の対処法などについて初心者向けに解説しています。
【javascript】var / let / constの違いや使い分け方を初心者向けに徹底解説！
javascriptの宣言方法である「let」と「const」と「var」の違いや、結局どれを使えば良いか？といった疑問について初心者向けに解説しています。
