サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
webdesigner-go.com
↑障害者向けのWebデザインスクール【atGPジョブトレIT・Web】です。 Webデザインを学べる就労移行支援事業所が増えてきています。 最近、発達障害や聴覚過敏などを抱える方から、コメント欄でご質問をもらうことが増えてきました。 主にスクールの選び方と働き方についてのご質問が多く寄せられるので、この記事ではその2つを一緒に考えていきましょう! その前に、発達障害やADHDなどの障害を抱える方にとって「Webデザイナー」という仕事がオススメである理由を説明します。 もちろん身体に障害がある方にも参考になるはずです。 障害を抱える方は「Webデザイナー」を選択肢の一つにしよう 僕自身もHSPなので、普通に会社で働けない苦しさはよくわかります。 敏感過ぎて会社に一日いると周りの人の感情が気になってクタクタに疲弊します……。だいたい月曜日の夕方になると一般の人の金曜日の夕方くらいの疲労を感じて
Twitterで初めてこのAIグラビア(AI生成の女性画像)を見た時は衝撃を受けましたよね…。 Cheshire’s picture package is released for free! Link:https://t.co/k2Nll6jD2z Password:kanyon pic.twitter.com/15h32vasxy — Kanyon Industries (@auditore_k) February 16, 2023 え!AI画像生成ってここまで進化してたの!?って。「AIコスプレイヤー」とも呼ばれているそうです。 このウェーブに乗るっきゃない!興奮しながらさっそく作ってみました。 うわぉぉお!すごい!!まさにAIグラビア! AI画像生成ツールのStableDiffusionに「ChilloutMix」という学習モデルを加えることで、人間らしい緻密な画像を生成してくれま
Webデザイナーが会社の面接を受ける時に、よく聞かれる質問があります。ここでは、「定番の質問20個」「その質問の意図」「回答例」をまとめました。 対象は「未経験から学校に通ってWebデザインを勉強したばかりの状態でWeb制作会社の面接を受ける」という方です。あくまで僕ならこう答えるという回答例なので、参考程度にしてくださいw かなり細かく回答例を書きましたが、結局、面接は「この人と一緒に働きたい」と思わせたら勝ちな世界です。ラブレターを渡す相手と思って、相手の会社に興味を持って好きになって思いを伝えるということを意識さえすれば大丈夫だと思います。 質問1. まずは自己紹介をお願いできますか? 質問の意図:「どういう人間なのか知りたい」「アワアワ…と動揺しないでわかりやすく説明する最低限のプレゼン能力があるかを知りたい」 面接官と自分は見ず知らずの関係です。一番最初に来るこの質問に対して、自
通常は約8万円するAdobeCCが39,980円で手に入る不思議な裏技があります。 その裏技は、デジハリのAdobeマスター講座の受講です。この講座にはAdobeCreativeCloud1年分が無料で付いてきちゃいます!そして受講料はたったの39,980円なんです。激安! ネットで調べてみると、毎年この方法でAdobeCCを更新している方もいるそうです。これを知ってしまうと、毎年6万円も払うのがバカバカしくなっちゃいますもんね。。。 デジハリAdobeマスター講座の内容 付属するAdobeCCは学生・教職員版ですが、中身は通常版と同じなので安心してください。 講座の内容は、動画教材が見放題&講師による添削です。 デジハリの講座が優秀! しかも、定評のあるデジハリの動画講座もちゃんと受講できます。動画教材は1ヶ月視聴できて、そこからさらに2ヶ月の課題添削の期間があります。 学習内容はこちら
30歳の未経験でもWebデザイナーになれますか?など、年齢の質問をよく頂くので、年代別にアドバイスを書きます。ちなみに、僕は29歳の時に求職者支援訓練に通って、Webデザイナーになりました。 基本的には、Webデザインのスキルを磨くには、まずWeb制作会社に入社することをおすすめしています。18~35歳の方には、なんとかWeb制作会社に入ってほしいと書いていますが、36歳を越えるとやや年齢的にも厳しくなるため、Webのスキル+前職や今まで培ってきたスキルで、事業会社内のWeb担当者として活躍する道もおすすめしています。 18歳~25歳のWeb未経験は? 年齢も未経験であることも全く気にする必要がありません。若さで何もかも補完できます。Webデザインをやりたかったら、求職者支援訓練か民間のWebスクールに入って勉強し、普通に就職活動をすればどこかのWeb制作会社か事業会社には入社できます。こ
コーポレートサイトの無料PSDテンプレートです。 ファーストビューのみのデザインになります。 ポートフォリオ作品や実案件などでテンプレートとしてご自由にご利用ください。 ダウンロード コーディング練習用のデザインをお探しの方には、架空のWebサイト制作会社のサイトデザイン(XD)を別に用意しています。こちらからダウンロードして活用してみてください。 【無料配布】コーディング練習用デザインと完成版コーディングデータ テンプレートの画像を差し替えたり、レイアウトを調整することで、次のような異なったデザインが気軽に作れます。 下記の記事で、本テンプレートを使用したポートフォリオ作品の水増し方法を詳しく解説しています。ポートフォリオに掲載する作品がないよ!とお困りの方はぜひ読んでみてください。 【無料PSD付き】ポートフォリオ作品水増し講座 サイトのデザインテンプレートは全7種類あります。 コーポ
無料コーディング練習所【初級編】の学習ページです。 小規模な企業サイトを作ってみましょう。下層ページが2ページあります。 「デザインデータ」と「完成版コーディングデータ」を無料でダウンロード可能です。 デザインデータ(Figma) デザインデータ(XD) 完成版コーディングデータ(ZIP/1.2MB) 実際のコーディング例はこちらです。わからない箇所は解答例として参考にしてみてください。 コーディング例 依頼ねこ(ディレクター)からの伝言 フォントはGoogleフォントで欧文は「Roboto」、日本語は「Noto Sans JP」にしてねにゃご。ロゴはSVGを使ってにゃご。「ニュース」の日付はtimeタグを使ってにゃご。「サービス」のアイコンは画像じゃなくてMaterial iconにゃご。あとCSS設計はBEMでお願いにゃご。スマホの時はグローバルナビはハンバーガメニューでお願いにゃご。
無料コーディング練習所【上級編】の学習ページです。 8ページの企業サイトを作ります。今まで学んできた知識をフルに活用して作っていきましょう。Gitの使い方やNetlifyへのアップロード方法も覚えましょう。余裕があればIE11に対応してみましょう。 ※IE11は2022年6月16日にサポートが終了したので、対応しなくてもOKです!「IE11対応」とは一体どういう対応だったのかを歴史として読んでみてください。 「デザインデータ」と「完成版コーディングデータ」を無料でダウンロード可能です。 デザインデータ(Figma) デザインデータ(XD) 完成版コーディングデータ(ZIP/11.4MB) ※FontAwesomeのCDNは本サイトによるアカウントによって発行したものを埋め込んでいます。もし、このコーディングデータを外部サーバー等にアップロードする場合は、FontAwesome公式サイトより
最近、UI/UXデザイナーになりたがる人が多いですが、いまいちその具体的な業務内容が把握されていないように思います。また、UI/UXデザイナーと言っても、企業によって実際の業務内容が全く異なってしまうので要注意です。 UIとUXは密接に関連していますが、それぞれ別の分野であり業務でもあります。実案件では、UI/UXの両方を担当する人もいますし、UIだけ、UXだけを担当するというケースもあります。 そのため、「UXデザイナー」「UIデザイナー」「UI/UXデザイナー」と分解して捉えた方がいいです。この3つの職種をそれぞれ解説します。 UXデザイナーとは? UXデザイナーは、基本的にはサイトの設計のみを行います。 UXデザイナーは、ユーザーが使いやすく、つまりユーザーフレンドリーで、さらに売上などの「成果」を生み出すサイトの設計を本職とします。UXはUser Experience(ユーザーエク
ご質問 私はイベント、音響などのフリーランスとして土日祝日のみ働いているため、平日に別の仕事をして知見を広げたいというところがWEB制作、プログラミングの出発点だったのですが、コーディングやjquery、php等の基礎が終わり次第、今月からはwordpressを学習したいと考えております。 ツイッター界隈、友人、インフルエンサーさんなど、人により、wordpress案件を30代素人から1~2年勉強した程度の実力や人脈では収益にはならない、更に今後も仕事は減るばかり、という意見もあれば、空いた平日で月5万円収益程度なら可能では?、今後も5年前後は生きるスキルだ、など意見がバラバラです。 バラバラで当然だとは思っているのですが、ねこポンさんはどのようにお考えなのかな?と思いました。 回答 この質問はなかなかの難問ですね笑。 まず、そもそもWebデザインを副業として捉える風潮について、僕の見解を
無料コーディング練習所の本編に入る前に、コーディングの基礎スキルを身につけましょう。 また、快適なコーディング環境を整えるためにエディタの設定などもしておきましょう。 コーディングの基礎スキルを身につける方法 まずはProgateかドットインストール、あるいは書籍でコーディングの基礎スキルを身に着けましょう。Progateもドットインストールも書籍も内容のすべてを完全に理解する必要はありません。わからない箇所は飛ばしてOKです。とにかくまずは一周を終えましょう。 Progate Progate 定番のコーディング学習オンラインサービスです。自分で手を動かしながら学べるので知識が定着しやすいです。Progateで学習をする方は「HTML&CSSコース」「jQueryコース(中級編まででOK)」を終えておきましょう。難しい箇所は無理してやる必要はありません。月額1,078円です。 ドットインス
主なWebデザインスクールを23校まとめました。 どのスクールを選ぶか?の結論は、 「まずは求職者支援訓練を検討してください」 です。 求職者支援訓練は国の運営する無料の学校です。僕も求職者支援訓練を経てWebデザイナーになりました。予算があれば受講料が40〜60万円もする一般のスクールに通ってもOKですが、求職者支援訓練でも十分です。最近はコロナの影響もあり応募者が多くなっているようです。 もちろん一般のスクールも「オンライン授業が充実している」「設備が最新」「講師が第一線で活躍しているWebデザイナー」「転職サポートが手厚い」など素晴らしい点が多いです。記事の後半では「安い学校に通いたい!」「地方在住」など条件や状況ごとにおすすめのスクールを紹介しています。 求職者支援訓練を含めて通学タイプのスクール17校、オンラインスクール6校を紹介します。その他にも動画講座や学習ツールも解説します
2024.03.28 テーマファイルがインストールできない不具合を確認し、修正したテーマファイルをアップしました。万が一テーマファイルをインストールできない場合は、一度zipファイルを解凍し再度圧縮してインストールをお試しください。 2023.11.12 11/7にWordPress6.4がリリースされました。現在は特に不具合は確認しておりません。 2023.08.25 8/9にWordPress6.3がリリースされました。現在特に不具合は確認しておりません。 2022.11.03 11/1にWordPress6.1がリリースされました。現在特に不具合は確認しておりません。 2022.08.11 PHP8系以降にて警告が表示される症状の修正 2022.06.15 5/25にWordPress6.0がリリースされました。現在特に不具合は確認しておりません。 2022.02.14 投稿画面の記
無料コーディング練習所【入門編】の学習ページです。 シンプルなカフェサイトのトップページを作ってみましょう。レスポンシブ対応もします。1ページのみです。 「デザインデータ」と「完成版コーディングデータ」を無料でダウンロード可能です。デザインデータはFigmaとXDの2つを用意しているので好きな方をダウンロードしてください。AdobeのFigma買収騒動(結局破談になりました)で、XDはアップデートが止まっている状況です。しばらくはFigmaが主流になるため、特にこだわりが無ければFigmaのデザインデータを使用しましょう。 デザインデータ(Figma) デザインデータ(XD) 完成版コーディングデータ(ZIP/328KB) 実際のコーディング例はこちらです。わからない箇所は解答例として参考にしてみてください。 コーディング例 依頼ねこ(ディレクター)からの伝言 丁寧にゆっくり作ってもらって
『無料コーディング練習所』では、完全無料のコーディング教材を提供しています。 入門編から上級編まで6サイトをコーディングすることで、 HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。 デザインカンプと完成版コーディングデータ付きです。 この教材は制作会社の新人コーダーの教育にも使用されています。 さぁ、楽しみながら一緒に勉強していきましょう♪
伝説はちょっと大げさだし、すでに入手は困難ですが…、かつて『TrueTypeフォントパーフェクトコレクション』という高品質フォントを大量にCDに収録した書籍が存在しました。 有名フォントの数々が収録されていました。例えば、Futura、Bodoni、Copperplate Gothic、Swiss 721(Helveticaの別名)、Humanist 777(Frutigerの別名)、Humanist 521(Gill Sansの別名か類似フォント)、Zurich(Universの別名)です。 僕が求職者支援訓練に通っていた頃は、普通に書店で2980円で売られていました。すぐにアマゾンで買って片っ端から使えそうなフォントをパソコンにインストールした覚えがあります。周りのWebデザイナーの友人や先輩も当然のようにこれを買っていました。残念ながら、今は絶版になり、やや高めで中古で販売されていま
Webデザイナーが使う転職サイトの定番が『Green』です。 リクルートやdodaなどは一般向け転職サイトなのでWebデザイナーの求人が少ないです。まずはITに特化した転職サイトを使いましょう。 『Green』は未経験OKのWebデザイナー求人を扱っています。 2024年現在で『Green』で、未経験OKのWebデザイナー求人は50求人の案件が見つかりました(職種はWebデザイナーとHTMLコーダー、勤務地は全国、条件に未経験可で検索)。 Greenは登録後に自分の職歴やポートフォリオを企業向けに掲載(もちろん一般向けには非公開)できます。クオリティによっては企業からスカウトメールが来ますので、ぜひ登録してみてください。オススメの機能です。 未経験の状態だと、なかなか面接までたどり着くのも難しかったりします。 転職エージェントに加えて転職サイトからも気になる企業にはどんどん応募してみて、選
模写コーディング用に、XDのデザインデータを作りました。無料配布しています。コーディング練習中の方はぜひトライしてやってください。↓の記事からダウンロードできます。 【無料配布】コーディング練習用デザインと完成版コーディングデータ 合計8ページあります。デモとコーディングファイル一式もあります。作るの疲れた〜 このサイトでは、本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社することを強くオススメしています。 Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。そして、社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。 未経験OKで正社員のWebデザイナー
このサイトでは、 本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社すること を強くオススメしています。 Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。そして、社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。 未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強い『ワークポート』と『Webist』の2つです。 ※コロナもほぼ収まりつつありますが、まだワークポートもWebistですら未経験OKの求人が少ない状況です。ただ、少しでも選択肢を増やすために、また今後状況が改善されてきた時のために、ポートフォリ
「とにかくお金をかけずに独学でWebデザインを習得したい!」という方のために、できるだけ無料か激安で独学する方法を紹介します。 独学の前に求職者支援訓練を検討しよう 独学をする前に検討してほしいのは、求職者支援訓練(ハロートレーニング)や職業訓練の活用です。国が提供する無料でWebデザインを学べる学校があります。僕も求職者支援訓練を経て、Webデザイナーになりました。 今まで未経験からWebデザイナーを目指す方のご質問に200件以上回答してきました。 みなさんとお話をする中で知ったのは、多くの方が独学を途中で挫折し、このサイトを通して求職者支援訓練の存在を知って、訓練校に通い直していることでした。それくらい独学は大変です。自分でモチベーションを維持し続けて、無駄のない順序で学習をする必要があります。ちょっと一ヶ月独学した程度ではWebデザイナーにはなれません.。 学校なら効率的に学習できま
Webデザインを勉強する上で本当におすすめできる本を紹介します。すべて僕自身が実際に読んで良いと思ったものだけなので、安心してください。 もちろん、ご自身で書店で選んだ本でもいいのですが、プロから見て「実務に必要なことが網羅されているか?」という視点で選んでいるのでぜひ参考にしてみてください。もちろん初心者向けの本が対象です。 PhotoshopやIllustratorの学習については、本よりもUdemyなどの動画教材で学ぶほうが圧倒的にわかりやすいです。実際のPhotoshopの画面を見ながら勉強できますからね。でも、操作がわからなくなった時にすぐに調べられるのが本の良さです。Photoshopの操作がわからん!とよくなっちゃう方は、ぜひ本をそばに置いておきましょう。 独学でWebデザインを勉強するための完全ガイド 独学の方法は↑の記事を参考にしてください。UdemyやProgateなど
シンプルでベーシックなポートフォリオサイト用のHTMLテンプレートです。挙動はデモをご確認ください。 デモ ダウンロード テンプレートをご利用の際は、自分なりにカスタマイズをしてみてください。そのまま利用してしまうと採用担当の方は「あ、この人、手抜きしてるなぁ…」と思ってしまいます。 配色やレイアウト、フォントなどを変えて「自分のポートフォリオ」を作り込みましょう! Webデザイナー向けポートフォリオチェックリスト84項目。ここを直せば一気に良くなる! ポートフォリオのチェックリストをnoteで販売中です!激安のワンコイン500円です。ポートフォリオが完成したらぜひチェックしてみてください。ポートフォリオの質が低いと、選べる会社の選択肢が減ってブラック企業に入ってしまう可能性が高まります。今まで何人もそんな人を見てきました…。このチェックリストで改善点を見つけて少しでもポートフォリオを質を
なぜ、このサイトではエンジニアではなくWebデザイナーをすすめるのか。それは、ほとんど人がエンジニアにはなれないからです。 いまエンジニアの需要がすごく高まっています。 子どもの教育にも良いという理由で、子供向けのプログラミング教室も大幅に増加しています。 しかもエンジニアは高収入です。僕の知り合いのエンジニアはある会社に業務委託契約で働いていますが、月収は100万を超えます。 実は、僕もかつては、PHPやJavaといったプログラミング言語を勉強して、エンジニアを目指していました。自分でアプリが作れて、しかも高収入だったらもう人生最高じゃないですか! でも僕はなれませんでした。。 エンジニアになれる人が少数な理由 ここで、もう一度重要なことを言います。 残念ながらほとんどの人はエンジニアにはなれません。 こう言うと、おそらくエンジニアからは反対されるでしょう。きっと「いや、基礎をしっかりや
紙のデザイナーさんがWebデザインをする時に、大事故を起こさないためのメモを残しておきます。 このメモを、Webに慣れていない紙のデザイナーさんにデザイン作業前に送ってあげてください。 最近、WebサイトのデザインがはじめてのDTPのデザイナーさんと一緒にお仕事をして、大炎上しそうになりました。 悪い予感はしていました。僕はコーディングとWordPress構築が担当なのですが、紙のデザイナーさんは当然のようにCMYKでデザインを作成、pxは無視、フォントサイズは小数点付き、なぜかサイトの横幅が600px程度のデータを送ってきたのです……。 短気なコーダーだったら、もうブチ切れてますが、悪気はないので許してあげましょう。 フォトショじゃなくてイラレでデザインを作ってくるのも我慢します。最近はSVGの普及でイラレでデザインを作るのがちょっぴりオシャレみたいになってる現状があります(本当は超イラ
デザインやコーディングに役立つテンプレートや素材を配布しています。ポートフォリオサイトのHTMLテンプレートや作品制作のベースとなるPSDテンプレート、他にも年賀状用の素材までどんどん追加予定です♪
僕はプログラミング(Java)の職業訓練を受講したことがありますが、生徒約20人のうち何人がプログラマーになれたと思いますか? たったの2人です! 夢を壊すようですが、残念ながらほとんどの人はプログラマーやエンジニアにはなれないのです。。 プログラミングの文法を覚えても、アルゴリズムが浮かばない・・・ まずサクッと僕の黒歴史を話させてください。 僕はいま30代ですが、20代の頃はがっつりプログラミングを勉強していました。そして挫折しました。 「プログラマーになれたら高収入でウハウハ!しかも自分が作りたいものが作れたら超楽しそう!」 そんな動機でまずは、一般のスクールに4ヶ月ほど通ってPHPを勉強しました。授業ではifやfor文などの文法を一通り学んだ後に、ECサイトを作っていくのですが、これがなかなか楽しいです。あとで語りますが、勉強と現場のレベルは桁違いです。勉強の段階はすごく楽しいので
ここ4〜5年の間に「コーダー」が進化し、「フロントエンドエンジニア」という職種が生まれました。 今後、コーディングのみのスキルを持つコーダーがWeb業界で生き残っていくのは難しいです。時代を振り返りつつ、「コーダー」と「フロントエンドエンジニア」の違いについて解説します。 コーダーとは? コーダーは、HTML/CSSとわずかなJavaScriptを用いてサイトを作る(コーディングをする)職種です。HTMLコーダーやマークアップエンジニアとも言われます。 必要なスキルは、主に、HTML・CSS・基礎的なJavaScript(あるいはjQuery)の3つです。 Webの黎明期から存在する職種です。 数年前までは、Webサイトの作り方や構造はとてもシンプルだったので、少ないスキルしか持たないコーダーも必要とされました。 しかし、ここ最近では、Webサイト上でアニメーションを多用したり、React
WordPress(ワードプレス)は、HTML/CSSとPhotoshopに比べれば、習得の重要度は下がりますが、現場では非常によく使うCMS(コンテンツ・マネージメント・システム)の一種です。CMSとは、サイトやブログを構築するためのシステムです。 WordPressを扱えればWebデザイナーとして価値がグッと上がるので、複雑なカスタマイズ方法は覚えなくてもいいですが、オリジナルテーマの作成方法は習得しておきたいところです。 WordPressとは WordPressは無料のCMSです。現場ではWordPressかMovableTypeの二者がよく使用されますが、MovableTypeは有料プランが一般的なため、無料のWordPressの方が使用頻度は遥かに多いです。 世界のサイトの4分の1はWordPressで作られているという調査もあります。さらに、WordPressは、世界中の開発
Webの勉強を始めたのなら、迷わずDreamweaverを使ってくださいお願いだから!という話です。 未経験からWebデザインの勉強を始めていると、ネットや学校などで、いろんな情報が一斉に入ってきます。 特に、コーディング用のエディターは何を使うか、という議論は尽きません。 Twitterのタイムラインには、 「Sublime Textが鉄板だろ」 「いや、私はSublimeはとうの昔にやめて、今はAtomだよ」 「は?時代遅れだろ?いまはPhpStormだわ」 「ぜんぜんBracketsで十分だよ〜」 「吾輩はVisual Studio Codeである」 と、みんなお気に入りのエディターを語っていて、もはや収拾がつきません! てゆうかもう、ドリちゃんでいいから!!!!!! なんの躊躇もなくDreamweaverをバリバリ使っていいから!!!! ドリちゃん(Dreamweaver)は、かつ
次のページ
このページを最初にブックマークしてみませんか?
『最強ポートフォリオの簡単な作り方 | 未経験からWebデザイナーへ!【2018年版】』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く