#PHP #HTML #WordPress #JavaScript #未経験
【未経験者OK】Webデザイナー / マークアップエンジニアの学習をがっちりサポート！ホームページ制作を相談に乗りながらマンツーマンでトレーニングします。
できること
Webデザインとエンジニアリングの独学をサポート。未経験からでも制作会社でも通じるスキルにレベルアップできます。
160人を教えた私の知識を皆さんにシェアします。
・未経験からでも転職をサポートし、ポートフォリオ制作やWordpress制作をトレーニングします。
・副業として、短期間で5万～10万くらい稼げるようになりたい方向けです。
・独学でwebサイト制作を始めたけど、Progate以降何をしたらいいかわからない。
・コードレビューをして正しいHTMLとCSSを教えてほしい
フリーランスを目指す方には、初めての10万の案件を獲得できるレベルまで、
未経験の方には、実務に沿ったweb制作のノウハウをお伝えしています。
独学で始めた方は実務を理解していない場合がほとんどで、
転職できない&稼げない方は、これに当てはまります。
実務を理解していない学習は時間の無駄です。本当にもったい無いと感じています。
私はWebデザイナーでもあり、エンジニアでもあります。
フリーランスとして稼ぎたい方や、未経験からweb制作会社に転職したい方にぴったりです。
未経験からでも自分で仕事がこなせるまでWebデザイナー/エンジニアとしてトレーニングします。
契約前に、一度メッセージでご連絡をいただけると助かります 🙇
あなたの不安や課題に思っていることをビデオチャット or 音声でヒアリングさせてください。
そのほうが具体的なアドバイスができるからです。
こんな方のお役に立てます。
✅ Progate終わったけど、どうしたらいいかわからない
✅ 副業で稼ぎたい
✅ ポートフォリオに実績がない
✅ これからポートフォリオを作る方
✅ フリーランスになったけど技術的に不安な方
✅ htmlとcssを勉強中の方
✅ プログラミングの学校に行こうか悩んでいる方
✅ すでに勤めているが、先輩担当者が不在
✅ Web制作会社に転職したい方
✅ 面接に書類選考で落ちる方
✅ 未経験からデザイン も コーディングもできるようになりたい方
あなたに合わせたロードマップを一緒に考え戦略を立てます。
多くの方が、どこから学習を初めて良いかわからない状態です。
それぞれの目線に合わせて学習方法を考え、ロードマップを作成します。
レベルに合わせたデザインデータ（.xd）をもとにコーディング
👉実際の案件の進め方と同じ流れを経験できます。
👉ポートフォリオとして実績に使用できます。
👉網羅的にHTMLとCSSを学習できる内容になっており、オリジナルWordpressテーマ作成を目指します。
ハンバーガーメニュー、スクロールアクションを含むサイトの制作
👉jQueryを用いて動きのあるサイトを作成できるようになります。
Wordpressの制作
👉ご自身でオリジナルテーマを作っていただきます。
目標が転職の場合、人事経験がある採用目線から履歴書・職務経歴書の添削もします。
最後に：僕も未経験で他業種からWebデザイナーになりました。
僕はもともとプロフィールにありますように、建築家具を施行する会社に務めておりました。
全く他業種であることがおわかりいただけると思います。
どうしてもクリエイティブなWebデザイナーになりたくて転職を覚悟するのですが、未経験から本当に何から始めていいのかわかりませんでした。
僕は職業訓練校で最初の一歩を踏み出しましたが、会社に就職しても技術的に全く歯が立たず、毎日朝の３時くらいまで検索しながらコーディングをする日々が続きました。
皆さんにには僕の様に苦労することなく、スムーズに転職活動を成功させて頂いきたい、または基礎的な知識を身につけて自走できるまでになっていただきたいと思います。
未経験からWebデザインアワードの審査員になった私が、知っていることをやる気がある方にだけお伝えします。
プロフィール
ポートフォリオサイト：https://hiraomakoto.jp
株式会社ARUTEGA代表。
建築家具の監督から、職業訓練校を経てWebデザイナーに転身しWebデザイナー８年目。
2017年からCSS Design Awardの審査員を務めさせていただいています。
Web系の転職は5回。デザイン・コーディング・アートディレクション・テクニカルディレクションが主な領域です。
Webデザインをしながらもフロントエンド開発を兼任。
Webに関するブログも執筆中：https://arutega.jp
経営企画や採用人事も兼任しました。
-----------------------------------------
【マークアップ】HTML・CSS・SCSS・PHP・Jquery
【Webデザイン】Sketch・XD・Illustrator
【開発環境】Gulp・Sorcetree・Bitbucket・Brackets・Atom
経歴・実績
投稿
プラン
下記のいずれか一つをお選びいただき、ビデオチャットでヒアリングします。
・フリーランス悩み相談
・初心者の独学勉強方法を指南
・あなたにあったキャリアや業界の提案
・その他web制作に関する悩み相談
大体の目安は1hくらいで、聞かれた質問には全てお答えします。
すでに学習を終えて、実際に案件を受けるにあたって不安な方をサポートします。
・すでに案件を進めているが、正しいフローがわからない
・業界での慣習がわからない
・見積もりが打倒かわからない
・転職の相談
などなど、テキストでの質問にお答えし、案件獲得までのサポートを行います。
がっちりトレーニングとは違い、技術的な指導やコードレビューは行いません。
すでに案件を獲得している方の相談役として質問にお答えします
本格的にWebクリエイターとして就職・またはフリーランスとして独り立ちできるまでトレーニングします。
マンツーマンでの学習としており、質問は無制限です。
とにかくWebの初級者を脱却するために制作での実務レベルのフィードバックを行います。
独学で始めた方は実務を理解していない場合がほとんどで、
転職できない&稼げない方は、これに当てはまります。
実務を理解していない学習は時間の無駄です。本当にもったい無いと感じています。
模擬実務経験を体験していただき、個人の飲み込みの早さにもよりますが、3ヶ月以内にLPのコーディングを習得します。
また、採用担当の経験からの転職活動のアドバイスや職務経歴書の添削・正しいエントリー方法もレクチャーいたします。
■コニュニケーションツールはChatworkを使用します。
また、学習の進捗状況をみて、ビデオチャットの画面共有機能を使ったレッスンをしています。
■レベルに合った課題をお渡ししており、
そのまま受講いただいた方の実績としてポートフォリオでご利用いただいてます。
・実務に沿った制作と納品方法のレクチャー
・HTML/CSS/Wordpressなどのコーディングチェックとコーディングレビュー
・ポートフォリオサイト制作の手助け
・Webデザインの添削とフィードバック
・職務経歴書や履歴書の添削
・受かりやすい面接方法の指導
・独学の勉強方法を指南
・あなたにあったキャリアや業界の提案
・実務に沿ったワークフローの習得
・Sourcetree,Bitbucketを使ったバージョン管理
・HTML構造とSEOを意識したマークアップ
・Googleリッチスニペットによる構造化データマークアップ
・CSS / SCSS の適切な書き方と変数の使用方法
・開発環境の整理
・PC/SPのレスポンシブ対応の仕方
・Javascript(Jquery)プラグインを利用
・WordPressの仕組み
・WordPressのインストール方法
・WordPressでの開発手法
・ビデオチャットで面接の練習(月１回)
・自主制作用の課題
・そのほか自分が知ってること全部
学習の一例
👉マークアップの場合
1、適切なHTMLタグを使用してマークアップする
2、positonやflexなどレイアウトに関するcssを理解する
3、cssを使いデザインを再現し、更新・運用に耐えれるコツを知る
4、レスポンシブ独特のcssを使ってみる
5、jqueryを使ってみる
6、SCSSを導入する
7、CSS設計を意識した汎用的なファイル管理方法や、class名のつけ方を知る
8、汎用的なアニメーションを実装する
9、HTMLを動的なPHPにコンポーネント化する
10、WordPressを実装する
11、バージョン管理やファイル管理を導入
12、その他データ受け渡し方法
番外、ポートフォリオ・職務経歴書・営業方法の添削
👉デザインの場合
・デザインの見方 / 情報の集めかた
・情報設計の考えかた
・デザインの添削
などなど実務や目標に合わせて。
■前提
・目標（期間・ゴール）設定はご自身でできること
・ご自身で手を動かしていける方であること
・私がコードを代わりに書いたり、進捗管理をすることはありません
【お断り】
・1から10まで教えて頂きたい方
・学んでいく意思がない方
内容は個人利用と同じとなりますが、社内で求められるスキルを中心に伸ばすことを前提にしたオプショナルのプランになります。
御社の環境に合わせたバックアップが可能です。
・新人教育をしたいけど人手が足りない
・実際の案件の添削やサポートしてほしい
・御社のChatworkにメンバーとして入ってほしい
このようなご希望に対応しています。
レビュー 4.8
3/30 12:17:27
現場で実際に活躍されている方にコードレビューをお願いしたいと考えこの度契約させていただきました。
素人のコードに対しても、非常に丁寧にかつ迅速にフィードバックいただきました。
また、正解のないような内容でも、
自身の経験上でのお話を交え回答いただけ非常に勉強になりました。
3/21 00:20:43
ありがとうございました
3/16 11:41:53
「ProgateやUdemyで学んでみたもののこの先どうしていいか分からない」
という典型的な初心者ですが1時間のキャリアカウンセリングを受けました。
＊以下感想＊
今の自分の現状を踏まえて、適切にアドバイスをしてくれます。
将来こういうキャリアを描いている！という具体的なものがなく、なんとなく勉強している私には
ハッとさせられる部分が多くとても有意義な時間になりました。
キャリアが全て見通せた訳ではないですが今自分が何をやるべきか、短期的な目標が明確になりモチベーションが上がりました。
お人柄もマイルドで親身になって話してくださるので
独学で行き詰まった方は自分を見つめ直す機会としてお話ししてみるのも良いかもしれません。
後、他の方も書かれてますがメッセージなどのレスポンスがめちゃくちゃ早くて助かりました！
レスポンスが早いだけで安心感が違います(^O^)
3/02 12:57:52
今どき、大概のことはググれば実装できますが、「こういう書き方はあんましない」とか、業界のトンマナや温度感など、ネットで得られないリアルなアドバイスが、私には大変貴重でした。
私は独学が得意な方だと思っていますが、一人で頑張るより、「こういう方向に頑張るといい」とアドバイスをいただけたのも大きかったです。
独学が得意な人で、実務力を付けたい人にはオススメです。
自分で計画を立てられて、モチベーションも保てる方向けかと思います。
3/01 22:24:48
レビュー書くの遅くなりました！すみません。
平尾さんには、２ヵ月間お世話になりました。
レスポンスが大変早く、また、レビューの内容が大変丁寧で、非常にわかりやすかったです。
超初心者の私に対して、すごく親切に指導してくださりました。
平尾さんのおかげで、理解が深まったのは間違いありません。
本職が落ち着いたら、またがっつり勉強したいので、その際はよろしくお願いいたします。
本当にありがとうございました。
2/19 12:52:11
短時間でしたが、相談に親身になってくださいました。
いいメンターさんです。
またお願いします。
2/07 20:31:56
一ヶ月ありがとうございました。
私の場合、就職に焦点を絞っていたので、就職活動に必要な書類作成、面接対策面での利用が主でした。
特に面接練習は、事前に１時間以上の時間を割いて頂ける身を伝えられ驚きました。
正直やる前は緊張でビビってましたが、
和らげる雰囲気作りをしつつ取り組んでもらえたので、非常に有意義でした。
結果的に、一ヶ月前より確実に前に進めた状態にまで持って行けたのは間違いないです。
1/22 20:59:18
1ヶ月間お世話になりました。
非常に有意義なメンタリングをしていただいたと感じております。
独学でやっていたら細かいエラー等でつまづいて絶対に挫折していたと思います。
どんな質問にも丁寧に返信していただけます。
1/21 22:55:03
丁寧なコードレビューをして頂けます！
HTML, CSSを少し独学しただけでわかった気になっていたことに気づけました(ちょうどいい課題をくださいます)…ありがとうございます！
都合により一旦解約した後、再契約させていただく予定です。また宜しくお願いいたします。
1/17 19:22:19
わりと、めちゃくちゃなコードを書いてましたが、丁寧にコードレビューをしてくださいました。また、キャリアについても相談に乗ってもらいました。
そして、一番ありがたかったのは、お仕事で忙しそうな中、レスポンスがめちゃくちゃ早かったです。早い時だと２０分くらいでした。
個人的な理由で一度解約してしまいますが、機会があればまた是非もう一度お願いしたいと思います。