Webディレクションやってますラジオ#59 Webデザイナー「原 一浩さん」「矢野 りん」さん「坂本 邦夫」さんによるCSS Nite Shift15 Webデザイントレンド紹介(前半)

2021年10月15日 ラジオ
Webディレクションやってますラジオ#59 Webデザイナー「原 一浩さん」「矢野 りん」さん「坂本 邦夫」さんによるCSS Nite Shift15 Webデザイントレンド紹介(前半)

2021年10月8日の第58回放送分です!

Webディレクター向けポッドキャスト「Webディレクションやってますラジオ」の58回目(2021年10月8日)の放送。

ぜひこのポッドキャストを購読ください!

このポッドキャストは毎週金曜日の深夜23時半〜25時ごろに配信しています。 不定期ではなく、毎週同じ時間に更新する「ラジオ番組」をコンセプトとしているからこそですが、ぜひ下記のプラットフォームで購読をいただければと思います。

ポッドキャスト(Podcast)へのおハガキの募集

ポッドキャスト(Podcast)で取り上げる「おハガキ」(と称するTweet、DM、メッセージ、フォームからのご連絡)を募集しています。

普段のご自身のお仕事において「Webディレクターとしての仕事の仕方」や「Webディレクション」に関する疑問・質問がある方は、

からどしどしお送りください。

今週のゲストのご紹介

今週はCSS Nite Shift15の「Webデザイントレンド2021」セッションに出演される三名の方にお越しいただきました。

「Webデザイントレンド2021」について

「トレンドとは最先端ではない、時代に最適化されつつある現象である」をキーワードに毎年レポートしている「Webデザイントレンド」セッション。

昨年に引き続き、原一浩・矢野りん・フォルトゥナ坂本邦夫の3人で Web デザイントレンドセッションをお届けします。

新型コロナウィルスと共に生きる生活も2年目となった2021年は、ワクチン接種が大いに進んだ一年でした。リモートワーク化も進み、人々がインターネットに触れる機会も増えたことと思います。世界の変化はWebデザインにも変化を与えているのでしょうか。

15年目を迎えた本セッションのソース元は、海外で話題になったサイト約2,000、定点観測しているグローバル企業500社、上場企業3,400社、地方自治体1,700サイトのキャプチャアーカイブ。

加えて、今回新しく「スタートアップ」についても取り上げます。以前から希望があったスタートアップ企業のWebデザインのトレンドを取り上げます。

現在のWebサイトのトレンド、今後トレンドになるかもしれない「きざし」について見ておきたいポイントを独自のランキング形式で紹介していきます。サイトのビジュアル、ユーザーインターフェースの表現の潮流を一緒に探っていきましょう。

Webサイトのデザインに関わる人はもちろん、ディレクションに関わる方やWeb担当者や自治体関係者、エンジニア、発注者、経営者に至るまで幅広くお楽しみいただける、オススメのセッションです。

ゲストのご紹介

原 一浩(はら・かずひろ)さん

Kansock.Industries 代表

1998年に独立し、同年、ウェブデザイン専門のメールメディアの発行を開始。Webデザインやフロントエンド、バックエンドなど雑食的にいろいろな仕事に関わるかたわら、Webデザイントレンドを通して情報発信を行ってきた。上場企業・自治体・グローバル企業および海外サイトなどを定点観測し続けている。

雑誌への寄稿多数。主な著書に『React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発』、『プロセスオブウェブデザイン』、『ウェブデザインコーディネートカタログ』など。

矢野 りん(やの・りん)さん

デザイナー

北海道足寄町生まれ。女子美術大学芸術学部芸術学科卒。

プロバイダーの制作担当や、音楽制作会社のプロモーション関連コンテンツ制作担当を経て、2008 年よりフリーランスでアプリデザインに従事。

メーカの製品情報のレスポンシブデザイン対応プロジェクトや製品情報アプリ開発などを手掛けた後、2011 年バイドゥ株式会社にキーボードアプリSimeji を売却。

同社のプロダクト事業部制作チームのマネージャーとしてアプリ開発とかマーケティング向けクリエイティブやデジタルコンテンツの制作、運用などをやったりもしましたがここ最近長男が俺もデザイナーになりたいなどと言い出し初め、そろそろ次のShiftに挑む時期だなあ。とじっと手をみる。身長152.2cm。

Twitter @yanorin

坂本 邦夫(さかもと・くにお)さん

カラー&Webデザイン フォルトゥナ代表

1973年、大阪府東大阪市生まれ。関西大学文学部史学地理学科卒業。

2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。以後、ウェブ制作・コンサルティングを主な業務としながら、書籍や雑誌などへの寄稿・セミナーなどで、ウェブにおける色彩環境の向上を使命として活動。

主な著書に『ウェブ配色 決める!チカラ 問題を解決するコミュニケーション』(ワークスコーポレーション)、『ウェブ配色 コーディネートカタログ』(技術評論社)、監修に『ウェブデザイン&配色の見本帳』(エムディエヌコーポレーション)。

a-blog cmsエバンジェリスト。

今週のおハガキ

今週はいただいていたおハガキからこちらをご紹介させいただきました。

ラジオネーム:よしたかさん

矢野さん、原さん、坂本さん、こんばんは!
名村さんのポッドキャストにこの三名が出るというのを知ってめちゃくちゃテンション上がってます。

CSS Nite Shiftは調べてみたら8から参加しています。
毎年3名の方の発表は掛け合いも楽しいですし、内容も濃いですし、まさに一年に総決算として楽しみにしています。
今年ももちろん参加するつもりです。

ところで、毎年あの量のサイト、どうやって調べているんですか?
ツールとか使っているのですか?
使っていても、最後に「これは○○のカテゴリー」というようなのは、皆さんが見ているとは思うのですが、その前処理部分って一体どうやっているのか?が毎年気になっています。

時々原さんが話をしてくれているのですが、さっと流れてしまうので、もし良ければ今回しっかり教えてもらえれば嬉しいです。

ラジオネーム:タナカ マサヒロさん

名村さん、こんばんは。
ポッドキャストをきいて、Shiftの名物メンバーがゲストに来るということで、とても楽しみです。

毎年年末にたくさんの情報を、3人のなんとも言えない掛け合いできけるのが1番の楽しみになっています。
昨年のShit14で「コロナでデザインが変わるか?」的な話があったような気がしてるのですが、3名の方はコロナでデザインに影響はあったと思われましたか?

もしかしたらまだ集計中なのかもしれませんし、当日のネタなのかもしれませんが、話せる範囲で教えて下さい!

ラジオネーム:大阪のメグミさん

名村さん、こんばんは。
そしてゲストの矢野さん、原さん、坂本さん、こんばんは!

Shift15、今から楽しみです。
皆さんの中で「今年はこういった所に期待していてくださいね」ってのがあればぜひ教えて下さい!

ラジオネーム:やのさんの大ファンさん

名村さん、矢野さん、坂本さん、原さん、こんばんは!
私は矢野さんをCSS Nite LP Disk1で拝見してからずっと心の師匠と思わせていただいて、今も大ファンです!!
矢野さんの「デザインする技術」は今この仕事を始める上で、初めて買った本で、今も持っています!

名村さんのポッドキャストに出演されると聞いて、我慢できずおハガキをお送りさせていただきました。
毎年、矢野さんが原さん、坂本さんに囲まれ、全く負けることなく、でも喧嘩でもなくなんというかそれぞれがスキルとかキャリアをリスペクトしているんだなぁ・・・と思って見ていました。
ふと疑問に思ったのでが、デザイントレンドを今の3名の方でするきっかけは何だったんですか?
質問になっていなくてすみません。
(あ、名村さんのポッドキャストもファンですよ!)

CSS Nite Shift15のご紹介

CSS Nite の年末イベント「Shift」の2020年版「Shift14」で司会をさせていただきました。 主催の鷹野さんから「『Webディレクションやってますラジオ』のノリでいいよ」的なお誘いをいただき、お受けさせていただくこととなりました。

上記のブログを書いた時点ではハイブリッドの予定でしたが、新型コロナウィルス蔓延を受けて、集まれる出演者は会場に、参加者の方はフルオンライとなりました。

そんな中、めちゃくちゃ緊張をして当日を迎えたのですが、最低限の役割を果たせてたのではないか?と思っています。

昨年のShift14のオープニングトークはこちらです。

そんな「Shift」ですが、今年も開催、そして今年も司会をさせていただけることになりました。

CSS Nite Shift15イベント概要

毎年年末に開催している「Shift」シリーズの第15弾として、5つのカテゴリーから2021年のウェブ制作シーンを振り返ります。

内容・登壇者
  • マークアップ/半田 惇志(100)
  • ウェブマーケティング/益子 貴寛(まぼろし)、吉村 正裕(サイバー・アシスト)
  • アクセシビリティ/植木 真(インフォアクシア)、辻 勝利(SmartHR)
  • アドビ/境 祐司
  • Webデザイントレンド/原 一浩(Kansock.Industries)、矢野 りん、坂本 邦夫(フォルトゥナ)
イベント
  • 開催日:2021年12月18日[土] 13:30-19:00
  • 形式:オンライン(Zoomウェビナー)
  • 主催:CSS Nite
  • 参加費(お一人)
  • 10,000円(経費での参加)
  • 6,000円(自腹での参加)

終演時間は若干の延長の可能性があります。

イベントへのお申込み・より詳しい詳細

下記の引用をしているリンク先に詳細が記載しておりますのいで、ご確認をお願いいたします。

CSS Nite Shift15へのおハガキを大募集!

昨年もこのポッドキャストでは「CSS Nite Shift」の当日に出演者にお伺いをする質問や、イベントへの応援のおハガキを受け付けておりました。

今年も募集しておりますので、少し下に書いているポッドキャストへのおハガキ投稿方法からご連絡をいただけえればと思います!

皆さんのご投稿をお待ちしております!

ポッドキャスト(Podcast)へのおハガキの募集

ポッドキャスト(Podcast)で取り上げる「おハガキ」(と称するTweet、DM、メッセージ、フォームからのご連絡)を募集しています。

普段のご自身のお仕事において「Webディレクターとしての仕事の仕方」や「Webディレクション」に関する疑問・質問がある方は、

からどしどしお送りください。 面白い内容についてはポッドキャスト(Podcast)中でとりあげさせていただき、名村なりの回答をさせていただきます。

ポッドキャスト(Podcast)ゲストの募集

この番組では放送にお越しいただくゲストの方も大募集しています。

現役のWebディレクター、勉強中のWebディレクター、Webディレクターとお付き合いをするデザイナーやエンジニアの方々で、ご興味があればSkype収録とかでご参加いただければと思っています。

TwitterのDMで名村までご連絡おハガキ投稿のフォーム をお送りください!!

このポッドキャストの作り方

このポッドキャストの作り方は次のブログに全部書きました! 音質をそれほど手間をかけずにできるだけよく収録するためにどんなことを名村がしているか?について参考にしていただければと思います!

名村の出演イベント情報

最新の放送回を下記からぜひお聞きください。

Webクリエイターのポッドキャストの祭典「Web Creator Podcast day 2026」

2026年9月12日(土)Webクリエイターのポッドキャスター13番組が原宿「J-WAVE ARRTSIDE CAST」に集まり、10時半〜17時までスペシャルな生放送でお届けします!

2026年9月12日(土)Webクリエイターのポッドキャスター13番組が原宿「J-WAVE ARRTSIDE CAST」に集まり、10時半〜17時までスペシャルな生放送でお届けします!

ここ数年、Webクリエイターのポッドキャストが徐々に増えてきました。これまで「ブログ」によるテキストでのクリエイター発信が「音声」というチャネルでも展開されています。 そんな中、2025年に第一回となる「Web Creator Podcast day 2025」を開催しました。

「ポッドキャストを生放送で!」というホットなイベントが、2026年も帰ってきました。 今年もWebクリエイターが配信しているポッドキャスト12番組にお集まりいただき、原宿のスタジオから生放送でお届けいたします。 このイベントを通して、今まで知らなかったデジタルクリエイターの方の先進的な発信にぜひ触れてみてください。

開催概要

項目詳細
開催日時2026年9月12日(土)10:30〜17:00
視聴方法公式YouTubeチャンネル公式Xアカウント公式Facebookチャンネル で無料のライブ配信
後日視聴公式YouTubeチャンネルでアーカイブ配信
各番組での視聴後日、各出演番組で当日の配信分をお聞きいただけます。

出演番組

番組名パーソナリティ
Webディレクションやってますラジオ名村 晋治
T-STUDIO.Voice神森 勉
Automagic Podcast長谷川 恭久
manaのwebクリエイターカフェMana
笑顔を創りたいWebディレクターのラジオtoksato
雨宿りとWEBの小噺.fmkkeeth
デザぽ-デザインがしたい人のためのポッドキャスト榎本 好晃
ゆるITエンジニア道場riddle
新米Webディレクターの頭の中ラジオしおりさん@釣り人×Webディレクター💻
Director's Note[ディレクターズノート]町田 祐一郎
よかった探し[ログノート]千貫 りこ
デジタルクリエイティブの今を伝える - iDID Radio -加藤 琢磨・松本 龍彦
プロジェクトをBetterにする話をしよう金子 大地

最新の放送分をお聞きください

最新の放送回を下記からぜひお聞きください。

ポッドキャストの配信プラットフォーム

以下からご利用にプラットフォームでぜひチャンネル登録をお願いします。

ポッドキャスト(Podcast)へのおハガキの募集

ポッドキャスト(Podcast)で取り上げる「おハガキ」(と称するTweet、DM、メッセージ、フォームからのご連絡)を募集しています。

ご自身の「Webディレクターとしての仕事の仕方」や「Webディレクション」またWebデザインやマークアップやシステム開発に関しての疑問・質問がある方は、下記のフォームよりラジオネームをつけて、ご投稿ください!

WebディレクションやWeb制作に関した内容ではなく、日常での「こんな事あった」や今だからいえる「ありがとう」「ごめんなさい」といった話題のおハガキも募集しています!

著者写真
この記事を書いた人
名村晋治 / 株式会社サービシンク

都内のWeb制作会社のWebディレクター兼代表取締役。 1994年にインターネットに出会い、1996年、学生4名でのWeb制作事業をはじめ、Web黎明期から多くの大手企業のサイト制作・開発に携わる。 2000年から2005年までは不動産検索サイト「LIFULL HOME"S」を運営する株式会社LIFULL、2005年から2009年までは都内のWeb制作会社の取締役として参画し、2010年に株式会社サービシンクを立ち上げ、代表を務める。 現在もWebディレクターとして現場でのPMを行う。 経験案件規模は直請けで10万円〜3億円。 過去900人以上が受講している「Webディレクター育成講座」は2000年より開催し今年で25年目。 2020年よりWebクリエイターへの情報提供のためのPodcast「Webディレクションやってますラジオ」を毎週金曜23時に配信中。 不動産テック協会 理事 2023年慶應義塾大学大学院経営管理研究科(MBA)取得

@yakumo

関連記事

同じカテゴリー「ラジオ」の新着記事を表示しています。

仕事の進め方はなぜ教わらない?デザイン仕様公開時代の学習法|Webディレクションやってますラジオ #312

2026年09月11日

仕事の進め方はなぜ教わらない?デザイン仕様公開時代の学習法|Webディレクションやってますラジオ #312

Webディレクションやってますラジオ#311「2年目Webディレクターの段取りが崩れる理由」「先読み力は経験で身につく?」「スランプの脱出の仕方?」

2026年09月04日

Webディレクションやってますラジオ#311「2年目Webディレクターの段取りが崩れる理由」「先読み力は経験で身につく?」「スランプの脱出の仕方?」

Webディレクションやってますラジオ#310「常に出来ないことばかりが立ちはだかります(泣)」「IT会社がゴリゴリ体育会系ってのはどう思う?」

2026年08月23日

Webディレクションやってますラジオ#310「常に出来ないことばかりが立ちはだかります(泣)」「IT会社がゴリゴリ体育会系ってのはどう思う?」

Webディレクションやってますラジオ#309「成長の踊り場から抜け出す方法」「最近読んで良かった『マンガ』は?」「休日の仕事との切り離し方」

2026年08月21日

Webディレクションやってますラジオ#309「成長の踊り場から抜け出す方法」「最近読んで良かった『マンガ』は?」「休日の仕事との切り離し方」

Webディレクションやってますラジオ#308「Webディレクターのやりがいって?」「一つのことを続けるコツ」「年をとっても伸びるのはどんな人?」

2026年08月11日

Webディレクションやってますラジオ#308「Webディレクターのやりがいって?」「一つのことを続けるコツ」「年をとっても伸びるのはどんな人?」

Webディレクションやってますラジオ#307「リモート時代の「会話の余白」の作り方」「Webディレクターは自分でサイトを作る経験はいる?」

2026年08月07日

Webディレクションやってますラジオ#307「リモート時代の「会話の余白」の作り方」「Webディレクターは自分でサイトを作る経験はいる?」