ウェブDeBLOG｜トライデントコンピュータ専門学校 Webデザイン学科

前期授業も終了し、やっと夏休みです。
とはいえ、台風も近づき、毎日暑いですので、就職活動や課題制作と、前期に勉強したことを忘れないように、充実した夏休みを送ってください。

前期最後の業界研究には「【推しの子】」「ゴールデンカムイ」「異世界おじさん」「がっこうぐらし！」などの数々のアニメ公式サイトを制作している株式会社マベリカのプロデューサーの鶴田さんにお越しいただき、「アニメ公式サイト制作のお仕事」について講義をしていただきたました。

学生の中には、アニメやゲームなどの公式サイトを将来制作したいと考えている学生もいて、実際にエンターテイメント業界のWebサイト制作に従事している卒業生も多くいます。

株式会社マベリカ

株式会社マベリカは、東京都新宿区にあるWebシステム会社です。とくに自社開発のCMS「coreblo-CMS」を利用したアニメ・映画サイトの構築を得意としています。

その他にも、デジタルコンテンツ販売プラットフォーム「coreblo X」の販売やコンサルティング・システム開発などを行っています。

「coreblo-CMS」の開発を機に、映画会社からのサイト制作が増えたそうです。

マベリカさんのWebサイトには、実績など、あまり紹介されていませんが、多数のアニメ公式サイトを制作されています。鶴田さんもTVアニメ「ゴールデンカムイ」のエンドロールに名前が明記されています。

このように、数々のアニメ公式サイトを制作・運営されているマベリカさんからアニメ公式サイトの流れに沿って、Webサイト制作についてお話していただきました。

アニメ公式サイト制作の流れ

アニメの公式サイト制作を依頼される場合は「アニメ化決定！」などの発表と同時にティザーサイト公開、少しずつ情報公開、本サイト制作・公開後運用、公開後の話題提供のコンテンツ制作、アニメ終了後のパッケージ販売戦略・システム構築となります。

1. ティザーサイト制作・運用
2. 本サイト（公式サイト）制作・運用
3. 話題換気施策（SNS活用など）
4. テレビ本放送・パッケージ（DVDやグッズ販売など）対応

TVアニメの放送に合わせて、Webサイトの使われ方が変わっていきますので、それに対応した仕組みに精通している「coreblo-CMS」やマベリカさんの実績などが、アニメ公式サイトの制作を依頼される理由の一つだと思います。

暑い毎日が続きますね。
小中高生は、すでに夏休みに入っているかと思いますが、トライデントコンピュータ専門学校は、8月4日まで前期授業があります。
とはいえ、残りわずかですので頑張っていきましょう。

過去、3回デザイナーのポートフォリオ制作についてレクチャーいただいたReDesigner for studentの田口さんに、今年もお願いしました。

これまでは、新型コロナ感染拡大もあり、オンラインでの講演だったのですが、今年はやっと名古屋にお越しいただけました。

ReDesigner for Student

ReDesigner for Studentは、「世の中にデザイナーを増やす」をミッションにスタートした新卒デザイナー特化型就活支援サービスです。

• 求人／インターン検索機能
• マッチング機能
• 学生同士のポートフォリオ閲覧
• メッセージ機能
• 最新のイベント情報
• OB／OG訪問機能

など、デザイナーを目指す学生と、デザインの力を信じる企業をマッチングする就活プラットフォームです。

デザイン会社である株式会社グッドパッチが、デザインの力を信じるたくさんの企業と、これからの未来をつくる学生をマッチングするサービスとして、2019年に正式リリースしました。

さらにデザイナーの育成にも注力して、学生向けの各種セミナーの開催、ポートフォリオ制作へのアドバイスや就活相談なども行っています。

ポートフォリオとは

まだ入学して3ヶ月あまりの1年生ですが、就職活動には必ず必要となるポートフォリオ制作レクチャーや、実際のデザイナー就活について話をしていだきました。

ポートフォリオとは、クリエイターにとっての説明書のようなものです。
何をやってきた人なのか、直接説明しなくてもわかるようにするものです。

さらに、この説明書を自分で読むことで、自分のことも客観的に見えてくる。
ということは、就職活動の時にだけでなく、今の自分を客観視するツールとして、常にアップデートして活用していくのが、ポートフォリオの役割です。

今日のゴールとしては「1ヶ月以内に、2〜3作品がまとまったポートフォリオver.1」が完成している」。
このとき、完成度は100点満点中30点を目指します。

過去3回の「業界研究」授業のブログを見直したのですが、50点（2021）→2週間で30点（2022）→1ヶ月で30点（2023）と段々とハードルが下がってきています。それだけ早めにスタートすることの重要性と難しさがあるのだと感じます。

あまり報道されていませんが、新型コロナウィルスの感染が広がっているようです。
体調が悪いなと思ったら、無理せず病院に行きましょう。

本年も、株式会社スタメンのデザイナー伊藤さんにお越しいただき、インハウスデザイナーの仕事や、デザインの基礎などについてお話しいただきました。
実際のFigmaデータなども、紹介していただき現場のデザイナーのお仕事を垣間見ることができました。

株式会社スタメンは「ITとリアルの融合」を強みとして、社内SNSの「TUNAG」やサブスクリプション型のオンラインファンサロン「FANTS」などの企画、開発、運用をされている会社です。社員の平均年齢も低く、若い社員の方が活躍されている会社です。

今回の講義では、現役のデザイナーとして、伊藤さんに「インハウスデザイナーのお仕事」「デザイナーの目（ワークショップ）」「仕事と就活」についてお話しいただきました。

デザインとは

まずは、デザインとは何か？見た目がおしゃれならいいのか？伝わらなければいいデザインとは言えないのではないのか？など、デザインを考えるきっかけになる事例などを紹介していただき、その上で、デザインとはある問題を解決するための計画を考え、適切な表現をし、実現させることと話していただきました。

情報の整理をするために

• 使いやすい・読みやすい＝背景と同化はダメ
• 直感的に理解し易い＝「止まれ」など道路標識
• ストレスを感じさせない
• 与えたい印象を与える＝柔らかくしたい場合は線・色・フォントで調整

トライデントコンピュータ専門学校では、現場のプロの授業「業界研究」を行っています。
Webデザイン学科では、本年もモリサワ認定校特別セミナー「知ると楽しい文字の話」として、株式会社モリサワの須田さんからデザインの重要な要素フォントの基礎について、お話していただきました。

活字→写植→DTP

株式会社モリサワは、1924年（大正13年）創業の老舗フォントメーカーです。
創業当初は手動写植機や電算写植機、DTP時代には、使用シェア1位のフォントメーカーとなりました。現在ではフォントの開発から、Webフォントの配信まで幅広く手掛けています。
社名は、創業者、森澤さん由来です。「モリサワ」の歴史に関しては、同社のWebサイトにも、詳しく紹介されています。

モリサワフォントは、パンやお菓子など様々なパッケージやサッカー選手の著書の装丁、ニンテンドースイッチなどゲームや大人気マンガのタイトルロゴが新ゴベースだったりします。

Webサイトにもモリサワフォントの使用事例が紹介されています。

プロがモリサワを選ぶ理由

プロのデザイナーや制作チームがモリサワのフォントを選ぶ理由はいくつかあります。
まず、モリサワは種類が豊富で体系的なラインナップを備えています。
さらに、フォントの品質や収録文字数の多さ、デザインへのこだわりも高く評価されています。

• 種類が豊富で体系的なラインナップ！
• フォントの品質
• 収録文字数の多さ
• デザインへのこだわり

立春も過ぎ、後期授業の終了が近づいてきました。
今年度、最後の業界研究授業は株式会社SmartHRさんにお越しいただき、UXデザイン、ウェブアクセシビリティの基礎講座を行っていただきました。
この講座は、SmartHRさんが、学生向け出張講座や人事・労務の実務担当者向け資格検定などを通じて、日本の”働く”をアップデートするための「働くの学び舎」プロジェクトの講座となります。

働くの学び舎

クラウド人事労務ソフト「SmartHR」を提供する株式会社SmartHRが、誰もがその人らしく働ける社会の実現に向けた新プロジェクトが「働くの学び舎（はたらくのまなびや）」です。

世の中が急速に変化し働き方が多様化する昨今、働くことに関する知識を学ぶ機会を増やすことで、ひとりでも多くの人が心地よく、健康に、その人らしく働くための選択肢を増やしたいとの想いから、共創プロジェクト「働くの学び舎」は立ち上がりました。
主な活動である学生向け出張講座「働くの学び舎 for Students」、人事・労務実務担当者向け資格検定「人事労務マイスター検定」を通して、私たちSmartHRの知識や経験を積極的に社会に共有するだけでなく、双方向のコミュニケーションを大切にし、学びの場を共に創っていくことで、誰もがその人らしく働ける社会を目指します。
引用：SmartHR、新プロジェクト「働くの学び舎」を公開。“働く”をテーマに学ぶ・知る機会を共創｜PR Times

学生向け出張講座「働くの学び舎 for Students」では、全国の大学・短大・高専・専門学校を対象に

• 給与明細から考える働き方講座〜 学校でも会社でも教わらない、働くうえで役立つ人事・労務の基礎知識 〜
• UXとウェブアクセシビリティの基礎講座〜 多様なユーザーに対応するものづくりに必要な基礎知識 〜

の2講座を開催されています。

どちらも面白そうな講座ですが、やはりWeb制作を学ぶ学生ということで「UXデザイン、アクセシビリティ基礎講座」をお願いしました。

SmartHR

2013年1月23日設立。2015年11月にクラウド人事労務ソフト「SmartHR」を提供開始。
雇用契約、年末調整などの人事・労務業務のペーパーレス化や、従業員サーベイや分析レポートなど蓄積された情報を活用する人材マネジメントまで、多様な人事・労務の業務効率化を実現しています。
Web上から役所への申請も可能で、煩雑で時間のかかる人事・労務管理から経営者、担当者、従業員を解放し、企業の生産性向上を後押ししています。

とんねるずの木梨憲武さんと俳優の伊藤淳史さんのCMで名前を聞いたことがある人もいるかもしれません。

UX基礎講座

まずは、昨年度も業界研究授業でお世話になったUXデザイナーの後藤さんにUXデザインの基礎をお話しいただきました。
UXデザインを取り巻く4つの言葉があります。

• UI(ユーザーインターフェース)
• ユーザビリティ
• UX(ユーザーエクスペリエンス)
• UXデザイン

「ユーザビリティはサービスの性能、UXはユーザーの中で起こること、UXデザインは、よいUXになるようにする、作り手の仕組みづくり」と教えていただきました。

似たような場面で登場する言葉ですので、混同しないように、図を使って解説していただきわかりやすかったです。
頻繁に登場したこの図は忘れないようにしたいですね。

2022年は、少し新型コロナウィルスへの対応も変化してきて、多くの方々に直接、学生に業界・職業のお話をしていただきました。
本年も引き続き、よろしくお願いいたします。

さて、2023年最初の業界研究授業は、株式会社アンティー・ファクトリーでディレクター・プランナーとして仕事をされている福田さんにお越しいただき、Web制作に関わる様々な職種や福田さんご本人のこれまでの経緯などについて、お話していただきました。

アンティー・ファクトリーについて

1996年に有限会社アンティー・デザインからスタートし、2001年に株式会社アンティー・ファクトリーとして設立されました。
2009年に、現支社長の飯田さんが名古屋に戻り、名古屋オフィスを立ち上げました。福田さんは、2019年に広告系制作会社から転職で入社しています。

福田さんのキャリア

もともと絵を描くのが好きだった中学生の福田さんは、大学は、美術・デザインを学ぶ学科に進学しました。
大学時代の「デザイン思考」の授業課題の楽しく、前向きに取り組む中、デザインとは、ヒトを中心とした目的設定（誰かのために。誰かの何かを良くすること）・計画策定（考え方を学ぶ）・実現化からなる一連のプロセスであると考えるようになりました。

さらに、課題制作を通して「技術力を身につけて美しいものをつくるというよりは、デザインについてもっと考えたい！」「デザインの最終（実現化）よりも、企画するほうが楽しめるのではないか。」と自己分析したそうです。

新卒で入社した会社は、バックブランドで販売促進・オンラインサイト運営などで、バナーや販促物なども制作するデザイナーでしたが、転職を機にプロデューサー・プランナーに転向し現職に至ります。
学生に対しても「学んでいる分野が今は好きだと思うけど、それは変わっても全然いいから、考え直してみてもいいかも。」と話していただきました。