「Stack Nagoya Fes Vol.3」に参加してきました

勉強会メモ

感想

  • 7月のvol.2に続いて今回も参加しました
  • 名前は知ってるけど話を聞くのは初めての人が多くて面白かったです

斬新な企画発想術

  • Clap 前川さん

イノベーティブな企画術

  • 制作会社
    • 成果にコミットして他社と差別化されるようなイノベーティブなものを求められている
  • ラテラルシンキング
    • 水平思考
    • 既成概念を無視して考えを広げる思考法
    • 前提を疑う
    • ロジカルシンキングは対義語で垂直思考で絞り込んでいく
  • 成果にコミットする必要もある
    • ラテラルに広げてロジカルに落とし込む

熱狂が伝播するチームの作り方

  • 井斉花織（いおり）さん

いいチーム

  • カルチャー
    • 心理的安全性の高さ
    • 各個人がそれぞれの自分にしかない最大価値を発揮する
  • チームで
    • KPTの振り返りであげた項目をvalueと紐づける

良いサービスを作ってくれたのに営業もマーケティングもできなくて悔しかった話

  • 岡崎志保さん

1人営業とマーケティング

  • 技術的な価値を伝える難しさ
    • 技術的な質問に答えられない
    • 商談が機能の羅列で終わってしまう
    • 施策が思いつかない
  • 振り返って
    • 顧客の課題の理解不足
    • 技術的な理解不足
    • 行動量が足りない
  • 取り組み
    • AIを使い倒す
    • 自分技術者じゃないしと切り捨てない
    • 本を読んだ

【ゼロからの挑戦】Web広告代理店で問い合わせ獲得のためにやったこと・やっておけばよかったこと

  • 原銀大さん

マーケティングの取り組み

  • 新規なのでコンテンツがないところからスタート
    • ブログ記事を書いた
      • SEO意識して検索かかるように
    • ホワイトペーパーを作った

プレイングマネージャーの「プレイングの時間」の使い方

  • きよしさん

効率的なプレイング時間の使い方

  • マネジメントをやってるが忙しい時は自身でも作業をしている
    • マネジメント業務をしながらどうこなすか
  • とにかく時短する
    • ゲーミングマウス
      • ボタンがたくさんある
      • 片手でfigmaを操作できるのでもう片手でスマホ見ながらとかできる
    • AI活用
      • 音声入力で空き時間に壁打ち
    • ショートカットを使いこなす
  • うまく段取りする
    • 手戻りの要因を潰す
    • 勝手に進捗報告
    • 自分がやることにこだわらない
      • 自分にしかやれないことに集中する

ほしいテンプレート制作から始めるツール学習のススメ

テンプレート制作

  • studioのテンプレート
    • 審査に通ると出品できる
  • テンプレート作成
  • 出品
    • 特徴やこだわりを記載して出品
    • 審査で細部へ丁寧なフィードバックが来る

その可愛い字形GoogleFontsで使えません！？ Figmaとフォントファイルと実装と

  • みらるさん

OpenType機能

  • figma上で指定されたフォントをそのままCSS適用しても反映されない
  • フォントファイルには文字の形以外の情報も入ってる
    • OpenType機能
      • スタイルセットの情報
    • font-feature-settingsでCSSで指定する
    • GoogleFontsのCDNは非対応
    • AdobeFontsだと表示できた
    • GoogleFontsからダウンロードしてwoff生成するといける

htmxって知っていますか？次世代のHTML

  • 長谷川喜洋さん

htmx

  • htmlタグに専用の属性をつけることで機能を拡張できる
    • hx-xx
  • 属性をつけるだけでbuttonなどで非同期通信ができる

静的HTMLを最初に作る制作フローにするなら、どのCMSが良いの？

  • 長谷川広武 (´ ºムº `)さん

CMS

  • WordPress
    • 静的HTMLを作ってWordPressのテーマを作っていた
    • 今はブロックエディタ
  • Jamstack
    • ヘッドレスCMSで
    • エンジニアがいないと壁がある
  • MovableType
    • 静的にも書き出せる
    • 高い
    • 覚えるハードル
  • a-blog cms
    • 部分的にも導入しやすい
    • 有料

見た目を再現するデータでなく、データベースとユーザーを接続するインターフェースを作ろう

UIのパターン

  • UIスタック
    • Blank State: データがない状態
    • Loading State: 読み込み中の状態
    • Partial State: 部分的にデータがある状態
    • Error State: エラーが発生した状態
    • Ideal State: 理想的な状態
  • UIのパターンを考慮して設計すると良いというもの
  • それぞれの状態で何を出すべきかユーザ視点で考える

neccoのデザイナー採用課題の話

neccoの採用

  • デザイナー採用強化している
    • 業務拡大
    • 休職予定のメンバー
    • 2年間採用してなかった
  • 募集
    • 自社サイト経由のみ
    • 2024/10/1-31の期間で40人応募
  • 情報発信
    • 制作実績の公開50件超
    • SNS
  • 採用課題
    • 架空の企業の新規サービスサイト作成
      • 1ヶ月かけて
      • PC/スマホなどしっかりと
      • プレゼンしてフィードバックをもらって3稿まで
      • 質問のやり取りとかもするので実際に働く特の想像がつく
      • 40名中5名通過
    • 各種面談して残り3名

映像制作の趣味も全力で？ テレビ番組出演にいたった裏話

  • 池田泰延さん

映像制作でのテレビ出演

  • タイムラプス動画
    • 定点で動画を取ってスピードをあげて再生
    • 飛行機が空港に着陸していく様子がバズってテレビにも出ることになった

33,000ページ・編集者720名 - 大規模教育サイトリニューアルの舞台裏

  • カイト（Kite）さん