Webエンジニア・デザイナーが、Webコンテンツ・アプリを制作する際に、つまづく点やその時の解決方法などを深堀していく番組です。テクニック的なところに限らず、チームワークや仕事のお作法の他、サービス制作におけるビジネス的な観点も取り入れて。ゲストを招いたりしながらカフェのような雰囲気でトークしています。
金曜日の夕方更新
●ホスト：Mana（Webクリエイターボックス運営）
https://www.webcreatorbox.com/about
●番組へのメッセージはこちらから
https://art19.com/shows/webcreatorcafe
#041 ポートフォリオサイトは自己表現のキャンバス〜性格とデザインの相関性〜
＜トークテーマ＞・クライアントワークにない作業・自分の良いところの見つけ方・初心者がポートフォリオで気を付けること・制作物と制作者の人柄・カルーセルの必要性・しっくりこない時の対処法・自分が知らないことはデザインに落とし込めない・ポートフォリオサイトは自己分析をしてからデザインに入る・性格とデザインの相関性・どこまではじけるか＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」＜『1冊ですべて身につくJavaScript入門講座』＞https://www.webcreatorbox.com/blog/wcb-book4See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#040 トレンドのWebサイトデザイン〜AIとの付き合い方〜
＜トークテーマ＞・分かりやすくてシンプルな構成・スキューモーフィズムデザイン・フラットデザイン・トレンドは巡ってくる・AIによるWebデザインとコーディング・ロリポップのAIアシスタント・AIを使ったイラスト・素材の集め方・素材集めで気を付けるポイント・素敵だと思うサイト猫のおふくちゃんCalorieMate to Programmer CUIモード・印象に残っているサイトフワちゃん OFFICIAL WEBSITEジム・キャリーの公式サイト阿部寛のホームページ＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」＜『1冊ですべて身につくJavaScript入門講座』＞https://www.webcreatorbox.com/blog/wcb-book4See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#039 オリジナルWebサイトのレイアウト考察〜ポートフォリオのワイヤーフレーム〜
＜トークテーマ＞・ワイヤーフレームの作成と役割・載せたいものと一番見せたいもの・ポートフォリオのファーストビュー・ポートフォリオでお知らせ欄は必要？・アイデア段階では紙とペン・レイアウト組みとデザインの違い・奇抜なレイアウト・コンテンツ内容の整理・やらないことを決める＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」＜『1冊ですべて身につくJavaScript入門講座』＞https://www.webcreatorbox.com/blog/wcb-book4See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#038 Webサイト制作の案件獲得〜駆け出しさんのゼロイチ〜
＜トークテーマ＞・Manaさんの海外での案件獲得経験談・リアルなつながりによる案件獲得・制作会社からの案件・スキルの掛け算・ブログからの案件問い合わせ・営業メールと受注の確率・営業メールはラブレター・テックアカデミーワークスでの案件とサポート・テックアカデミーワークスとクラウドソーシングの違い・発注者側の視点・SNSの発信内容・自分で解決の難しい案件への対策＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」＜『1冊ですべて身につくJavaScript入門講座』＞https://www.webcreatorbox.com/blog/wcb-book4See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#037 Webサイト制作のコンセプト設計〜最初は夢いっぱいに考える〜
＜トークテーマ＞・作りたいWebサイトの概要・Webサイトの目的の明確化・制作する上で心配な点・8割まで完成させて公開する・最初は夢いっぱいに考える・Manaさんが初めて作ったサイト・Manaさんの昔のポートフォリオのURL・コンセプト設計とヒアリング・目的のないWebサイト・コンセプトの説明と深掘り・必要な機能の取捨選択・サイトのリサーチ・サイトを訪れた人の行動の流れを考える＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」＜『1冊ですべて身につくJavaScript入門講座』＞https://www.webcreatorbox.com/blog/wcb-book4See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#036 プログラミングスクール入学3ヶ月目の現在地〜コーディングを楽しく感じた日〜
＜トークテーマ＞・バナー制作で大切なポイント・バナーのモノクロチェック・デザインコンセプトと一貫性・デベロッパーツールでの確認・Flexboxレイアウト・上手くいかない時の解決法・時間を制限して進める・SassとjQuery・コーディングを楽しく感じた日＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」＜『1冊ですべて身につくJavaScript入門講座』＞https://www.webcreatorbox.com/blog/wcb-book4See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#035 WebデザイナーのJavaScriptとの付き合い方〜ゲストはSBクリエイティブ 編集者の鈴木勇太さん〜
ゲストは前回に引き続きSBクリエイティブ 編集者の鈴木勇太さん。Manaさんの新刊『1冊ですべて身につくJavaScript入門講座』の編集も担当されています。＜新刊『1冊ですべて身につくJavaScript入門講座』について＞https://www.webcreatorbox.com/blog/wcb-book4＜トークテーマ＞・『1冊ですべて身につくJavaScript入門講座』出版の経緯・『1冊ですべて身につくJavaScript入門講座』を読んでほしい方・JavaScriptでつまずくポイント・JavaScriptの勉強法法・jQueryとJavaScriptの使い分け・JavaScriptベースでのサイト作り・持ち込み企画の評価ポイント・書籍での学び＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#034 技術書ができるまで〜ゲストはSBクリエイティブ 編集者の鈴木勇太さん〜
ゲストはSBクリエイティブ 編集者の鈴木勇太さん。Manaさんの新刊『1冊ですべて身につくJavaScript入門講座』の編集も担当されています。＜新刊『1冊ですべて身につくJavaScript入門講座』について＞https://www.webcreatorbox.com/blog/wcb-book4＜トークテーマ＞・鈴木さんのキャリア・企画の楽しさ・IT やデザイン領域を選んだ理由・情報のキャッチアップ方法・Manaさんに執筆を依頼したきっかけ・技術書ができるまの流れ・著者からの持ち込み・編集者視点での技術書の選び方・読者に寄り添った技術書・技術書制作で気をつけているポイント・読者目線と著者目線・著者視点で気をつけているポイント・電子書籍と紙の本＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#033 jQuery・Sassを使った制作〜効率化や技術との向き合い方〜
＜トークテーマ＞・jQueryはカレーのルー・jQueryで難しさを覚える点・jQueryでできること・jQueryは小規模サイトでよく使われる・jQueryはすぐになくならない・JavaとJavaScriptはメロンとメロンパンくらい違う・Sassとネスト・Sassと変数・ターミナルを使った環境構築・Sassを使わずにCSSでできること・制作会社で求められるSass・新しい技術との向き合い方＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#032 レスポンシブデザインについて考える〜思考の広さは画面のサイズに比例する〜
＜トークテーマ＞・レスポンシブデザインのメリットとデメリット・レスポンシブデザインと余白・レスポンシブデザインで大事なこと・デベロッパーツールでの確認・タブレットに最適なブレイクポイント・画像の切り替え実装・モバイルレイアウトのみのデザイン＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#031 バナーデザインの心得〜デザインはコンセプトを決めてから！チェックはモノクロで〜
＜トークテーマ＞・余白の使い分け・読ませる部分と見せる部分・見えない線と塊・一瞬で分かる内容に・レイアウトの確認・モノクロでのチェック・コンセプトを決めてからデザインする・マンガのレイアウトとWebデザイン・デザインの幅を広げるために・模写の使い所・色々なジャンルを見る・デザインのお題を出してくれるDaily UI＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#030 HTML/CSSとコーディングスキル〜NoCodeとコーディングの棲み分け〜
＜トークテーマ＞・NoCodeとペライチ・NoCodeのメリットとデメリット・NoCodeとコーディング・Emmetでの効率化・記述ミスをした時の対応・おすすめのコードエディター＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#029 Webデザインの原則〜Webデザインにセンスは必要？〜
＜トークテーマ＞・Webデザインにセンスは必要？・パーツごとのデザインストックとトンマナ・クライアントとワイヤーフレーム・どこまでワイヤーフレーム通りに制作するか・レイアウトを組む上で重要なこと・余白と国土に関連性はある？・模写と「なんでだろう」という意識・模写とカスタマイズと遊び心＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#028 プログラミングスクールで学び始めて〜一週間の感想と入学したてあるある〜
＜トークテーマ＞・プログラミングスクール入学一週間後の感想・環境構築という最初の壁・初めてのメンタリング・デザインにおける言語化・これから心配なことはコーディングとSass・学ぶ時間の確保と朝学習・時間を作るためにやめること・入学したてあるある「モチベーション」＜ManaさんTwitter＞@chibimana＜Webクリエイターボックス＞https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#027 プログラミングスクール卒業後の未来〜かけだしちゃんManaさんからWebデザインを学び直す〜
＜トークテーマ＞・かけだしちゃんがテックアカデミー入学を決めた理由・テックアカデミーを運営する伏田さんに聞く学び直し・かけだしちゃんのWebデザインスキル・テックアカデミーでの学び方・スクール卒業までに身につけたいこと・就職でWeb制作を武器にしたい・テックアカデミーで学びながら伝えたいこと＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#026 Web制作で人生を変える〜かけだしちゃんが今回からメンバーに！〜
＜トークテーマ＞・かけだしちゃんのWeb制作の現状・Webデザインを選んだ理由・Webデザインを始めた時のITスキル・Web制作で人生が変わったこと・Web制作で特に楽しい時、嬉しい時・Web制作で辛い時・今後作りたいもの＜ManaさんTwitter＞@chibimana＜かけだしちゃんTwitter＞@kakedashi_chan＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#025 Webデザイナーとエンジニアの様々なキャリア〜2022年のWebクリエイターカフェを振り返る〜
元Webディレクターの番組プロデューサーがゲスト。これまでご出演いただいたゲスト回を振り返っっていきます。気になる回は是非ポッドキャストでお聴きください。＜これまでご出演いただいたゲスト様＞・Sennaさん(Frog代表)・YATさん（デザインオフィス Rish inc. 代表)・増田右京さん（Webデザイナー／振付師）・じゃけぇさん（Reach Script代表／UdemyのReact入門講座でベストセラー獲得）・かけだしちゃん(Twitterで駆け出しWebデザイナーに関するマンガを公開)・小坂香央里さん（テックアカデミー卒業生／Webデザイナー歴1年）・下平匠さん（元Jリーガーで南葛SC所属／エンジニア）・笹川潔さん（テックアカデミー講師）・安藤祐介さん（元ビッグ・テックエンジニア）・伏田雅輝さん(テックアカデミー運営)・池田泰延さん（ウェブ制作会社 ICS代表）・NANAMIさん（color-code／テックアカデミー受講生）＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#024 Webデザインとパラレルキャリア〜color-codeのNANAMIさんに聞くタレント活動とWeb制作の相性〜
ダンスボーカルユニットcolor-codeのメンバーであり、 テックアカデミーで受講中のNANAMIさんがゲスト。＜トークテーマ＞・Webデザインを始めたきっかけ・タレント活動とWeb制作の相性・並行することの利点と難しさ・今後のキャリアプランとポートフォリオ制作・Webデザインの楽しさ＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#023 音楽活動とWebデザイン〜color-codeのNANAMIさんがWeb制作を始めた理由〜
ダンスボーカルユニットcolor-codeのメンバーであり、 テックアカデミーで受講中のNANAMIさんがゲスト。＜トークテーマ＞・Webデザインを学び始めた時期・Webデザインを始めたきっかけ・フリーランスの音楽活動・独学ではなくスクールで学ぶ理由・音楽活動とWeb制作の共通点・教えることを教わること・デザインの引き出しを増やすために＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#022 JavaScriptとアニメーション〜JavaScriptを学ぶコツは視覚的的変化を伴う実装！おすすめのライブラリはGSAP〜
ウェブ制作会社ICS代表の池田泰延さんがゲスト。＜トークテーマ＞・「JavaScript コードレシピ集」執筆の経緯・新しい技術への対応・Flashの終了と制作の変化・最適解とオリジナリティ・JavaScriptを学ぶコツ・アニメーション不要へのアプローチ・視差効果を減らす・おすすめのJavaScriptアニメーションライブラリ・ライブラリとCSS トランジション・アニメーションに関するデザインシステムの構築＜番組内で紹介した記事＞・現場で使えるアニメーション系JSライブラリまとめ（2022年版）GSAP, CreateJS, WebAnimation, Velocityなど・最速のアニメーションライブラリはこれだ！JSライブラリの性能をDOMとWebGLで比較検証＜番組へのメッセージはこちらから＞https://bit.ly/manawebcafeTwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
こちらもおすすめ
エンジニアリングマネージャーの問題集
エンジニアとして働く上での “組織づくり” に注目する番組です。毎回エンジニア組織の運営に携わるゲストをお呼びし、エンジニアリングチームで起きている問題について、技術・組織・ビジネスといった複数の観点で深堀りします。優れたプロダクトづくりには不可欠なものの、情報交換が難しい「エンジニアリングチームづくり」。多様なゲストの経験や事例を紹介することによって、エンジニアリングチームに向き合うエンジニアやエンジニアリングマネージャーの方々に役立つ情報をお伝えします。ホストを務めるのは、後藤秀宣 (X @hidenorigoto)
オウンドポッドキャストのつくりかた by PitPa
「オウンドポッドキャスト＝企業が自社で発信するポッドキャスト」を制作したいと考える皆様に向けて、あるいは、個人でポッドキャストをはじめたいと考える皆様に向けて、ポッドキャスト運営を続けるにあたって知りたい情報をわかりやすくお伝えしていきます。番組ホストを務めるのは、PitPaでポッドキャスト番組のプロデューサーを務める鈴木悠平と、個人でポッドキャストを配信しているコラムニストのりょかち。個人・企業問わず、あらゆるシーンで使えるポッドキャスト運営のコツ・ノウハウについてのトピックを二人の会話を通じてご紹介します。▼ホストりょかち（https://twitter.com/ryokachii）鈴木悠平（https://twitter.com/heyyouyuheisake）▼制作株式会社PitPa▼SNSハッシュタグ#オウンドポッドキャスト▼メッセージフォーム番組への感想や質問、リクエストの他、ポッドキャストに関するご相談は下記フォームよりお問い合わせください。https://pitpa.cc/3IemoBk
Joi Ito's Podcast
千葉工業大学の学長・伊藤穰一がその道のプロフェッショナルを迎え、雑談を繰り広げる没入型のポッドキャストです。テクノロジーを軸にスポーツから茶道、ニューロダイバーシティまで様々なトピックスを包摂した会話を覗き見感覚でお楽しみください。 【質問フォーム】 「これって、一体どうなってるの？」「〇〇〇について、よく分からないので解説して欲しい！」など、伊藤穰一本人に直接質問を投げかけることも可能です。もちろん番組の感想やお悩み相談なども大歓迎。ぜひ、お便りをお寄せください。https://airtable.com/shrKKky5KwIGBoEP0 【JOI ITO’s Blog 】 番組で登場した用語や人物名などをまとめています。https://joi.ito.com/podcast/【デジタルガレージ Web3のコア人材募集中】https://recruit.garage.co.jp/fintech/プロフィール写真撮影：森清
エンジニアトーク「ROLE MODEL」
ROLE MODEL（ロールモデル）は、エンジニアのサクセスストーリーを届けるポッドキャストです。各エピソードで実績のあるエンジニアをお招きし、その仕事を徹底的に掘り下げて、キャリア形成に役立つ情報を配信していきます。 番組の感想・リクエストはこちらから: https://pitpa.jp
The Perfect Introvert
ソフトウェアエンジニアであるこじま(515hikaru)の音声日記です。いま興味があることをゆるりと話します。取り上げる話題はテックニュース、社会問題、仕事やキャリアなど。 https://listen.style/p/tak428k?u1H8Ko08 tak428k.substack.com
Qiita FM-エンジニアのキャリアを深掘り-
『Qiita FM』では日本で活躍するエンジニアをゲストに迎え、キャリアやモチベーションの話を深堀りしながら、エンジニアの皆さんに役立つ話題を発信していきます。 ゲストのエンジニアの方への質問募集中！質問フォームはこちらhttps://forms.gle/tv1AXHRJQUEsykzB8ホストは日本最大級のエンジニアコミュニティ「Qiita」プロダクトマネージャーの清野隼史。Twitterハッシュタグは「#QiitaFM」毎週火曜日、朝6時、最新話更新●エンジニアに関する知識を記録・共有するためのサービス「Qiita」https://qiita.com/●社内向け情報共有サービス「Qiita Team」https://teams.qiita.com/