埋め込み
その他
#PHP #HTML #WordPress #JavaScript #未経験
【未経験者OK】マークアップエンジニア/webデザイナーの学習をがっちりサポート！ホームページ制作を相談に乗りながらマンツーマンでトレーニングします。
できること
Webデザインとエンジニアリングの独学をサポート。未経験からでも制作会社でも通じるスキルにレベルアップできます。
webアプリを作るにも、webサイトを作るにも、入り口は同じ。
まずは正しHTMLとCSSを書くことが重要です。
私のポートフォリオはこちら
https://hiraomakoto.jp/
初学者へ向けた発信もしています
https://arutega.jp/
実務に沿った実践演習により実務のような経験ができます。
✅未経験からでも転職をサポートし、ポートフォリオ制作や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
経歴・実績
投稿
プラン
お申し込みする前にまずはご連絡ください。
がっつりトレーニングプランにお申し込み頂く場合には、初回のみこちら必須となります。
ビデオチャット or 音声ヒアリングにて現在の状況などヒアリングさせて頂きます。
・学習方針とがっつりトレーニングに対する説明
・メンティのレベル感の確認
・今後のロードマップの明確化
主にがっつりトレーニングの説明と、現状の課題の洗い出しです。
相違がないかを確認してからがっつりトレーニングに進みます。
下記のいずれか一つをお選びいただき、ビデオチャットでヒアリングします。
・フリーランス悩み相談
・初心者の独学勉強方法を指南
・あなたにあったキャリアや業界の提案
・その他web制作に関する悩み相談
大体の目安は1hくらいで、聞かれた質問には全てお答えします。
他のプランとは違い、4ヶ月を目標にして転職を目指すプランです。
毎月のお支払いではなく、一度のお支払いで4ヶ月間の転職までをサポートします。
本気で成長したい方に限るプランです。私も人を選びます。
なので、ヒアリングは必須とさせていただき、1名のみお受けします。
内容はがっちりトレーニングプランと同様で、マークアップを中心に転職に必要なスキルや知識をお伝えします。
マークアップ未経験の方、Wpordpress開発、面接のためポートフォリオ制作をしている方におすすめのプランです。
ビデオチャットでのメンタリングも好きなタイミングでできます。
・HTML/CSS/jQueryでのレスポンシブなコーディング
・SCSSでコーディング
・ポートフォリオサイト作成
・職務経歴書の添削と業界の知恵
・面接の練習
質問対応、調査、コメント、コードレビューなどなど様々なサポートを行います。
必ず事前ヒアリングにお申込みください。
このような方はお控えください。
・スクールと迷われている方
・成果をあげるマインドがない方
いずれもお断りしております。
すでに学習を終えて、実際に案件を受けるにあたって不安な方をサポートします。
・すでに案件を進めているが、正しいフローがわからない
・業界での慣習がわからない
・見積もりが打倒かわからない
・転職の相談
などなど、テキストでの質問にお答えし、案件獲得までのサポートを行います。
がっちりトレーニングとは違い、技術的な指導やコードレビューは行いません。
すでに案件を獲得している方の相談役として質問にお答えします
本格的にWebクリエイターとして就職・またはフリーランスとして独り立ちできるまでトレーニングします。
デザイナーがつくったデザインデータを課題に使いコーディングしていただきます。
マンツーマンでの学習としており、質問は無制限です。
とにかくWebの初級者を脱却してマスターレベルまで実務レベルのフィードバックを行います。
実際に転職＆フリーランスを実現した方のほとんどは、こちらのプランで学習されています。
模擬実務経験を体験していただき、個人の飲み込みの早さにもよりますが、3ヶ月以内にLPのコーディングを習得します。
また、採用担当の経験からの転職活動のアドバイスや職務経歴書の添削・正しいエントリー方法もレクチャーいたします。
もちろん副業に関するアドバイスもさせてもらっています。
コニュニケーションツールはChatworkを使用します。
また、学習の進捗状況をみて、ビデオチャットの画面共有機能を使ったレッスンをしています。
レベルに合った、プロが作ったデザインデータを課題としてお渡ししており、そのまま受講いただいた方の実績としてポートフォリオでご利用いただいてます。
✅ 実務に沿った制作と納品方法のレクチャー
✅ HTML/CSS/Wordpressなどのコーディングチェックとコーディングレビュー
✅ ポートフォリオサイト制作の手助け
✅ Webデザインの添削とフィードバック
✅ 職務経歴書や履歴書の添削
✅ 間違ってる面接方法の指摘
✅ 独学の勉強方法を指南
✅ あなたにあったキャリアや業界の提案
✅ Sourcetree,Bitbucketを使ったバージョン管理
✅ HTML構造とSEOを意識したマークアップ
✅ Googleリッチスニペットによる構造化データマークアップ
✅ CSS / SCSS の適切な書き方と変数の使用方法
✅ PC/SPのレスポンシブ対応の仕方
✅ Javascript(Jquery)プラグインを利用
✅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まで教えてもらいたい方
・学んでいく意思がない方
レビュー（58） 4.7
9/23 15:56:47
今回はキャリア相談でお願いしました。
とても親身になって相談にのっていただけたように感じました。
誠実で信頼できる方だと思います。
9/07 23:15:40
web制作会社への転職を目指し、Webエンジニア / デザイナーがっちりトレーニングプランをお願いしました。
今までの経験職種がトラックドライバーのみ、年齢が33歳、パソコンをほとんど触ったことがないという状態で
今年の1月からスタートし、9月に無事web制作会社に正社員として採用を頂くこと出来ました。
8月から転職活動を開始し、転職エージェントに複数社申し込んだのですが
コロナの影響で未経験者に紹介出来る求人が無いということですべて断られてしまいました。
自力で転職サイトを利用して応募することとなり、その際に平尾さんと制作したポートフォリオのリンクと
添削していただいた職務経歴書の内容を添付したところ
経験者のみの求人を含む１２社中、４社書類選考通過となり面接に進むことが出来ました！
実際に面接の中で言われたことは、、、
・コードが綺麗にまとまっている。
・class名の付け方がいまどき。
・制作物のレイアウトが新しく、最新の技術で作られている。
・職業訓練校、スクールの卒業生が面接に来るが、比較して成長スピードが早い。
複数社でポートフォリオの内容を高く評価していただき、苦戦すると覚悟していた転職活動も一ヶ月で採用を頂くことが出来ました。
仕事でスクールにも通えない、独学での勉強の進め方がわからない状態からここまでサポートしていただき心より感謝しております。
平尾さんにメンターをお願いしていなかったら転職を決めることが出来ませんでした。本当にありがとうございました。
8/27 09:07:48
コードレビューが的確でとても助かりました。
初学者に寄り添ったアドバイスをいただけるのでとても助かります。
またつまずいた時に頼りにしたいと思えるメンターさんです。
8/26 16:21:49
本気で短期間でスキルを身につけたい方に強くオススメします！
実際の現場で必要となるスキル、知識が身に付く、迅速で的確な対応をしていただけることはもちろん、私がすごく良かった！と思った点を羅列させていただきます。
■的確な「ヒント」を与えてくれるから、自分の力にできる
平尾さんのプランのご説明に書いてある通り、一から十まで答えを教えたり、コーディングを代わりにしていただいたり、ということはありません。逆にこういうのを取り入れると良いかも、というヒントをたくさんくださるので、それを自分で調べてやってみて、失敗して、できるようになって、また次の壁にぶつかってヒントをもらって…というのを繰り返していくので、着実にスキルが身についていくことが自分でも実感できました。
実際の現場でも、一から十まで何もかも教えてくれる、ということはきっとほとんどないと思います。だからこそ自分で考えて、調べて、動く、という過程を繰り返していけるのは自分の力になると思いました。
■デザインへの愛がすごい！
送ってくださる課題や、フィードバックの内容、ご相談したことへのご回答など、様々な場面からデザイン愛が伝わってきました。デザイナーとして刺激を受けることはもちろん、コードをデザインしていくことの大切さを学べました。
■なんでも相談しやすい
課題へのフィードバック•アドバイスははっきりと伝えてくださりながら、褒めるところはしっかりと褒めてくださるので、モチベーションにもなりました。また、課題以外にも業界のことや現場での進め方など、広く質問させていただきましたが、全て丁寧にお答えいただき、仕事上、ウェブに関してはほぼ自分一人で全てしなければいけない環境ですが、不安が解消されました。
メンターをお願いした当初はHTMLとCSSの基本がわかる程度でしたが、今は100ページ単位の自社ウェブサイト（Wordpress）を完全リニューアル、管理ができるようになりました。
本当にありがとうございました。また卒業生プランでお世話になります。よろしくお願い致します。
8/16 10:02:43
参考になるURLを送ってくるだけでした。
お金がもったいなかったです。
7/26 23:52:39
長い間ありがとうございました。
出来の悪い私にも優しく教えていたき本当に感謝しております。
7/05 20:24:35
約10か月間お世話になりました。
いつも迅速かつ的確にアドバイスをいただき、大変お薦めのメンターさんです。
■メンター依頼前の私
・プロゲートでコーディングを少し理解できる程度。レイアウトが崩れるなど、まだ自分ではサイトを作れない。
↓
■現在
・デザインからコーディングまで、一人でサイト作成ができる。
・Sassを使った効率的なコーディングを行う
・htmlタグの意味を理解したうえで、適切なタグを利用してコーディングを行う
・java scriptやjqueryを使った、動きのあるデザインをサイトに取り入れられる。
★おすすめポイント
1.迅速な対応（基本的に質問には10分～1日以内、コードレビューやデザインレビューは2日以内）
2.デザインからコーディングまで幅広い対応範囲をカバーしてくれます！
私は以下のことをお願いしました。
バナーデザイン、サイトデザインのフィードバック
サイトのコードレビュー（html,css,sass,php,jsなど）
ペルソナの設計、進路相談など。
3.成長に導いてくれるアドバイス方法
・いい点をほめてくれるのでやる気が継続します！
・アドバイス方法は、最初からコードを教えてくれるなど一から十まで教えてくれるのではなく、わからないポイントを解決するための記事やヒントをくださいます。
それを見て自分で解決するため、分からないことを調べて解決する！という、働くうえで欠かせない習慣が身に付きます。それでもわからないときは、わかるまでアドバイスくれるので安心です。
・一歩成長するためのポイントを教えてくれます。
例）
cssでコーディングができるようになった→sassでのコーディングをしてみよう！
静的ページのコーディングができるようになった→パララックスやアニメーションなど動的要素を入れてみよう！など。
私のような初心者の人、自分でやるのとは比べ物にならないスピードで
成長できると思います。ぜひ、活用してみてください。
6/18 10:25:29
一時間単発で相談しました。
的確にアドバイスを頂きました。人間的にも尊敬できる素晴らしいメンターさんです。
また相談したいと思います。
猪木
6/18 10:04:13
いつも親身になって回答してくれます！
きっと、同じ道を辿ってきた人で、困ったことを聞いたときに、リアルな経験も踏まえて意見してくれます。
5/29 21:51:39
大変お世話になりました。
LPを主に課題をいただき、作り上げていく中で、質問したりフィードバックをいただいて、独学でやるより格段にスピードアップし、学んでいく事が出来ました。
予定ではwordpressまで学んで卒業する予定でしたが、転職の時期も重なり途中からは職務経歴書の添削や相談にものっていただき無事転職も成功することが出来ました。
レスポンスも早く、とても満足しております。
ありがとうございました！！！