メインカテゴリーを選択しなおす
【javascript】非同期処理のPromiseとasync / awaitの使い方をわかりやすく解説
JavaScriptの非同期処理に不可欠なPromiseとasync / awaitの使い方をわかりやすく解説します。Promiseチェーンによる処理の流れと、async / awaitを用いた直線的で読みやすいコードの書き方について、具体例を交えて詳しく説明します。非同期処理の理解を深めましょう。
クラウドワークスの「みんなのカレッジ」を4月から受講しています。4~5月はFigmaコースの初級、中級6月は案件獲得コース入門今月はチラシデザインコースを受講します。 Adobeのillustratorを使ったことがなかったので初めて学んで
2023年5月に3ヶ月間の訓練を終えた人生迷い人のわたし。以降1年間、2つの職場へ派遣され、それぞれでWebディレクターアシスタントとして働いていた。関連ページ:サイト制作の知識は生かしつつも、実際に手を動かすことはなく、ページライティング
【javascript】addEventListenerの使い方と基本|初心者向け講座
JavaScriptのaddEventListenerメソッドの使い方を徹底解説!基本的な3ステップから、関数の書き方、イベント一覧、複数設定の方法、第三引数の活用、イベントリスナーの削除まで、初心者にもわかりやすく解説します。イベントをもっと効果的に使って、ウェブページをインタラクティブにしましょう。
【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の光沢文字のあるゴールド文字とぷるぷる文字について解説しています。また、キラキラした星型の装飾やレイヤースタイルの使い方から保存、コピーの方法についても初心者向けに徹底解説しています。
90%の正答率で色彩検定2級合格!2ヶ月前から備える勉強法とは
色彩検定2級とは色彩検定2級は、色彩の知識を実務に応用したい人向けの資格です。3級で勉強する配色やイメージのほか、ファッションやインテリア景観色彩などの各分野のカラーコーディネートについても学べます。色彩検定はUC級、3級、2級、1級の4階
【photoshop】トーンカーブの使い方を初心者向けにわかりやすく徹底解説!
photoshopの「トーンカーブ」について、出し方やショートカット、できない場合の対処法などの基本的な使い方から、スポイトやマスクや色補正、反転を使った応用の使い方、レベル補正との違いを初心者向けに徹底解説しています。
【福島県発!】ハタフルアカデミーの評判•口コミを現役Webデザイナーが調査!
福島県のデザイン会社直営のWebデザインスクール「ハタフルアカデミー」について、Webデザイナーの目線で調査しました。「無料体験レッスン」や「説明会」「各コースの詳細」「カリキュラム」や「学習後(卒業後)の受講生インタビュー」を掲載しています。ぜひご覧ください。
Find me!(ファインドミー)の評判・口コミを現役webデザイナーが調査
女性向けのWebデザインスクール「Find me!(ファインドミー)」の評判や口コミについて、Webデザイナーの目線で調査しました。「無料カウンセリング」や「各コースの詳細」「カリキュラム」や「学習後(卒業後)の受講生インタビュー」を掲載しています。ぜひご覧ください。
【未経験から就•転職】Webデザイナー専攻 超実践型就職•転職プランを徹底解説
未経験からWebデザイナーへの転身を考えている方へ。ポートフォリオ作りや実務経験を得ることのできるデジタルハリウッドSTUDIOの「Webデザイナー専攻 超実践型就職•転職プラン」について現役のWebデザイナー視点で調査しました。
【illustrator】オブジェクトに設定した複雑なアピアランスを統合してパス化したい
以前、「Illustratorのアピアランスで装飾した文字をアウトライン化する」という記事を書いたところ、このようなコメントをいただきました。 文字ではなく、シェイプの場合、外周をとるパスを作成できる
【Figma】バリアントの基本とブーリアン(真偽値)型の作り方
Figmaのバリアントの基本やブーリアン(真偽値)型の作り方、命名規則や複数のプロパティがある場合のバリアントの作り方について初心者向けに優しく解説しています。また、バリアントの解除や結合方法についても解説しています。
【Figma】コンポーネントの使い方|初心者向けガイド(作成・解除・管理)
Figmaのコンポーネントの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、解除の方法や一覧の表示の仕方、サイズ変更、置き換え、入れ子の作り方などついても解説しています。
【Figma】オートレイアウトの使い方完全ガイド(Auto Layout)
Figmaのオートレイアウトの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、ボタンの作り方や、折り返しの方法やレスポンシブに対応したレイアウトの作り方についても解説しています。
現役のプロが選ぶWebデザインを独学したい方におすすめの本20選【2023年最新版】
この記事では、現役でプロのWebデザイナーがこれからWebデザイナーを目指す上で必ず頭に入れておくべき、「HTML/CSS/JavaScriptの基礎知識」「デザインツール(Photoshop・Illustrator・XD・Figma・Canva)の使い方」をテーマに、おすすめの本をジャンル別に20冊ご紹介します。
【WordPress】カスタムフィールドの使い方|取得•表示•追加
WordPressのカスタムフィールドの使い方や、カスタムフィールドの取得・表示・追加方法について初心者向けに解説しています。ぜひご覧ください。
【Illustrator】リンク切れのオブジェクトを削除したい!
Illustratorを触っていてよくブチあたるのが、画像のリンク切れ問題。 レイヤーが多くなってくると、どれがリンク切れを起こしてるのか探すのも一苦労だったりします…。ムギギ…。 という事で、今
【Photoshop】画像に重なった部分だけ中抜き文字にする方法
今回は、フォトショで画像に重なった部分だけ中抜き文字にする方法の備忘録です。 作りたいのは以下の画像のように、女の子の上にのっている文字だけ中抜き文字にする、というもの。 複雑そうに思えましたが、拍子
【illustrator】アピアランスで装飾した文字をアウトライン化する
先日、アピアランスで装飾した文字をアウトライン化しようとしたら、出来なくて困りました。 パッと見出来てるかのように見えるんですが、よーく見ると、文字の部分しかアウトライン化できておらず、アピアランス線
今回は、illustratorで文字の一部の色を変える方法の備忘録です。 調べてみたら色々方法があるみたいで、 ナイフツールを使う方法 パスファインダーを使う方法 クリッピングマスクを使う方法 の3つ
【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)
javascriptの配列の基本的な使い方(宣言・初期化・取得・代入・追加・削除・結合)や、ループ処理、連想配列、多次元配列(二次元配列)について初心者向けに解説しています。
オンスク.JPがオススメする学習サービス!低料金で資格取得!
オンスク.JPで1628円のウケホーダイ学習。低料金でオンライン資格取得が可能なサービスを詳しく紹介します。
と言っても集中できずにブログ書いてる笑 先日ハロワの受給給付の説明会に行ってきて、来週は初回認定日。 説明会が就活実績の1回にカウント出来るらしい。 就活実績作るためにも週1くらいでハロワ通わなきゃかな。 ここ何年も引きこもり生活してたらから、少しずつ社会復帰の準備と思ってがんばろ。
【8月最新】SHElikes(シーライクス)の料金・コース・卒業後について徹底調査
女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点(青山・銀座・名古屋・梅田)、受講生のインタビューについてまとめたのでご覧ください。
【WordPress】カスタムメニューとカスタムリンクの設定方法|初心者向け完全ガイド
WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
影で表現力UP!CSSシャドウのデザインテクニックまとめ【box-shadow】
CSSのbox-shadowプロパティは、要素に奥行きや立体感を加え、デザインをより魅力的にすることができます。影の位置や強さ、色などを調整することで、ウェブアプリケーションやウェブサイトに現代的な雰囲気を持たせることができます。
【Adobe XD】プロトタイプやデザインスペックの共有方法を初心者向けに徹底解説!
adobe xdの共有の各機能の説明や、プロトタイプやデザインスペックの共有方法、コメント機能やピン留めについて初心者向けに解説しています。
phpのif文について、else,elseif、if文のネストの基本や、一行で記述するif文について、実例をもとに初心者向けに解説しています。
【Adobe XD】共有のパスワード付き / 招待制リンクの作成方法を初心者向けに徹底解説!
adobe xdの共有のパスワード付きリンク / 招待制リンクの作成方法や、パスワードが設定できない場合の対処法などについて初心者向けに解説しています。
【javascript】var / let / constの違いや使い分け方を初心者向けに徹底解説!
javascriptの宣言方法である「let」と「const」と「var」の違いや、結局どれを使えば良いか?といった疑問について初心者向けに解説しています。
【php8】条件分岐のswitch文とmatch式の使い方を初心者向けに徹底解説!
phpのswitch文とmatch式の使い方や、「if文との違い」「複数条件を指定した場合」「breakを使わない場合」などについて解説しています。
【WordPress】投稿・固定・カテゴリーページへのリンク設定
Web制作でHTMLをWordPress化する場合に、投稿・固定・カテゴリーページへのリンク設定に使用するテンプレートタグについて解説しています。
【初心者向け】Vivus.jsを使ったSVGアニメーションの作り方
Vivus.js のダウンロード方法やcdnの導入方法、オプションの設定など、手書き風のSVGのアニメーションやアウトラインアニメーションの実装方法とともに初心者向けに解説しています。
【女性向け】おすすめWebデザインスクールまとめ|主婦・ママ・働く女性・女子大生向け
主婦・ママ・働く女性・女子大生向けのWebデザインスクールについて、その特徴やメリット、デメリットについてご紹介します。女性がIT業界で活躍するためにも、女性向けWebデザインスクールでスキルアップを図ることがおすすめです。
【WordPress】タグの取得とタグ一覧やタグ別一覧ページの表示
WordPressで設定したタグ一覧やタグ別一覧ページの表示方法についての記事です。また、タグの取得や表示の注意点として「the_tags();」「get_tags();」「get_the_tags();」の違いについても解説しています。
【WordPress】抜粋の取得や表示、文字数や文末の調整方法
本文の抜粋の入力の方法や、get_the_excerptを使用した抜粋の取得、the_excerptを使用した抜粋の表示方法について解説します。また、文字数の変更、文末の[...]のカスタマイズの方法についても解説します。
【初心者向け】PHPの演算子の一覧:種類や使い方を解説(php8対応)
初心者に向けてPHPの算術演算子、比較演算子、論理演算子などの、様々な演算子の使い方について解説しています。さらに、PHP8へのバージョンアップに伴い追加された演算子や変更点についても解説しています。
【初心者向け】javascriptの演算子一覧:種類や使い方を解説
初心者に向けてJavaScriptの算術演算子、比較演算子、論理演算子などの、様々な演算子の使い方について解説しています。コード例とともに、演算子の動作や注意点についても詳しく解説しています。
【Adobe XD】フォントの追加方法と反映されない場合の対処法
Adobe XDのフォント追加方法と反映されない場合の対処法について詳しく解説しています。また、環境にないフォントが表示された場合の特定と置き換え方法についても解説しています。
【Adobe XD】フォントの追加方法と反映されない場合の対処法
Adobe XDのフォント追加方法と反映されない場合の対処法について詳しく解説しています。また、環境にないフォントが表示された場合の特定と置き換え方法についても解説しています。