#PHP #HTML #WordPress #JavaScript #未経験
【未経験者OK】マークアップエンジニア/webデザイナーの学習をがっちりサポート！ホームページ制作を相談に乗りながらマンツーマンでトレーニングします。
できること
Webデザインとエンジニアリングの独学をサポート。未経験からでも制作会社でも通じるスキルにレベルアップできます。
webアプリを作るにも、webサイトを作るにも、入り口は同じ。
まずは正しHTMLとCSSを書くことが重要です。
170人を教えた私の知識を皆さんにシェアします。
・未経験からでも転職をサポートし、ポートフォリオ制作やWordpress制作をトレーニングします。
・採用される職務経歴書の書き方・ポーフォリオ制作の実績多数あります。聞いてください。
・副業稼げるようになりたい。
・独学でwebサイト制作を始めたけど、Progate以降何をしたらいいかわからない。
・コードレビューをして正しいHTMLとCSSを教えてほしい
そのような方に実践的なスキルを身につけていただきます。
フリーランスを目指す方には、初めての案件を獲得できるレベルまで、
また、未経験の方には、実務に沿ったweb制作のノウハウをお伝えしています。
独学で始めた方は実務を理解していない場合がほとんどで、
転職できない&稼げない方は、技術的な知識以外のこともお伝えしています。
実務を理解していない学習は時間の無駄です。本当にもったい無いと感じています。
私はWebデザイナーでもあり、エンジニアでもあります。
フリーランスとして稼ぎたい方や、未経験からweb制作会社に転職したい方にぴったりです。
未経験からでも自分で仕事がこなせるまでWebデザイナー/エンジニアとしてトレーニングします。
契約前に、一度メッセージでご連絡をいただけると助かります 🙇
あなたの不安や課題に思っていることをビデオチャット or 音声でヒアリングさせてください。
そのほうが具体的なアドバイスができるからです。
こんな方のお役に立てます。
✅ Progate終わったけど、どうしたらいいかわからない
✅ 副業で稼ぎたい
✅ ポートフォリオに実績がない
✅ これからポートフォリオを作る方
✅ フリーランスになったけど技術的に不安な方
✅ htmlとcssを勉強中の方
✅ プログラミングの学校に行こうか悩んでいる方
✅ すでに勤めているが、先輩担当者が不在
✅ Web制作会社に転職したい方
✅ 面接に書類選考で落ちる方
✅ 未経験からデザイン も コーディングもできるようになりたい方
あなたに合わせたロードマップを一緒に考え戦略を立てます。
多くの方が、どこから学習を初めて良いかわからない状態です。
それぞれの目線に合わせて学習方法を考え、ロードマップを作成します。
レベルに合わせたデザインデータ（.xd）をもとにコーディング
👉実際の案件の進め方と同じ流れを経験できます。
👉ポートフォリオとして実績に使用できます。
👉網羅的にHTMLとCSSを学習できる内容になっており、オリジナルWordpressテーマ作成を目指します。
ハンバーガーメニュー、スクロールアクションを含むサイトの制作
👉jQueryを用いて動きのあるサイトを作成できるようになります。
Wordpressの制作
👉ご自身でオリジナルテーマを作っていただきます。
目標が転職の場合、人事経験がある採用目線から履歴書・職務経歴書の添削もします。
最後に：僕も未経験で他業種からWebデザイナーになりました。
僕はもともとプロフィールにありますように、建築家具を施行する会社に務めておりました。
全く他業種であることがおわかりいただけると思います。
どうしてもクリエイティブなWebデザイナーになりたくて転職を覚悟するのですが、未経験から本当に何から始めていいのかわかりませんでした。
僕は職業訓練校で最初の一歩を踏み出しましたが、会社に就職しても技術的に全く歯が立たず、毎日朝の３時くらいまで検索しながらコーディングをする日々が続きました。
皆さんにには僕の様に苦労することなく、スムーズに転職活動を成功させて頂いきたい、または基礎的な知識を身につけて自走できるまでになっていただきたいと思います。
未経験からWebデザインアワードの審査員になった私が、知っていることをやる気がある方にだけお伝えします。
プロフィール
ポートフォリオサイト：https://hiraomakoto.jp
webデザイナー/フロントエンド８年目。株式会社ARUTEGA代表をしています。
現在も現役でデザインとフロントエンドの両方をしています。
また、2017年からCSS Design Awardの審査員を務めさせていただいています。
web制作初心者へ向けた技術&デザインに関するブログを2016年から執筆中
https://arutega.jp
web系の転職は5回。デザイン・コーディング・アートディレクション・テクニカルディレクションが主な領域です。
webデザインをしながらもフロントエンド開発を兼任。
採用を担当していたこともあり、転職へのアドバイスと職務経歴書のチェックは大変ご好評いただいています。。
-----------------------------------------
【マークアップ】HTML・CSS・SCSS・PHP・jQuery
【Webデザイン】Sketch・XD・Figma・Illustrator
【開発環境】Gulp・Sourcetree・Bitbucket・Brackets・Atom・VScode
経歴・実績
投稿
プラン
下記のいずれか一つをお選びいただき、ビデオチャットでヒアリングします。
・フリーランス悩み相談
・初心者の独学勉強方法を指南
・あなたにあったキャリアや業界の提案
・その他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にメンバーとして入ってほしい
このようなご希望に対応しています。
レビュー（47） 4.7
5/22 15:21:52
聞きたかったこと全てに答えていただきました。
的確なアドバイスをいただき感謝です。
5/17 12:10:12
レビューが遅くなってしまいましたが、2月から4月間、みっちりご指導いただきました。
主に、
・セマンティックなコーティング
・リキッドレイアウト
・Sassの使い方
・実践的なWordPressサイトの構築
・納品時に留意すべきこと
等を教わりました。
・知識の豊富さ
・レスポンスの速さ
・指導の丁寧さ
・現場ならではの知識
などなど、とても素敵なメンター様でした。
また何かの機会があれば、ぜひご教示いただきたいと思っております。
5/02 13:43:26
自分のコーディングが、正しいのか分からない状態だったのでメンターをお願いしました。
間違って覚えている所や、知らない事も多くとても勉強になり良かったです。
ありがとうございました。
4/26 12:23:32
コードを書くうえで、長期的な運用、修正なども考慮してメンテナンスしやすい設計をする重要性を知りました。こちらの疑問にも1日以内(数時間以内がほとんど)に返信をくださります。
自ら学びつつ、レビューを通じて自分にない観点を補完することで、さらに成長速度を高めたい方にとてもおすすめだと思います。ありがとうございました。
4/18 00:19:46
分からない点がある際に何度も質問させていただきました。
的確なアドバイスでしたので、非常に勉強になりました。
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
レビュー書くの遅くなりました！すみません。
平尾さんには、２ヵ月間お世話になりました。
レスポンスが大変早く、また、レビューの内容が大変丁寧で、非常にわかりやすかったです。
超初心者の私に対して、すごく親切に指導してくださりました。
平尾さんのおかげで、理解が深まったのは間違いありません。
本職が落ち着いたら、またがっつり勉強したいので、その際はよろしくお願いいたします。
本当にありがとうございました。