埋め込み
その他
HTML WordPress JavaScript webデザイン CSS
【未経験者OK】マークアップエンジニア/webデザイナーの学習をがっちりサポート！ホームページ制作を相談に乗りながらマンツーマンでトレーニングします。
できること
Webデザインとエンジニアリングの独学をサポート。未経験からでも制作会社でも通じるスキルにレベルアップできます。
webアプリを作るにも、webサイトを作るにも、入り口は同じ。
まずは正しHTMLとCSSを書くことが重要です。
私のポートフォリオはこちら
https://hiraomakoto.jp/
初学者へ向けた発信もしています
https://arutega.jp/
Udemyも出してます。
https://www.udemy.com/course/arutega-web-direction
実務に沿った実践演習により実務のような経験ができます。
✅未経験からでも転職をサポートし、ポートフォリオ制作や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代表をしています。
現在も現役でwebデザインとフロントエンドの両方をしています。
フィリピンで開発・ブリッジエンジニアから事業会社を経て独立。
また、2017年からCSS Design Awardの審査員を務めさせていただいています。
web制作初心者へ向けた技術&デザインに関するブログを2016年から執筆中
https://arutega.jp
YouTubeにて初学者への発信も積極的にしています。
NOT4H
https://www.youtube.com/channel/UCHNODCm8BQWS0qusK0BTlKA
web系の転職は5回。デザイン・コーディング・アートディレクション・テクニカルディレクションが主な領域です。
webデザインをしながらもフロントエンド開発を兼任。
初学者だけではなく、現役のフリーランサーも豊富にメンタリング経験があります。
採用を担当していたこともあり、転職へのアドバイスと職務経歴書のチェックは大変ご好評いただいています。。
-----------------------------------------
【マークアップ】HTML・CSS・SCSS・PHP・jQuery
【Webデザイン】Sketch・XD・Figma・Illustrator
【開発環境】Gulp・Sourcetree・Bitbucket・Brackets・Atom・VScode
経歴・実績
投稿
プラン
お申し込みする前にまずはご連絡ください。
がっつりトレーニングプランにお申し込み頂く場合には、初回のみこちら必須となります。
ビデオチャット or 音声ヒアリングにて現在の状況などヒアリングさせて頂きます。
・学習方針とがっつりトレーニングに対する説明
・メンティのレベル感の確認
・今後のロードマップの明確化
主にがっつりトレーニングの説明と、現状の課題の洗い出しです。
相違がないかを確認してからがっつりトレーニングに進みます。
下記のいずれか一つをお選びいただき、ビデオチャットでヒアリングします。
・フリーランス悩み相談
・初心者の独学勉強方法を指南
・あなたにあったキャリアや業界の提案
・その他web制作に関する悩み相談
大体の目安は1hくらいで、聞かれた質問には全てお答えします。
すでに学習を終えて、実際に案件を受けるにあたって不安な方をサポートします。
・すでに案件を進めているが、正しいフローがわからない
・業界での慣習がわからない
・見積もりが打倒かわからない
・転職の相談
などなど、テキストでの質問にお答えし、案件獲得までのサポートを行います。
がっちりトレーニングとは違い、技術的な指導やコードレビューは行いません。
すでに案件を獲得している方の相談役として質問にお答えします
本格的に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まで教えてもらいたい方
・学んでいく意思がない方
【2週1回1時間ペアプログラミング＆メンタリング】
フィードバックを多く、2ヶ月で実務レベルを目指します。
ダラダラ学習するのではなく、プロの力を借りて実務レベルに最短で到達するためのプランです。
※ 知ってることを全部教える代わりに、私も人を選びます。
※ スクールとメンターを迷ってる人が考える次元ではありません。
※ 覚悟してください
レビュー 4.7
お願いした当初は、divの使い方もままならない、Illustrator、XDなどアドビ製品も使ったことがほぼない超未経験でした。
9ヶ月お世話になり、WEB制作にあたっての一連の流れから、サーバーをアップし、SEOの対策をするまで、フォロー・サポートしていただき、
今ではその全てを(ブラッシュアップは必要ですが)、自分で完結出来るところまでになりました。
お陰様で、最終的には、実案件にも携わることが出来、それも踏まえての内容の質を重視したポートフォリオを作っての転職活動で、
転職活動を始めてから二週間後、WEB制作やメディアを軸とした企画制作会社に内定を頂くことが出来ました。
ディレクション業務もやりたいと思っていたところ、ありがたいことに徐々に携わることが出来る予定です。
ほかにも、WEB制作会社や、インハウスデザイナーの求人でも、内定を頂けました。
【良かった点】
・レスが早い。
・自分で調べられるようになる力、間違っちゃいけないこと、関わる人を考慮した、実践に紐づく力を育てていただけた。
・意図的に全てを最初から教えません←長期的に考えたときにめちゃくちゃ大事でした！！！！
・正しいマークアップ、トレンド含め、実務で通用するコードの書き方が分かる。
・とてもお優しい。
・でもハッキリ現実も教えてくださる。
【私の反省点】
悪かった点が特にないので、私の反省点を…
チャットでのやり取りだったのですが、私たちメンティーは、どこでも何でもそうだと思いますが、
先人に教えを乞う際、
質問を絞って分かりやすくする義務があると思います…(私はできてなかったけど)
・何をしたいのか、
・何がエラーになってるのか(ここで自分で調べ尽くす)
・試したことは何か
メンターだからと、何でも答えてくれると思わず、向こうも人間で時間も限られていますので
もっと分かりやすいコミュニケーションを取るべきだったなと…
スクールやオンラインでの授業も、検討しましたが、結果、自分がカッコイイなと思える作品を手がけている平尾さんにメンターをして頂き、自分が知りたいことを、自分が学びたい方から教えて頂けたけ、非常に有意義な9ヶ月でした。
金額以上のものを得られたと思います。
ありがとうございました。
キャリアカウンセリングで自分が適している働き方や、今後の方向性などについて相談させていただきました。
考えがまとまらないような状態でのカウンセリングでしたが、的確にアドバイスをいただき、
自分がこれからどうして行けばいいのか道筋が少しハッキリしてきました。
とても有意義な時間で、カウンセリングを受けて本当に良かったです。
また時期が来たらメンターをお願いしたいと思います。
今回キャリア形成について単発で相談をさせていただきました。
経営者の視点として、長期的なビジョンを考えて親身にアドバイスをしていただきました。
同じような悩みを持っていて、現役の人に相談したいと悩んでいる友人がいたら真っ先に紹介させていただくと思います。
本当にありがとうございました。
自己解決力を伸ばしてもらいながら、アドバイスと添削をして頂きました。
おかげさまで無事転職に成功しました。
本当にありがとうございました！！
4ヶ月間お世話になりました。
基本的にはデザインカンプをもらってそれをコーディングするというシンプルな内容でしたが、しっかりと間違っているとこや、実務を想定してこうした方がいいなど実践的な的な指摘をいただけました。さらに今後のことを考えて勉強しといた方がいいことなども指摘してくださり、今後仕事をしていく上で本当にためになりました。実際に自分も前に比べて格段にコードの書き方など力がつきました。
自分からしっかり考え勉強をできる方ならとてもためになるメンターさんです。
30分単発で相談させていただきました。
通常の時間から伸びてしまったのにも関わらず、web制作、副業、フリーランスに関しての質問に対して的確な回答をしていただき本当にありがとうございます。
引き続きよろしくお願いします。
予算的に10ヶ月という期間を設けてprogateを終えてから
全くの未経験から
教わりました。
まず、良かった点
1.現役の人の意見、指摘が直でもらえること
2.正しいマークアップを常に意識させてもらえる
3.ヒントをピンポイントで教えてくれる
4.駄目なことは、きつい言葉で教えてくれて
メリハリがあること。
5.独学では絶対に分からないことが分かったこと。
6.レスが早い(遅くても2日後、大体その日には連絡が返ってきます。朝、昼に送ると夕方には帰ってくるイメージです。)
悪かった点
1.誤字脱字が少し目立ってたかなと思います。
悪かった点に関しては全く問題はありませんが、
気になる人は気になるかなレベルで
悪いところはありません！
上記の点を踏まえても
良い点ばかり。
僕が学習をしてこれから平尾さんに学びたい。と思っている人にこうしたらいいなという点は、
☑️WEB用語を良く使うので検索して理解する
☑️分からないところは、スクリーンショット、ソースを送り、自分の言葉にすること
☑️少しでもいいので手を動かして指摘をもらうこと。
☑️技術も大事だがこれからの為になることも
聞いておこう。(考え方等)
僕はwordpressの実装までしましたが
少しずつやっていれば絶対に出来るようになります。
ですがここで聞く、学ぶことは【考え方、人への配慮の仕方】だと思いました。
腕が上がれば
また次のステップへ上がるために
色々と教わりに来たいです！
約1年3ヶ月お世話になりました。
完全未経験でPCの知識もほとんど無い状態でしたが、Webサイト、印刷物の制作のお仕事を依頼して頂けるまで成長できました。
分からないことは、理解出来るまで丁寧に対応してくださいました。
またお願いしたいと思える方です。
ありがとうございました！
疑問点や相談などに対し親切に対応していただきました。
また返信も早かったためすぐに解決することができました。
今回、自己都合のため解約させていただきましたが初学者の方にも中級者の方にもおすすめのメンターさんです！
ありがとうございました。
未経験の僕に対して長期間にわたって非常に丁寧に一から教えてくださり、職務経歴書や面接の対策などにも取り組んでくださいました。
非常に分かりやすいご指導です！
こちらの都合で解約させていただき申し訳ありませんが、本当に学習の励みになりました、誠にありがとうございました。