Webエンジニア・デザイナーが、Webコンテンツ・アプリを制作する際に、つまづく点やその時の解決方法などを深堀していく番組です。テクニック的なところに限らず、チームワークや仕事のお作法の他、サービス制作におけるビジネス的な観点も取り入れて。ゲストを招いたりしながらカフェのような雰囲気でトークしています。
金曜日の夕方更新
●ホスト：Mana（Webクリエイターボックス運営）
https://www.webcreatorbox.com/about
https://pitpa.cc/3I3r0JI https://art19.com/shows/webcreatorcafe
#036 プログラミングスクール入学3ヶ月目の現在地〜コーディングを楽しく感じた日〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・バナー制作で大切なポイント・バナーのモノクロチェック・デザインコンセプトと一貫性・デベロッパーツールでの確認・Flexboxレイアウト・上手くいかない時の解決法・時間を制限して進める・SassとjQuery・コーディングを楽しく感じた日＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」＜『1冊ですべて身につくJavaScript入門講座』＞https://www.webcreatorbox.com/news/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クリエイティブ 編集者の鈴木勇太さん〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307ゲストは前回に引き続きSBクリエイティブ 編集者の鈴木勇太さん。Manaさんの新刊『1冊ですべて身につくJavaScript入門講座』の編集も担当されています。＜新刊『1冊ですべて身につくJavaScript入門講座』について＞https://www.webcreatorbox.com/news/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://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#034 技術書ができるまで〜ゲストはSBクリエイティブ 編集者の鈴木勇太さん〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307ゲストはSBクリエイティブ 編集者の鈴木勇太さん。Manaさんの新刊『1冊ですべて身につくJavaScript入門講座』の編集も担当されています。＜新刊『1冊ですべて身につくJavaScript入門講座』について＞https://www.webcreatorbox.com/news/wcb-book4＜トークテーマ＞・鈴木さんのキャリア・企画の楽しさ・IT やデザイン領域を選んだ理由・情報のキャッチアップ方法・Manaさんに執筆を依頼したきっかけ・技術書ができるまの流れ・著者からの持ち込み・編集者視点での技術書の選び方・読者に寄り添った技術書・技術書制作で気をつけているポイント・読者目線と著者目線・著者視点で気をつけているポイント・電子書籍と紙の本＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」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を使った制作〜効率化や技術との向き合い方〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・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://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#032 レスポンシブデザインについて考える〜思考の広さは画面のサイズに比例する〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・レスポンシブデザインのメリットとデメリット・レスポンシブデザインと余白・レスポンシブデザインで大事なこと・デベロッパーツールでの確認・タブレットに最適なブレイクポイント・画像の切り替え実装・モバイルレイアウトのみのデザイン＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#031 バナーデザインの心得〜デザインはコンセプトを決めてから！チェックはモノクロで〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・余白の使い分け・読ませる部分と見せる部分・見えない線と塊・一瞬で分かる内容に・レイアウトの確認・モノクロでのチェック・コンセプトを決めてからデザインする・マンガのレイアウトとWebデザイン・デザインの幅を広げるために・模写の使い所・色々なジャンルを見る・デザインのお題を出してくれるDaily UI＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」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とコーディングの棲み分け〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・NoCodeとペライチ・NoCodeのメリットとデメリット・NoCodeとコーディング・Emmetでの効率化・記述ミスをした時の対応・おすすめのコードエディター＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」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デザインにセンスは必要？〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・Webデザインにセンスは必要？・パーツごとのデザインストックとトンマナ・クライアントとワイヤーフレーム・どこまでワイヤーフレーム通りに制作するか・レイアウトを組む上で重要なこと・余白と国土に関連性はある？・模写と「なんでだろう」という意識・模写とカスタマイズと遊び心＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#028 プログラミングスクールで学び始めて〜一週間の感想と入学したてあるある〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・プログラミングスクール入学一週間後の感想・環境構築という最初の壁・初めてのメンタリング・デザインにおける言語化・これから心配なことはコーディングとSass・学ぶ時間の確保と朝学習・時間を作るためにやめること・入学したてあるある「モチベーション」＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」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デザインを学び直す〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・かけだしちゃんがテックアカデミー入学を決めた理由・テックアカデミーを運営する伏田さんに聞く学び直し・かけだしちゃんのWebデザインスキル・テックアカデミーでの学び方・スクール卒業までに身につけたいこと・就職でWeb制作を武器にしたい・テックアカデミーで学びながら伝えたいこと＜ManaさんTwitter＞@chibimana<Webクリエイターボックス>https://www.webcreatorbox.com/＜かけだしちゃんTwitter＞@kakedashi_chan<テックアカデミー>https://techacademy.jp/＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#026 Web制作で人生を変える〜かけだしちゃんが今回からメンバーに！〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307＜トークテーマ＞・かけだしちゃんのWeb制作の現状・Webデザインを選んだ理由・Webデザインを始めた時のITスキル・Web制作で人生が変わったこと・Web制作で特に楽しい時、嬉しい時・Web制作で辛い時・今後作りたいもの＜ManaさんTwitter＞@chibimana＜かけだしちゃんTwitter＞@kakedashi_chan＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」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クリエイターカフェを振り返る〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307元Webディレクターの番組プロデューサーがゲスト。これまでご出演いただいたゲスト回を振り返っっていきます。気になる回は是非ポッドキャストでお聴きください。＜これまでご出演いただいたゲスト様＞・Sennaさん(Frog代表)・YATさん（デザインオフィス Rish inc. 代表)・増田右京さん（Webデザイナー／振付師）・じゃけぇさん（Reach Script代表／UdemyのReact入門講座でベストセラー獲得）・かけだしちゃん(Twitterで駆け出しWebデザイナーに関するマンガを公開)・小坂香央里さん（テックアカデミー卒業生／Webデザイナー歴1年）・下平匠さん（元Jリーガーで南葛SC所属／エンジニア）・笹川潔さん（テックアカデミー講師）・安藤祐介さん（元ビッグ・テックエンジニア）・伏田雅輝さん(テックアカデミー運営)・池田泰延さん（ウェブ制作会社 ICS代表）・NANAMIさん（color-code／テックアカデミー受講生）＜番組へのメッセージはこちらから＞https://pitpa.cc/3I3r0JITwitterハッシュタグは「#ウェブカフェ」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制作の相性〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307ダンスボーカルユニットcolor-codeのメンバーであり、 テックアカデミーで受講中のNANAMIさんがゲスト。 ＜トークテーマ＞ ・Webデザインを始めたきっかけ ・タレント活動とWeb制作の相性 ・並行することの利点と難しさ ・今後のキャリアプランとポートフォリオ制作 ・Webデザインの楽しさ ＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」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制作を始めた理由〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307ダンスボーカルユニットcolor-codeのメンバーであり、 テックアカデミーで受講中のNANAMIさんがゲスト。 ＜トークテーマ＞ ・Webデザインを学び始めた時期 ・Webデザインを始めたきっかけ ・フリーランスの音楽活動 ・独学ではなくスクールで学ぶ理由 ・音楽活動とWeb制作の共通点 ・教えることを教わること ・デザインの引き出しを増やすために ＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」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〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307ウェブ制作会社ICS代表の池田泰延さんがゲスト。 ＜トークテーマ＞ ・「JavaScript コードレシピ集」執筆の経緯 ・新しい技術への対応 ・Flashの終了と制作の変化 ・最適解とオリジナリティ ・JavaScriptを学ぶコツ ・アニメーション不要へのアプローチ ・視差効果を減らす ・おすすめのJavaScriptアニメーションライブラリ ・ライブラリとCSS トランジション ・アニメーションに関するデザインシステムの構築 ＜番組内で紹介した記事＞ ・現場で使えるアニメーション系JSライブラリまとめ（2022年版）GSAP, CreateJS, WebAnimation, Velocityなど ・最速のアニメーションライブラリはこれだ！JSライブラリの性能をDOMとWebGLで比較検証＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#021 フロントエンドの面白さ〜フロントエンドエンジニアは後方から全体像を見渡せる〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307ウェブ制作会社ICS代表の池田泰延さんがゲスト。 ＜トークテーマ＞ ・エンジニアになった経緯 ・フロントエンド領域の面白さ ・フロントエンドエンジニアとWebデザイナー ・フロントエンドエンジニアになってよかったこと ・エンジニアとしてつまずいたこと ・情報発信のきっかけは恩返しと好きという気持ち ＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#020 モチベーションに頼らない能力の伸ばし方〜Manaさんのキャリアとメンターの仕事〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307テックアカデミーを運営されている伏田雅輝さんがゲスト。20回目のエピソードということで、伏田さんが番組ホストのManaさんに質問していきます。 ＜トークテーマ＞ ・Webデザイナーになった経緯 ・海外の専門学校に通った理由 ・留学/インターンシップと英語力 ・海外で働いてみて思ったこと ・メンターをするようになったきっかけ ・メンターとして感じたこと ・伸びる受講生の特徴 ・モチベーションには頼らない ・これからのWebデザイナーに求められるスキル ・スクールで学ぼうか迷っている方へ ＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#019 オンラインプログラミングスクールでの学び〜テックアカデミーを運営されている伏田雅輝さんに聞く〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307テックアカデミーを運営されている伏田雅輝さんがゲスト。 「オンラインプログラミングスクール運営のきっかけ」「オンラインスクールで学ぶメリット」「よいスクールの特徴」「メンターを選ぶ基準」といったテーマでお話しします。＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#018 プログラミング言語とエンジニアのこれから〜中学校で使われているプログラミング教科書を比較して見えたこと〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307元Metaのエンジニアの安藤祐介さんがゲスト。 「海外でのプレゼンとCFP」「中学校で使われているプログラミング教科書を比較」「こらからプログラミングを学ぶために」「日本人エンジニアのこれからの働き方」といったテーマでお話しします。＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
#017 エンジニアとしてビッグ・テックに入るまで〜面接は全部で6回!?安藤祐介さんがMetaに入社したきっかけ〜
＜アンケートの回答はこちら＞https://pitpa.cc/mwcc-2307元Metaのエンジニアの安藤祐介さんがゲスト。 「Metaでの仕事内容」「海外企業に勤務してよかったこと・苦労したこと」「コーディング面接とホワイトボード面接」「海外大手企業で働くために」といったテーマでお話しします。＜番組へのメッセージはこちらから＞ https://pitpa.cc/3I3r0JI Twitterハッシュタグは「#ウェブカフェ」See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
こちらもおすすめ
エンジニアトーク「ROLE MODEL」
ROLE MODEL（ロールモデル）は、エンジニアのサクセスストーリーを届けるポッドキャストです。各エピソードで実績のあるエンジニアをお招きし、その仕事を徹底的に掘り下げて、キャリア形成に役立つ情報を配信していきます。 番組の感想・リクエストはこちらから: https://pitpa.jp
エンジニアストーリー by Qiita
「エンジニアを最高に幸せにする」というミッションのもと、エンジニアの皆さんに役立つヒントを発信していきます。毎回、日本で活躍するエンジニアをゲストに迎え、キャリアやモチベーションの話を深堀りします。ホストは日本最大級のエンジニアコミュニティ「Qiita」プロダクトマネージャーの清野隼史。Twitterハッシュタグは「#エンジニアストーリー」隔週金曜日の朝更新●エンジニアに関する知識を記録・共有するためのサービス「Qiita」https://qiita.com/●エンジニアと企業のマッチングサービス「Qiita Jobs」https://jobs.qiita.com/●社内向け情報共有サービス「Qiita Team」https://teams.qiita.com/
ワインのガッコウ
ワイン初心者の為のポッドキャスト番組”ワインのガッコウ” 日本ソムリエ協会認定ソムリエで、ワイン一年生の著者でもある、小久保 尊と ワイン初心者声優の松本 沙羅でお送りする聞くとワインが飲みたくなる番組です。
The Perfect Introvert
ソフトウェアエンジニアであるこじま(515hikaru)の音声日記です。いま興味があることをゆるりと話します。取り上げる話題はテックニュース、社会問題、仕事やキャリアなど。 https://listen.style/p/tak428k?u1H8Ko08 tak428k.substack.com
JOI ITO 変革への道
テクノロジーに精通しているだけでなく、サブカルチャーやネットカルチャーにも詳しい伊藤穰一。 かつて、マサチューセッツ工科大学（MIT)の研究所メディア・ラボの所長を務め、現在は千葉工業大学の変革センターの所長を務める伊藤穰一がさまざまな人物を巻き込み、「これからのニッポン」を考え、どう変革していくべきなのかを議論する新しいポッドキャストです。 世界中から様々なゲストが出演し、仮想通貨やNFTなどweb3に関する情報のほか、ニューロダイバーシティやコミュニティなどについて英語と日本語を交えてトークを繰り広げます。是非、お楽しみください。 【質問フォーム】 「これって、一体どうなってるの？」「〇〇〇について、よく分からないので解説して欲しい！」など、伊藤穰一本人に直接質問を投げかけることも可能です。もちろん番組の感想やお悩み相談なども大歓迎。ぜひ、お便りをお寄せください。 【DGLAB Haus 】 WEBメディアでも解説していきます。 【JOI ITO’s Blog 】 番組で登場した用語や人物名などをまとめています。【デジタルガレージ Web3のコア人材募集中】https://recruit.garage.co.jp/fintech/
オウンドポッドキャストインタビュー by PitPa
企業の自社サービスや自社コンテンツ、あるいは会社自体を紹介しているポッドキャスト「オウンドポッドキャスト」を制作している企業担当者に、オウンドポッドキャストのメリット・デメリット、苦労している点、うまくいっている点などをインタビューする番組です。その他にも、株式会社PitPaが長年蓄積してきた企業が運営するポッドキャスト制作のノウハウや、ポッドキャストの作り方で気を付けるポイント、海外のポッドキャスト情報などもお送りしていきたいと思います。これからオウンドポッドキャストを始めようとしている企業のご担当、PRや人事担当の方々の参考になればと思っております。●インタビューさせて頂けるポッドキャスト運営企業様●ポッドキャストの制作相談をしたい企業様などお気軽にご連絡下さい↓↓https://pitpa.cc/3yNqT1W 制作：株式会社PitPaホスト・プロデューサー：富山真明#Podcast制作、#ポッドキャスト制作、#Podcastの作り方、#ポッドキャストの作り方、#オウンドメディア、#ブランディングポッドキャスト、#採用広報ポッドキャスト