# あいさつ どうも、しまやすです。 元Yahoo!のデザイン責任者でSNSでデザインのTipsを発信したり、 デザインの解剖図鑑の著者、アドビコとはじめクリエイティブカレッジの講師や、 デザイナー超覚醒コミュニティ、SHIMA LABOの運営をしたりしております。 噛んじゃった。 この番組はですね、デザインのセンスがなくてもできるデザインの小技を1日1つお送りしていきます。 本日のテーマは、WebデザインにHTML、CSSは必要なのかというテーマでお話をしていきます。 それでは本日もよろしくお願いします。 # 本編 それでは本日も聞いていただきまして ありがとうございます 今日はWebデザイナー にHTML CSSは必要なのかというテーマ でお話をしていきます 多分タイトル 変えるかもしれないですけど そんな 感じのテーマでお話をしていきます まず僕はデザインずっと20年以上 やっていて 製作会社で仕事をして いた頃は これは最近はあんまない かもしれないですけど 昔は結構 HTMLもCSSも自分でやって自分で デザインするみたいな感じで 結構 全部やることが多かったです それこそ 僕の場合は500ページ ぐらいの案件を設計して作った こともありますし HTML CSSも普通 に人並みには書くことができます 一方で最近は僕の強みというのは わりとHTMLとかCSSよりはデザイン とかUIの設計したり UX考えたり それで全体設計した上で どんな UIにしていくかとか どんなデザイン にしていくかみたいなところの 方が 割と僕は得意というか そっち の方が好きなので そっちをやる ことが多いので HTMLとかCSSは割 と人に頼むことが多いですという 前提で ちょっとここ最近立て続け にHTMLとかCSSを勉強されてたり とか やろうとされてる方がいらっしゃ って その方たちにしたアドバイス をこのまま今日はこの場でもシェア しようかなと思ってます どちら の方も状況は違うんですけど デザイン をやると ウェブデザインやって きたいですみたいな感じなんですけど HTMLとかCSSをちょうど勉強されている タイミングで あそこをやってる という感じでした お伝えしたのは 今だと前提としてHTML CSSが必要な 触手と必要じゃない触手がまず あると 例えばデザインといっても いろいろありますけど 例えば じゃあ仮にロゴのデザインをします とか 名刺のデザインをするんです となったら 別にウェブじゃない ので そもそもHTMLとかCSSが必要 じゃないっていうことはあります よね あとはまず必要じゃないか っていうところがありますと 一般 的にはざっくりと分けてしまえば 紙のデザインとかであれば 別に HTMLとかCSSがなくても 理解がなくても できると そういうのがあり あとは 仮に じゃあでもとはいえウェブ 側やりたいから ウェブのデザイン をやりたいのだとなったときにも そのウェブのデザインにおいて もHTML CSSがなくても大丈夫なケース とあったほうがいいよねっていう ケースがありますと 例えばあった ほうがいいケースというと 今も 結構ワードプレスとかノーコード 系のツールがあるんで 一見 コード とか必要なさそうに見えるんですけど 例えば システム入れてウェブ のサービス作りますとか なんかな ってくると 多分 テンプレート とかHTMLとかCSSのソースもシンプル なほうがいいですし ある程度 重度 が高い状態で作りたいっていう ケースが多いので そういう場合 はHTML CSSが一からかけたほうが ゼロから一からかけたほうがいい と思います 一方で 仮にウェブサイト 作りますとか 一般的なコーポレート サイトとか あとは商品 サービス 系のショップのサイトを作ります とか そういうのであれば 割と CMSというか いわゆるCMSというのは コンテンツマネジメントシステム っていって 何かしらユーザー側 で簡単にウェブサイトの更新が できるみたいな 昔で言うと ブログ みたいな感じですよね そういう 感じで 自分でご自身でいろいろ カスタマイズ HTMLとかCSSが分かんな くてもできるというのがノーコード ツールですけど そういったもの を使うとかっていうのも選択肢 になってくるので そうなってくる と 別にHTMLとかCSSって理解して なくても何とかなっちゃうんですよ ね なんで お勉強されるときに HTML とかCSSっていうのが 勉強するのは 全然いいと思います それは理解 してないよりは理解してたほう がいいので それは間違いない ので それはすごい良いことなんですけど でも それが必ず必要かと ウェブデザイナーとかデザイナー になる上で必ず必要なスキルか というと 必ずしもそうではない と あるに越したことはないけれども 別になくても何とかなるよっていう 話なんですよね これって結構 今 僕が最近お話しした方々でいう と そこの理解がなかった それは 別にその人たちが悪いというより は やったことがないので そこに 対してちょっとそれが分かんない っていうのは全然しょうがない と思うので それ自体はいいんですけど 伝えたいのは HTMLとかCSSっていう のは割とプログラミング 本当に 簡単なものでは プログラミング の中では簡単なよりだと思うん ですけど とはいえ ちょっとプログラミング 的な要素がどうしてもあるんですよ だから 合う 合わないっていう のは前提としてあるかなっていう 感じがします なんで やったとき に これ ちょっと合わないなと思 ったら そういうふうにノーコード とか 何かしら他の手段 もしくは 例えば 特異な形で外注をするとか いろんな選択肢があるので そこ ですね 無理やりやらなくて 無理 やりやって やめちゃうとかっていう のは一番避けたほうがいいと思 うので そこは そういった選択肢 があるんだよっていうのを認識 したほうがよいんじゃないかな というふうに感じます その上で 皆さん 最初のうちってそこって 難しいですよね 判断ができない っていうのはしょうがないと思う ので 難しいんですけど 結構 スクール によっては 普通に何も言わずに ポンと襲わるみたいなケースも あるらしくて そこは気を付けた ほうがいいかなと思ったっていう のが一つ 例えば もう一個は 仮に じゃあHTML CSSが必要だ ちょっと 分からない上では分かったほうが いいんですけど ドワインもチャット GPTとかがあるので 概ね組めちゃ うんですよね だから 例えば 人は バグがあったりとか 修正したい なと思ったときにも それを普通 にチャットGPTに投げてしまえば できてしまうので そういう意味 では そんなにそこも気にしなくて いいかなって感じがするので HTMLとかCSSとかっていうのは 理解 すればいいんですけど 無理やり そこは必ずしも必要 不可欠かという と そんなことはないよというところ を 皆さんには今日は理解して いただけるといいかなと思って 話しました そんな感じで 今日は HTML CSSがWebデータライナーにとって 必ず必要なのかというテーマで お話をしていきました 以上で終わります ありがとうございました # 超覚醒デザイナーズコミュニティしまらぼ体験会（10/23の21時〜開催）は公式ラインでご案内します 10月15日に超覚醒デザイナーズ コミュニティ シマラボがオープン しました。こちらのコミュニティ はレビューをコアなコンテンツ として皆さんが自分で作ったこう いったあるテーマに基づいたデザイン を他の方にレビューしてもらった り自分自身も他の方のデザイン をレビューしてそれによって成長 してもらうということがコアな コンテンツになっています。他にも 外部の講師を呼んで案件獲得特に 今回はクラウドソーシングで案件 獲得の方法とかあとコミュニティ で実際に交流してデザイナー仲間 を増やすも良しあとはオフ会なんかも 企画してますのでそんな感じで 交流したいよという方はぜひチェック してみてください。とはいえレビュー って何ぞやという方いらっしゃる と思いますので今日の夜9時から 体験会と称して皆さんのデザイン を僕がレビューをしたりとかあとは レビューのネタがなかったとして も僕がどういうふうにレビュー をしてるかみたいなところを皆さん の実際のレビュー作品のビフォー アフターみたいなものを見ながら お伝えしていくというイベント をやりますのでZoomで無料で参加 できますのでもしよければそちら もご確認ください詳細はリンク 貼り付けておきます # デザインの解剖動画絶賛発売中 お知らせです。デザインの解剖動画がリリースされました。 動画のですね、買い切りコンテンツで、デザインの基礎について、デザインの解剖動画というですね、僕の本をベースにですね、さらに分かりやすく解説をしています。 で、これはですね、それに加えてですね、コンテンツがどんどん刺されていきます。 毎月、ちょっと半年くらいやろうと思ってるんですけど、まずですね、最初のうちはですね、デザインってどうやって作ってんだっけみたいなところを、 僕があやこや試行錯誤している過程も含めて、ライブで放送をしています。 特に初心者の方っていうのは、どうやってデザイン作っていけばいいかって結構分かんないですよね。 それをですね、僕の悩みとか、悩み、悩みというか、これ分かんないなとかっていうところも含めて、 話しながらですね、これどうしようとか、できる気がしないとか言いながらですね、いろいろ試行錯誤をしてやっています。 デザインっていうのは、僕今20年以上やってるんですけど、そんな風に長くやってるからといって、 シャローでできるかというとですね、時間短くなっているかもしれないですけど、 とはいえですね、いつも苦労しながら生み出していますので、そんなところも含めてデザインを作る過程というのを見ていただいて、 自分の実際にデザイン作るときに活かしていただければなと思っています。 買い切りコンテンツなので、特に追加料金なくですね、コンテンツがどんどんどんどん追加されていきますので、 こちらもですね、リンクをこのチャプターに追加しておきますので、もしよければご確認ください。 # GEEK CREATORSに登壇しまぁす！ 11月3日にギーククリエイターズに登壇しまーす。やったー。 えっとですね、こちらのイベントはですね、無料で参加できるイベントなんですけど、いろんなクリエイターさんがですね、たくさん登壇されます。 僕もですね、今回はですね、売れるデザインというところで、Yahoo!時代にですね、ABテストを散々やってたので、 年間で大体20億円ぐらい分ですね、僕はABテストで改善効果を上げたんですけど、そのですね、ノウハウをですね、すべて惜しみなくですね、 こういった時には、こういったパターンが勝ちましたとか、これ実はこういった仮説を持ってます、みたいなところも含めて、 そのABテストで培ったですね、知見みたいなものをですね、余すことなくお伝えしていきますので、 このAI時代にですね、どういったデザイナーが勝てるかというとですね、一つ確実に価値になるのは売れるだと思います。 この売れるデザイナーのノウハウみたいなところで接していただきたい方、ぜひですね、11月3日、東京ですね、東京で開催しますので、ぜひチェックしてみてください。 詳細はですね、今このチャプターにリンクを貼っておきますので、そちらからご確認ください。 # おまけ それでは、おまけの放送を収録していきます。 今日は10月24日です。 今日、僕はSNS推し本大賞という、 メジャーどころで言うと本屋大賞とか、いろいろ本という賞があるんですけど、 それを立ち上げるという、ブックマさんというSNSのお友達がいまして、 彼がそういった賞を立ち上げるということで、 ちょっとデザイナーとして、デザインのお手伝いをしているんですけど、 今日その受賞式がありまして、 僕がいくつかデザインしたというか、僕のチームでデザインしたものがあって、 そこをここから自宅に一旦置いて、犯人は本当は現地にすればいいんですけど、 現地は直前じゃないと受け入れられないということなので、 一旦我が家を挟み、挟んだ上で僕が車で今日持っていくんですけど、 持っていくのは別に何のことはないんですけど、 ここに賞を立ち上げるという、その場に関われるというのは、なかなかないですよね。 少なくとも僕は初めてなので、結構ワクワクしています。 初めてだからこそ、作り始めたとか、作りゼロから生み出すからこそですね、 そういった楽しさとか、大変さもありますけど、 そういうのを目の当たりにしてやっていければなと思います。 その後、中間ですね、9時くらいまでやって、 9時から僕、今日スペースに予定があって、 ヒータンとスカボーさんというお二かんと話をするので、 その打ち上げが本当は9時からあるんですけど、その打ち上げを一旦置いておいて、 スペースやって、最後10時くらいから軽く打ち上げに参加して、 帰ってこようかなと思っています。 そんな感じで、皆さんもですね、素敵な金曜日ですね。 会社員の方は最終日ですかね。 素敵な金曜日をお過ごしください。 それでは本日も聞いていただきまして、ありがとうございました。また明日。