はてなブックマーク

無料コーディング練習所の本編に入る前に、コーディングの基礎スキルを身につけましょう。 また、快適なコーディング環境を整えるためにエディタの設定などもしておきましょう。 コーディングの基礎スキルを身につける方法 まずはProgateかドットインストール、あるいは書籍でコーディングの基礎スキルを身に着けましょう。Progateもドットインストールも書籍も内容のすべてを完全に理解する必要はありません。わからない箇所は飛ばしてOKです。とにかくまずは一周を終えましょう。 Progate Progate 定番のコーディング学習オンラインサービスです。自分で手を動かしながら学べるので知識が定着しやすいです。Progateで学習をする方は「HTML＆CSSコース」「jQueryコース（中級編まででOK）」を終えておきましょう。難しい箇所は無理してやる必要はありません。月額1,078円です。 ドットインス

『無料コーディング練習所』では、完全無料のコーディング教材を提供しています。 入門編から上級編まで６サイトをコーディングすることで、 HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。 デザインカンプと完成版コーディングデータ付きです。 この教材は制作会社の新人コーダーの教育にも使用されています。 さぁ、楽しみながら一緒に勉強していきましょう♪

「とにかくお金をかけずに独学でWebデザインを習得したい！」という方のために、できるだけ無料か激安で独学する方法を紹介します。 独学の前に求職者支援訓練を検討しよう 独学をする前に検討してほしいのは、求職者支援訓練（ハロートレーニング）や職業訓練の活用です。国が提供する無料でWebデザインを学べる学校があります。僕も求職者支援訓練を経て、Webデザイナーになりました。 今まで未経験からWebデザイナーを目指す方のご質問に200件以上回答してきました。 みなさんとお話をする中で知ったのは、多くの方が独学を途中で挫折し、このサイトを通して求職者支援訓練の存在を知って、訓練校に通い直していることでした。それくらい独学は大変です。自分でモチベーションを維持し続けて、無駄のない順序で学習をする必要があります。ちょっと一ヶ月独学した程度ではWebデザイナーにはなれません.。 学校なら効率的に学習できま

シンプルでベーシックなポートフォリオサイト用のHTMLテンプレートです。挙動はデモをご確認ください。 デモ ダウンロード テンプレートをご利用の際は、自分なりにカスタマイズをしてみてください。そのまま利用してしまうと採用担当の方は「あ、この人、手抜きしてるなぁ…」と思ってしまいます。 配色やレイアウト、フォントなどを変えて「自分のポートフォリオ」を作り込みましょう！ Webデザイナー向けポートフォリオチェックリスト84項目。ここを直せば一気に良くなる！ ポートフォリオのチェックリストをnoteで販売中です！激安のワンコイン500円です。ポートフォリオが完成したらぜひチェックしてみてください。ポートフォリオの質が低いと、選べる会社の選択肢が減ってブラック企業に入ってしまう可能性が高まります。今まで何人もそんな人を見てきました…。このチェックリストで改善点を見つけて少しでもポートフォリオを質を

デザインやコーディングに役立つテンプレートや素材を配布しています。ポートフォリオサイトのHTMLテンプレートや作品制作のベースとなるPSDテンプレート、他にも年賀状用の素材までどんどん追加予定です♪

ポートフォリオのサイト版と紙版の両方の作り方を詳しく解説します。 ポートフォリオとは、自分の作品集です。Webデザイナーとして就職活動をする際に必要になります。企業はポートフォリオを見て求職者のデザインやコーディングのレベルを判断するためです。ポートフォリオが無い、あるいはスカスカの状態で転職活動をしてもWebデザイナーとして採用されることはほぼありません。 ねこポンのポートフォリオサイト こちらが僕のポートフォリオサイトです。こんな感じです。 スクールや独学でWebデザインの基礎スキルを習得したら、ポートフォリオを制作します。学習の過程で制作したサイトのデザインやコーディングの実績を掲載します。ポートフォリオは、就職エージェントに共有したり、面接を受ける企業に渡すことになります。 ポートフォリオのチェックリストをnoteで販売中です！ポートフォリオを作る前や完成後にこちらで改善点をチェッ

デザインを制作する際に、写真やアイコン、テクスチャなどの「素材」をすべて自分で用意したり自作しているのは、超レベルの高いデザイナーの世界だけです。 それ以外の平凡なWebデザイナーたちは「素材」に頼っており、むしろ素材が無ければ仕事が成り立たないほどです。理由の一つは、「そもそもアイコンやイラストなどの制作スキルが無いし写真なんか自分たちで用意できない」、二つめは、「対応案件が多すぎるので制作時間を短縮させるため」です。 案件で素材が必要になると、通常は有料素材を使いますが、写真ならまだしもアイコンやテクスチャ等にはお金を払ってはいられません。つまり、「商用OK」「著作権表記不要」「クオリティが高い」をクリアしている優れた素材サイトを知っているかどうかがすごく重要な世界なのです。 ここでは、プロの平凡Webデザイナーなら必ず知っててブックマークに入れている商用OKのフリー素材サイト一覧をこ

未経験からWebデザイナーを目指してみませんか？ ↑20代後半の僕はまさにこれでした。 でも、今は週3日だけ楽しく働くフリーランスのWebデザイナーです。 こんにちは！ねこポンと申します。 このサイトでは、短期間で未経験からWebデザイナーになるための情報を惜しみなく紹介しています。 Webデザインができれば、他にも一気にできることが増えます！ Webデザインができれば、一気にできることが増えます。 LINEスタンプ制作、アフィリエイトサイト構築、電子書籍の表紙のデザイン、ポスターやロゴ作り、年賀状や暑中見舞いのはがきデザイン、写真のレタッチ、Tシャツのデザインなどなど、さまざまなクリエイティブな創作活動ができるようになります。自分のアイデアを形にできるのです！ 「このために生まれてきたんだ」とすら思える仕事をしよう しかも、Webデザイナーになれば、デザインとサイト作りの力が身につき、モ