会員登録後、有料プランで広告を非表示に詳しくはこちら
メインカテゴリーを選択しなおす
Find me!(ファインドミー)の評判・口コミを現役webデザイナーが調査
女性向けのWebデザインスクール「Find me!（ファインドミー）」の評判や口コミについて、Webデザイナーの目線で調査しました。「無料カウンセリング」や「各コースの詳細」「カリキュラム」や「学習後（卒業後）の受講生インタビュー」を掲載しています。ぜひご覧ください。
【HTML】webページ/ブログに動画を埋め込む(・∀・) 【GitHub】
こんにちは。 本日のネタは前からやってみたかったけどどうやるのかなーって思ってたこと。動画をwebページに埋め込む方法です。 ※カテゴリーをプログラミングとしていますが内容はHTMLのみです。 ※初心者がやってみた、というだけの内容で単純な1方法です。 はてなブログだと編集画面の右側にある「+」のボタンからyoutube動画を簡単に貼り付けることができますが、画像のように直接アップロードっていうのはできないですね。 じゃあブログに自前の動画を貼り付けたかったら必ずyoutubeに投稿しなけらばならないのか？ってことになります。 別にそれでも大きな問題はありませんが動画投稿サイトにアップすると視…
【未経験から就•転職】Webデザイナー専攻 超実践型就職•転職プランを徹底解説
未経験からWebデザイナーへの転身を考えている方へ。ポートフォリオ作りや実務経験を得ることのできるデジタルハリウッドSTUDIOの「Webデザイナー専攻 超実践型就職•転職プラン」について現役のWebデザイナー視点で調査しました。
※専門用語多めの記事です。注意。 自分のHPをいじっていると、あーこんなの実装したいなぁとか、スマホで見たときのハンバーガー（三本線）メニューとか作ってみたいなぁとか、ここもうちょっとコードなんとかならない？と思うことが多々あってですね。 でも、独学では限界があって、調べても頭が悪いせいかどうしても分からないんですよ…！なので、スキルも上がりません。 で、ネットで完結するWebデザインのスクールって...
WEB・LP制作(合同会社ASG)のサービス内容・料金・おすすめのポイント等について解説
デジタル化が進む現代社会では、WEBサイトやランディングページ（LP）が企業の「インターネット上での見え方やブランディング」を大きく左右します。以下は、この重要性を裏付ける具体的なデータと現状です。
パソコン豆知識：YouTube パソコン教室 ぷらぐら PCソフト ブラウザ プログラミング Webデザイン Canva AI ガジェット IT知識 Excel Word Outlook Acrobat Reader LINE
【slick.js】slick ドットが数字になってしまう問題
スライダーを実装したい時にとっても役立つjQueryベースのプラグイン「slick.js」。 割と簡単に実装できるのでよく使っているんですが、とある問題が発生しました。 スライド下にある
WEB制作・リニューアル(株式会社GVI)のサービス内容・料金・おすすめのポイント等について解説
いまや企業にとってホームページは必須の要素となっております。ホームページ開設率は2022年の調査結果によると、企業全体の91.8%となっており、ほとんどの企業(従業員規模100名以上の企業の内)でホー
【アラサー未経験におすすめ】Raise Techに向いている人・特徴・メリットも解説します。
このサイトはアフィリエイト広告を使用しています。 Raise TechのWebデザインコースって、未経験の私で
バナー作成の学習はPhotoshopから始めるべき！Illustratorとどっちを先に学べばいいか解説します
これからバナー制作を学習する初心者の人であれば、まずはPhotoshop（フォトショップ）を使って模写学習をすることをおすすめします。副業や転職でWebデザインを始めるのであれば、Illustrator（イラストレーター）も使えるようになっていた方が良いです。この記事では、バナー作成ではPhotoshopから学習を始めた方が良い理由や、PhotoshopとIllustratorの違い、バナー作成学習を始める人が効率的にスキルアップする方法を解説しています。
【illustrator】オブジェクトに設定した複雑なアピアランスを統合してパス化したい
以前、「Illustratorのアピアランスで装飾した文字をアウトライン化する」という記事を書いたところ、このようなコメントをいただきました。 文字ではなく、シェイプの場合、外周をとるパスを作成できる
【Figma】バリアントの基本とブーリアン（真偽値）型の作り方
Figmaのバリアントの基本やブーリアン（真偽値）型の作り方、命名規則や複数のプロパティがある場合のバリアントの作り方について初心者向けに優しく解説しています。また、バリアントの解除や結合方法についても解説しています。
【Figma】コンポーネントの使い方｜初心者向けガイド（作成・解除・管理）
Figmaのコンポーネントの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、解除の方法や一覧の表示の仕方、サイズ変更、置き換え、入れ子の作り方などついても解説しています。
【Figma】オートレイアウトの使い方完全ガイド（Auto Layout）
Figmaのオートレイアウトの基礎的な使い方から応用まで、初心者向けに優しく解説しています。また、ボタンの作り方や、折り返しの方法やレスポンシブに対応したレイアウトの作り方についても解説しています。
WEBサイトを印刷した時に表示が崩れて困ったという事はありませんか？このページではWEBサイトを印刷した時に起こる印刷崩れの対処法を3選に分けてご紹介しています。簡単にできる方法からCSSを使って調整する方法までご紹介していますので、印刷崩れに困った場合に是非お試し下さい！
デザインの仕事に興味がある人へ家で仕事ができるというイメージも強いデザイン職。それ故にパパママや、人との関わりが苦手な人など、様々な人がこの｢デザイナー｣に興味があるのではないだろうか。先に述べると、私は挫折したものの、デザインを学び、デザイン職に就いて本
【WordPress】カスタムフィールドの使い方｜取得•表示•追加
WordPressのカスタムフィールドの使い方や、カスタムフィールドの取得・表示・追加方法について初心者向けに解説しています。ぜひご覧ください。
WixStudio事例｜（デモ）町の雑貨屋さんのホームページ
先日WixStudioのイベントに参加して、新しくリリースされたWixStudioについて学んで参りました！そして、そこで出会ったデザイナー仲間の方からお声がけいただき、WixStudioを使ってWebサイトを作る会に参加させていただきまし
6月8日にスタートした、大人のコソ勉が180時間を越えました。 大人のコソ勉についてはこちらから↓ ふと思い立って始めましたが、「思っていたよりも難しく」「思うようにコードが動かず」「自分がバカのように感じる」なかなかにフラストレーションが
先週の日曜は劇団稽古日。 端役だけどセリフ付きの役ももらえて、そのほかに音響の裏方もやるんだが、出演より音響のほうが緊張するなぁ… 音楽間違えたら、いっぺん…
【Illustrator】リンク切れのオブジェクトを削除したい！
Illustratorを触っていてよくブチあたるのが、画像のリンク切れ問題。 レイヤーが多くなってくると、どれがリンク切れを起こしてるのか探すのも一苦労だったりします…。ﾑｷﾞｷﾞ…。 という事で、今
【Photoshop】画像に重なった部分だけ中抜き文字にする方法
今回は、フォトショで画像に重なった部分だけ中抜き文字にする方法の備忘録です。 作りたいのは以下の画像のように、女の子の上にのっている文字だけ中抜き文字にする、というもの。 複雑そうに思えましたが、拍子
【illustrator】アピアランスで装飾した文字をアウトライン化する
先日、アピアランスで装飾した文字をアウトライン化しようとしたら、出来なくて困りました。 パッと見出来てるかのように見えるんですが、よーく見ると、文字の部分しかアウトライン化できておらず、アピアランス線
今回は、illustratorで文字の一部の色を変える方法の備忘録です。 調べてみたら色々方法があるみたいで、 ナイフツールを使う方法 パスファインダーを使う方法 クリッピングマスクを使う方法 の3つ
【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)
javascriptの配列の基本的な使い方(宣言･初期化･取得･代入･追加･削除･結合)や、ループ処理、連想配列、多次元配列（二次元配列）について初心者向けに解説しています。
こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、夏にピッタリなひまわりの花を作ってみました。「Result」でイラストを確認できます（レスポンシブ対応済）。 See the Pen Sunflower by あっちのそらら (@acchinosoraranocode) on CodePen. 今年、CSSで三角関数がサポートされたので、試しに花びらの部分に取り入れました。三角関数の表現のひとつとして、要素を円周上に並べることができます。以下、今回の三角関数の工程をざっくり解説します。まずHTMLで、花びらの数に応じた番号を付与します。今回は10個なの…
女性専用Webデザインスクール！スキルを身に付けて、理想の年収、キャリアを手に入れよう！一生涯使えるスキルを身に付けて、自分らしいキャリアや働き方を叶えるITスクールが凄い！
● パソコン表示は、アメブロをカスタマイズしていますこんにちは、片岡すずみです。このブログは、スマホで読んでくださっている方が、多いみたいなんですね。何度も読…
と言っても集中できずにブログ書いてる笑 先日ハロワの受給給付の説明会に行ってきて、来週は初回認定日。 説明会が就活実績の1回にカウント出来るらしい。 就活実績作るためにも週1くらいでハロワ通わなきゃかな。 ここ何年も引きこもり生活してたらから、少しずつ社会復帰の準備と思ってがんばろ。
『Fullme』は40冊を越えるデザイン本の出版、累計100万部以上の販売実績を誇るデザイン会社『ingectar-e』が講師を務めるデザイン特化型のオンラインデザインスクールです。
【8月最新】SHElikes(シーライクス)の料金・コース・卒業後について徹底調査
女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点（青山・銀座・名古屋・梅田）、受講生のインタビューについてまとめたのでご覧ください。
Webサイト事例｜ワードプレス｜Yukka• TEXTILE様
彩葉D&Wにてお作りしたWebサイト（ホームページ）のご紹介です。今回はWordPress（ワードプレス）でお作りしました！
【WordPress】カスタムメニューとカスタムリンクの設定方法｜初心者向け完全ガイド
WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
影で表現力UP！CSSシャドウのデザインテクニックまとめ【box-shadow】
CSSのbox-shadowプロパティは、要素に奥行きや立体感を加え、デザインをより魅力的にすることができます。影の位置や強さ、色などを調整することで、ウェブアプリケーションやウェブサイトに現代的な雰囲気を持たせることができます。
画像の切り替えを行うCSS 画像の切り替えと考えると、難しく聞こえるかもしれません。 ですが書くコードはシンプ
上スクロールで表示、下スクロールで非表示にするフッターリンク
制作見本 上にスクロールで表示する 今回はこのように、上スクロールのみで表示させるバナーエリアを作ります。 こ
Webデザイン未経験から安定して月10万円以上稼げるようになるまでにしたこと
こんにちは。 フリーランスとしてwebデザイナーをしているまりえです。Before（お直し前） Canvaお直
【もう使った？】Photoshopベータ版AIの「生成塗りつぶし」で写り込んだ人を消しちゃう方法
Photoshopベータ版なるものがあるらしいと聞いて、早速試してみました。 AIを使って、「塗りつぶし」の機
LPをWordPressテーマの固定ページで作る時の考え方のヒント
LP制作を受注したら まず、LP制作を受注したら、どんな風に作っていくかを検討します。 WordPressのテ
【Adobe XD】プロトタイプやデザインスペックの共有方法を初心者向けに徹底解説！
adobe xdの共有の各機能の説明や、プロトタイプやデザインスペックの共有方法、コメント機能やピン留めについて初心者向けに解説しています。
phpのif文について、else,elseif、if文のネストの基本や、一行で記述するif文について、実例をもとに初心者向けに解説しています。
