ManaのWebクリエイターカフェ

＜かけだしちゃんポートフォリオサイト＞ https://kakedashi-chan.com ＜トークテーマ＞ ・ポートフォリオサイトのこだわりポイント ・自作イラストとあひるちゃん ・自分で楽しめるポイント ・制作で大変だったこと ・ポートフォリオサイト制作でやり残したこと ・今後のお仕事 ＜お便り紹介＞ ◆ワン with a mission さん ・WebサイトのUX ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorbox...

＜トークテーマ＞ ・仕様書作成と決め事 ・コンポーネント化 ・目指すデザインの伝え方 ・ファイル名の整理 ・参考サイトやFigmaで理想と現実を伝える ・自分で制作したデザインのコーディング ・クラス名の命名 ・実装しやすいデザインとイメージの具現化 ・自分のサイトはデザインカンプが雑になりがり ＜お便り紹介＞ ◆大福ちゃん ・在宅ワークとオンオフの切り替え ・時間割を組む ・ペットを飼う ◆たろうさん ・デザインの白...

ゲストはエンタメ系のWeb制作を得意とする株式会社イロコト代表取締役の穂刈謙亮さん。 ＜イロコト採用サイト＞ https://irokoto.co.jp/recruit/ ＜トークテーマ＞ ・Web制作会社を立ち上げるまで ・起業のきっかけ ・駆け出しさんのポートフォリオで着目する点 ・ポテンシャルと滲み出ているもの ・作っている人の意図 ・出身スクールは調べる ・人となりの評価はポートフォリオから ・インターンシップやアルバイトからの採用 ・...

＜トークテーマ＞ ・クライアントワークにない作業 ・自分の良いところの見つけ方 ・初心者がポートフォリオで気を付けること ・制作物と制作者の人柄 ・カルーセルの必要性 ・しっくりこない時の対処法 ・自分が知らないことはデザインに落とし込めない ・ポートフォリオサイトは自己分析をしてからデザインに入る ・性格とデザインの相関性 ・どこまではじけるか ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ ht...

＜トークテーマ＞ ・分かりやすくてシンプルな構成 ・スキューモーフィズムデザイン ・フラットデザイン ・トレンドは巡ってくる ・AIによるWebデザインとコーディング ・ロリポップのAIアシスタント ・AIを使ったイラスト ・素材の集め方 ・素材集めで気を付けるポイント ・素敵だと思うサイト 猫のおふくちゃん CalorieMate to Programmer CUIモード ・印象に残っているサイト フワちゃん OFFICIAL WEBSITE ジム・キャリーの公式...

＜トークテーマ＞ ・ワイヤーフレームの作成と役割 ・載せたいものと一番見せたいもの ・ポートフォリオのファーストビュー ・ポートフォリオでお知らせ欄は必要？ ・アイデア段階では紙とペン ・レイアウト組みとデザインの違い ・奇抜なレイアウト ・コンテンツ内容の整理 ・やらないことを決める ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorbox.com ＜かけだしちゃんTwitter＞ @kakeda...

＜トークテーマ＞ ・Manaさんの海外での案件獲得経験談 ・リアルなつながりによる案件獲得 ・制作会社からの案件 ・スキルの掛け算 ・ブログからの案件問い合わせ ・営業メールと受注の確率 ・営業メールはラブレター ・テックアカデミーワークスでの案件とサポート ・テックアカデミーワークスとクラウドソーシングの違い ・発注者側の視点 ・SNSの発信内容 ・自分で解決の難しい案件への対策 ＜ManaさんTwitter＞ @chibimana ＜W...

＜トークテーマ＞ ・作りたいWebサイトの概要 ・Webサイトの目的の明確化 ・制作する上で心配な点 ・8割まで完成させて公開する ・最初は夢いっぱいに考える ・Manaさんが初めて作ったサイト ・Manaさんの昔のポートフォリオのURL ・コンセプト設計とヒアリング ・目的のないWebサイト ・コンセプトの説明と深掘り ・必要な機能の取捨選択 ・サイトのリサーチ ・サイトを訪れた人の行動の流れを考える ＜ManaさんTwitter＞ @chibim...

＜トークテーマ＞ ・バナー制作で大切なポイント ・バナーのモノクロチェック ・デザインコンセプトと一貫性 ・デベロッパーツールでの確認 ・Flexboxレイアウト ・上手くいかない時の解決法 ・時間を制限して進める ・SassとjQuery ・コーディングを楽しく感じた日 ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorbox.com ＜かけだしちゃんTwitter＞ @kakedashi_chan <テックアカデミー&g...

ゲストは前回に引き続きSBクリエイティブ 編集者の鈴木勇太さん。Manaさんの新刊『1冊ですべて身につくJavaScript入門講座』の編集も担当されています。 ＜新刊『1冊ですべて身につくJavaScript入門講座』について＞ https://www.webcreatorbox.com/blog/wcb-book4 ＜トークテーマ＞ ・『1冊ですべて身につくJavaScript入門講座』出版の経緯 ・『1冊ですべて身につくJavaScript入門講座』を読んでほしい方 ・JavaScriptでつまずく...

ゲストはSBクリエイティブ 編集者の鈴木勇太さん。Manaさんの新刊『1冊ですべて身につくJavaScript入門講座』の編集も担当されています。 ＜新刊『1冊ですべて身につくJavaScript入門講座』について＞ https://www.webcreatorbox.com/blog/wcb-book4 ＜トークテーマ＞ ・鈴木さんのキャリア ・企画の楽しさ ・IT やデザイン領域を選んだ理由 ・情報のキャッチアップ方法 ・Manaさんに執筆を依頼したきっかけ ・技術書ができるまの...

＜トークテーマ＞ ・jQueryはカレーのルー ・jQueryで難しさを覚える点 ・jQueryでできること ・jQueryは小規模サイトでよく使われる ・jQueryはすぐになくならない ・JavaとJavaScriptはメロンとメロンパンくらい違う ・Sassとネスト ・Sassと変数 ・ターミナルを使った環境構築 ・Sassを使わずにCSSでできること ・制作会社で求められるSass ・新しい技術との向き合い方 ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボック...

＜トークテーマ＞ ・レスポンシブデザインのメリットとデメリット ・レスポンシブデザインと余白 ・レスポンシブデザインで大事なこと ・デベロッパーツールでの確認 ・タブレットに最適なブレイクポイント ・画像の切り替え実装 ・モバイルレイアウトのみのデザイン ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorbox.com ＜かけだしちゃんTwitter＞ @kakedashi_chan <テックアカデミー&...

＜トークテーマ＞ ・余白の使い分け ・読ませる部分と見せる部分 ・見えない線と塊 ・一瞬で分かる内容に ・レイアウトの確認 ・モノクロでのチェック ・コンセプトを決めてからデザインする ・マンガのレイアウトとWebデザイン ・デザインの幅を広げるために ・模写の使い所 ・色々なジャンルを見る ・デザインのお題を出してくれるDaily UI ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorb...

＜トークテーマ＞ ・NoCodeとペライチ ・NoCodeのメリットとデメリット ・NoCodeとコーディング ・Emmetでの効率化 ・記述ミスをした時の対応 ・おすすめのコードエディター ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorbox.com ＜かけだしちゃんTwitter＞ @kakedashi_chan <テックアカデミー> https://techacademy.jp ＜番組へのメッセージはこちらから＞ https://bit.ly/manawebca...

＜トークテーマ＞ ・Webデザインにセンスは必要？ ・パーツごとのデザインストックとトンマナ ・クライアントとワイヤーフレーム ・どこまでワイヤーフレーム通りに制作するか ・レイアウトを組む上で重要なこと ・余白と国土に関連性はある？ ・模写と「なんでだろう」という意識 ・模写とカスタマイズと遊び心 ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorbox.com ＜かけだしちゃんTwitt...

＜トークテーマ＞ ・プログラミングスクール入学一週間後の感想 ・環境構築という最初の壁 ・初めてのメンタリング ・デザインにおける言語化 ・これから心配なことはコーディングとSass ・学ぶ時間の確保と朝学習 ・時間を作るためにやめること ・入学したてあるある「モチベーション」 ＜ManaさんTwitter＞ @chibimana ＜Webクリエイターボックス＞ https://www.webcreatorbox.com ＜かけだしちゃんTwitter＞ @kakedashi_chan &l...

＜トークテーマ＞ ・かけだしちゃんがテックアカデミー入学を決めた理由 ・テックアカデミーを運営する伏田さんに聞く学び直し ・かけだしちゃんのWebデザインスキル ・テックアカデミーでの学び方 ・スクール卒業までに身につけたいこと ・就職でWeb制作を武器にしたい ・テックアカデミーで学びながら伝えたいこと ＜ManaさんTwitter＞ @chibimana <Webクリエイターボックス> https://www.webcreatorbox.com ＜かけだしち...

＜トークテーマ＞ ・かけだしちゃんのWeb制作の現状 ・Webデザインを選んだ理由 ・Webデザインを始めた時のITスキル ・Web制作で人生が変わったこと ・Web制作で特に楽しい時、嬉しい時 ・Web制作で辛い時 ・今後作りたいもの ＜ManaさんTwitter＞ @chibimana ＜かけだしちゃんTwitter＞ @kakedashi_chan ＜番組へのメッセージはこちらから＞ https://bit.ly/manawebcafe Twitterハッシュタグは「 #ウェブカフェ 」 See Privacy Po...

元Webディレクターの番組プロデューサーがゲスト。 これまでご出演いただいたゲスト回を振り返っっていきます。気になる回は是非ポッドキャストでお聴きください。 ＜これまでご出演いただいたゲスト様＞ ・Sennaさん(Frog代表) ・YATさん（デザインオフィス Rish inc. 代表) ・増田右京さん（Webデザイナー／振付師） ・じゃけぇさん（Reach Script代表／UdemyのReact入門講座でベストセラー獲得） ・かけだしちゃん(Twitterで駆...

ダンスボーカルユニットcolor-codeのメンバーであり、 テックアカデミーで受講中のNANAMIさんがゲスト。 ＜トークテーマ＞ ・Webデザインを始めたきっかけ ・タレント活動とWeb制作の相性 ・並行することの利点と難しさ ・今後のキャリアプランとポートフォリオ制作 ・Webデザインの楽しさ ＜番組へのメッセージはこちらから＞ https://bit.ly/manawebcafe Twitterハッシュタグは「#ウェブカフェ」 See Privacy Policy at https://...

ダンスボーカルユニットcolor-codeのメンバーであり、 テックアカデミーで受講中のNANAMIさんがゲスト。 ＜トークテーマ＞ ・Webデザインを学び始めた時期 ・Webデザインを始めたきっかけ ・フリーランスの音楽活動 ・独学ではなくスクールで学ぶ理由 ・音楽活動とWeb制作の共通点 ・教えることを教わること ・デザインの引き出しを増やすために ＜番組へのメッセージはこちらから＞ https://bit.ly/manawebcafe Twitterハッシュタ...

ウェブ制作会社ICS代表の池田泰延さんがゲスト。 ＜トークテーマ＞ ・「JavaScript コードレシピ集」執筆の経緯 ・新しい技術への対応 ・Flashの終了と制作の変化 ・最適解とオリジナリティ ・JavaScriptを学ぶコツ ・アニメーション不要へのアプローチ ・視差効果を減らす ・おすすめのJavaScriptアニメーションライブラリ ・ライブラリとCSS トランジション ・アニメーションに関するデザインシステムの構築 ＜番組内で紹介した...

ウェブ制作会社ICS代表の池田泰延さんがゲスト。 ＜トークテーマ＞ ・エンジニアになった経緯 ・フロントエンド領域の面白さ ・フロントエンドエンジニアとWebデザイナー ・フロントエンドエンジニアになってよかったこと ・エンジニアとしてつまずいたこと ・情報発信のきっかけは恩返しと好きという気持ち ＜番組へのメッセージはこちらから＞ https://bit.ly/manawebcafe Twitterハッシュタグは「#ウェブカフェ」 See Privacy P...

テックアカデミーを運営されている伏田雅輝さんがゲスト。20回目のエピソードということで、伏田さんが番組ホストのManaさんに質問していきます。 ＜トークテーマ＞ ・Webデザイナーになった経緯 ・海外の専門学校に通った理由 ・留学/インターンシップと英語力 ・海外で働いてみて思ったこと ・メンターをするようになったきっかけ ・メンターとして感じたこと ・伸びる受講生の特徴 ・モチベーションには頼らない ・これからのWe...