建設予定地

当面はやったことの備忘録

PIXIV DEV MEETUP2024に参加しました

はじめに

9/20に開催されたPIXIV DEV MEETUP2024(#pixivdevmeetup) に招待いただいて参加してきました。

conference.pixiv.co.jp

Image
PIXIV DEV MEETUP2024 オープニング

Image
会場内の立て看板。可愛い。

友人のぴこぴこ(@picopico_dev )くんに招待いただいての参加でした。大感謝！！

ありがたいことにご縁があって、今年はPIXIV MEETUP 2023に続き2回目の参加でした。

ピクシブの皆さんのプロダクトへの愛とクリエイターへの熱量を肌で感じて、とにかく終始ワクワクさせられるイベントでした。

pixivは、僕も小学生のときからユーザーとしてずっと使っている大好きなサービスなので、中の人のお話が生で聞けることへの高揚感と、同じエンタメ系事業会社で働く身としての共鳴する部分もあって、一ユーザーとしても一エンジニアとしても、心から尊敬の念を感じるお話ばかりでした。

また、多くの方々のセッションやキーノートを聞く中で、「ビジョンの明文化」という文化が組織として根付いている(それぞれの取り組みに対し、何のために取り組むか、という前提の問いかけへのアンサーが常に用意されている)のを感じられたのが印象的でした。

LPサイトについて

こちらのLT発表でもお話がありましたが、イベントのLPサイト がめちゃくちゃ凝っていて素敵でした。

スクロールアニメーションでコンテンツが変化する、独特の「奥行き」が感じられるデザインになっていて、見るたびにワクワクさせられました。

セッションの感想いくつか

ピクシブにおける「ビジョン」の取り扱われ方

speakerdeck.com

ピクシブさんが昨年一新されたMVVの刷新検討プロジェクトの裏側についてのお話でした。

ビジョンの刷新検討とは、何のために「会社としての活動、プロダクトづくり、プロジェクト」に取り組むかの探求であり、このような明文化を重視し

"ピクシブらしい開発を誰でもができるように。"

の明文化のもと、刷新プロジェクトに取り組まれたそうです。

この刷新プロジェクト「プロジェクトシェルパ」の名称は、プロダクト作り＝「険しい山に登るような行為」というところからつけられているそうです。　

「なんのために取り組むか」の明文化を重視し、理想像(ビジョナリーシート)と具体的なアイデア(インセプションデッキ)を使い分ける工夫をしている、というお話がありましたが、実際にプロジェクト推進時にステークホルダーとなる人々の認識(経営陣と開発現場の共通認識など)がブレないように工夫されているのが伝わってくる取り組みに感じられました。

セッション中で、社内向けに作成・運用されているというガイドブックも公開してくださいました。

pixiv.notion.site

Charcoal 2.0: デザインシステムの基盤を再構築

ピクシブフロントエンドのデザインシステムcharcoal のカラーシステム再設計のお話でした。

創作界隈でアクセシビリティは重視すべきなのか？という疑問に対し、絵画の巨匠モネは白内障になってから世界で最も高価な絵の一枚を生み出している、というお話を例に、創作界隈でこそ平均よりアクセシビリティは重視すべき という考えのもと再設計を行った、というお話が印象深かったです。

カラーシステムの設計は、デザインシステムの最も重要な基盤の一つのため、以下の三点を満たせるように試行錯誤しながら再設計を行なったとのことでした。

カラーパレッド5色の状態からスタートし、アクセシビリティを考慮しながら拡張していったとのことでした。 最初はデフォルトテーマ、プレミアムテーマ、リクエストテーマ...など多くのテーマがあるために、ブランドカラーが警告色と重なる、などの苦労もあったそうです。

また、カラーパレットのコントラスト比を揃えるためにOKLCHを採用されているとのことでした。

Image
HSL/OKLCH色空間

HSLの色空間は人間の感覚とずれているため、カラーパレットでは人間の色覚を近似しやすいOKLCH色空間を採用し、APCAを組み合わせることでコントラスト比を揃えているそうです。

(Charcoal Primitive Tokensのデザインファイル はFigmaでOSSとして公開されているのもありがたいです。とても勉強になる......)

pixivのフロントエンド開発のこれまでとこれから

17年間の歴史を持つピクシブのフロントエンドは、PHP + Smarty + js, cssに始まり、SPA以降時にReactとVue.jsを同時に採用していた時代があったとのことでした。

SPA移行当時のReactがバンドルサイズが大きいという課題があって、スマホではVue.jsを採用していたとのことでした。

また開発体制においても、関係者が多い大きなモノレポ(yarn workspaces) を採用しており、影響範囲が広くライブラリアップデートが難しい、デプロイロック待ちの時間が長いなどの課題に直面したそうです。

フロントエンドフレームワークは、このようなデプロイフローの改善と、「広く普及したフレームワークに乗ることで、公式に丁寧なドキュメントに用意されている」という理由から、Next.jsへの完全統一を進めたそうです。

移行を進めるなかでは

  • SPA遷移になってしまうため、ホームタブの移動時にスクロール位置がリセットされてしまう
  • 初回アクセスで表示するコンテンツ量が大きくなってしまう

などの課題があったそうです。

スクロール位置のリセット問題の解決は、BFCacheで対応したが、Safariだとスクロールキャッシュが保存されないなどの苦労もあったとのことで、技術的にも深ぼって聞きたい...！！と思わされるお話でした。

iPadでのお絵描き体験を考える

こちらは今年4/17にリリースされた、新しいiPad向けペイントツール「Pastela」の体験設計と、その試行錯誤についてのお話でした。

PastelaはiPadユーザーであれば無料で使えるペイントツールで、「お絵描きのハードルを下げる」という目的のもと開発されたそうです。

iPadは、PCや液タブと比べると画面が小さく、タップ領域などの制約があります。 iPadの大きくない画面(8-13inch)で、機能数を無限にスケールさせられて、作業を効率化できるか？という点を意識されながら、インセプションデッキとDesigin Docを活用して体験設計を行なったそうです。

例えばパネルスタックのスクロール設計を一つとっても、

iPadのウィジェットのサイドバーが近いのでは？ →サイドバー内のパネルは縦にリサイズできる →Nested Scrollになっている(iPadのウィジェットのサイドバーもNested Scrollになっている)

など課題とどう向き合ったか？というエピソードがあり、技術的にもとても興味深かったです。

リリース直前まで、ユーザーフィードバックをもとにした改善フローを何度も重ねた、というお話が素敵でした。

pixivに新しく「ホーム」タブを追加している話

pixivで2024年7月から順次リリースが進んでいる「ホーム」タブの追加プロジェクト(通称：ストリートプロジェクト)のお話でした。

ストリートプロジェクトは、「pixivに大通りをつくる。(受動的にpixivの体験を享受できる場所、pixivストリート)」という明文化のもと始まったプロジェクトとのことでした。

pixivでは、トップページの設計がプラットフォームごとや作品種別ごとに異なっており、これらすべての体験を統一したものを提供するという目的を持つホームタブの追加は、おおよそ1年に及ぶ壮大なプロジェクトとのことでした。

登録ユーザー数・作品投稿数ともに1億を超える巨大プラットフォームのpixivでは、ユーザー影響の大きさも相当なものであることが容易に想像できます。

プロジェクトを進める際にどのような工夫をしていたのか、観点・手法ともにひたすら勉強になるお話でした。

こちらのセッションでも、課題感・理想像の言語化ツールとして、プロダクトミッションとビジョナリーシートを組み合わせて使っているというお話がありました。

ビジョナリーシートについて、先述のセッションのお話でもありましたが、初めて耳にする概念だったのでとても興味深く聞いていました。

このような取り組みについて、開発は抽象から具体へ近づけることであり、抽象から具体へ繋げるパスが重要(課題感・理想像を言語化する)、という表現がされていたのも素敵でした。

キーノート

キーノートでは、職域を横断した様々な取り組みについて紹介されていたのが特徴的でした。

  • 財務×IT×ピクシブのエンジニアリングなお話
  • ZEN大学では、エンジニア0名、プランナー1名のエンジニアレス(!!)でシステム開発を(GASとスプレッドシートを駆使しながら)スタートしたというお話
  • ベニヤサーバーをすべてOpenStackしたお話(凄い)
  • AI生成作品フラグの導入までの背景のお話

などなど、本当に一つ一つが濃厚なお話ばかりでした。

ブース・懇親会

総合して、「誰もが楽しめる体験設計」が至る所に施されているなあと思いました。

初めましての方はもちろん、お世話になっている色々な界隈の方々に声をかけていただいたり、見つけてお話できたのも嬉しかったです。

(よく会う方もいれば、久しぶりな方もいたりで良かったです。本当に道をゆけば知り合いとお会いするので、実質オフ会でした)

pixivcoban のオリジナルティッシュ、可愛かったです。

寿司打に挑戦したり

辰べえ(@shoryu927) くんにVision Proを試遊させてもらったり、ミラーリングデモを見せてもらったり

Image
Vision Proのミラーリングデモ

果し状をいただいてポーカーに参戦したり

射的に挑戦できたり

萩森じあさんによるPastelaのライブドローイング、凄かったです。

おわりに

ピクシブさん、最高のイベントを開催をしてくださって本当にありがとうございました！！

おまけ

MEETUPの翌日に誕生日を迎えたのですが、二次会で行ったお店にタイミング良くバースデーカクテルがあり、ちょっとほっこりした気持ちになりました。 良い一年になりそう。

フロントエンドカンファレンス北海道2024 実行委員長をしていました

はじめに

全くの余談ですが、このブログの下書きは高度11300mから書かれています。

フロントエンドカンファレンス北海道2024が、2024年8月24日（日）にDeep Tech CORE SAPPOROで開催されました。

www.frontend-conf.jp

Image
オープニング（撮影：nrsさん）

フロントエンドカンファレンスは、沖縄や福岡でも過去に開催されていますが、北海道ではまったく別の実行委員会の運営による初開催となります。

なぜ僕が主催をすることになったのか？という経緯については、ツナギメエフエムで詳しくお話させていただいているので、気になる方はよければこちらをご視聴ください。

open.spotify.com

note.com

実行委員長をやった

「きみが実行委員長だったんだ」という声を当日各所からよくいただいたのですが、ある意味これは思惑通りでした。

今回、僕はあまり「実行委員長が誰か」というのを表立って出さないようにしていたためです。

というのも

「カンファレンスはあくまでセッションが主役である」

「実行委員長だから偉いわけじゃない。一人の力ではなく、スタッフ全員の力があって初めて成り立つもの」

という思いがあったためです。

僕の存在がカンファレンスそのもののノイズになってほしくない、という気持ちがあって、あくまで自分は黒子でいたいと思っていました。

また僕の中で三つ決めていたことがあって

1. 絶対に業務に支障をきたさないこと

僕はまだ新卒二年目の、事業会社に所属する一エンジニアです。

同僚や先輩達に支えてもらいながら、多くのユーザーさんがいるtoCサービスの運用・保守の仕事に関わっています。

カンファレンス業はあくまで趣味の範疇（弊社もスポンサードしてくれていましたが）。

「絶対に業務に支障をきたさないこと、会社に迷惑をかけないこと」を信条に、極力有給は取らずに、あくまでもカンファレンススタッフ業は業務外でやる、のスタンスを徹底していました。

2. スタッフさんに仕事や責任を「押し付け」ないこと。信頼して、あくまで「お任せする」

フロントエンドカンファレンス北海道2024実行委員会は、完全善意の有志のボランティアスタッフによって運営されています。

スタッフの皆さんは普段のお仕事と両立しながら、休日や日々の隙間時間を縫ってイベント運営に尽力してくださいました。

東京や釧路など、遠方から参加してくれたスタッフさんや、家庭を持たれて小さなお子さんがいるスタッフさん、学業と両立しながら参加してくれている学生スタッフさんもいます。

交通費・宿泊費も満足に出せない。（ボランティアなので、所属組織からお金が出ているわけでもない） 皆さんはそんな中で集まってくれています。

だからこそ「僕ができないことを（ある程度言語化・整理した上で）託してお任せる」ことはしますが「やりたくないことをお任せする」ということは絶対にしない。 また、実行委員長の仕事は矢面に立つことであり、イベント開催における全責任を引き受けることだと考えています。

僕が行動の基準としていたのは一つで、「これが欠けると、イベントが絶対に開催できない」という見落としがないように終始気持を配ることでした。

イベントを「大成功させること」ではなく、「絶対にリカバリーが効かないような致命的な見落としをしない」ことでした。

そのため、イベントの資金繰りやスポンサーさんとの対応などは自分が責任を持って行うようにしていました。

3. 途中で投げ出さない

イベントの開催はノリと勢いで決まったようなものでしたが、言い出した以上は「絶対に途中で投げ出さない」ということを信条としていました。

基本的には各担当スタッフの方に予算以外の最終決定権は基本的に全任する、というスタンスでしたが、（そんなことはありませんでしたが）スタッフさんの誰かが万が一なにか問題を抱えてしまったとしても、言い出しっぺの僕が全責任を負うぞ、というつもりでいました。

実行委員長としてやったこと

開催までには主に以下のようなことを行いました。

  • イベントの開催計画
  • イベント協賛資料の作成
  • イベントの予算組み
  • 当日までのガントチャートの作成、必要なタスクの洗い出し
  • 準備期間中のスタッフさんのロール決め
  • 広報記事の執筆・スタッフさんに書いていただいた記事のレビュー
  • イベントページの作成
  • チケット販売プラットフォームの検討、準備とそれに伴う関係ステークホルダーとの調整
  • 会計処理（委託先のLOCAL様との調整）
  • CfPの採択基準の作成（※僕自身にCfP採択の決定権はありません。採択会議でイベント全体のバランスを考慮し、スタッフの総意のもと決定しています）
  • その他イベント資料作成、外部との調整
  • アンケートフォームの作成
  • その他必要なレビュー

など

スポンサー担当・会計担当（会計委託先のLOCALさんとの調整）・広報（補佐）担当を兼務しつつ、主に裏方の事務処理や外部との調整に振っていた感じです。

note.com

スポンサーさん対応はほぼワンオペ対応（スタッフの皆さんに都度レビューなどお願いしていましたが）であったこと、手探りでの資料作成、日常の業務との両立もあって、なかなか皆様に満足いただけるような体験が提供できない部分もあったかと思います。

そんな中、皆様からは労いのお言葉や「来年度も協賛したい」といった声も多くいただけていて非常に身に沁みます。 皆様からのフィードバックは重く受け止めて、次年度以降の開催に活かせればと思います。

当日はオープニング・エンディングの司会をやったりもしましたが、緊張で舌が回らず自分のあがり症を思い知らされました（これに関しては場数不足もありそうですが...）。

会期中は主にトランシーバーやDiscordで飛んでくる緊急対応にあたったり、配信の二窓監視をしつつ合間合間でスポンサーさんのブースにご挨拶に行ったりしていました。

セッションは、CfPでご応募いただいた通りのバラエティに富んだ最高に魅力的な内容ばかりでした。

常に気を張っていたこともあり、当日はセッションをほとんど聴く時間がとれなかったため、後ほど配信のアーカイブですべて余すことなく堪能したいと思います。

fortee.jp

note.com

ふりかえり

僕はふだんから一人で抱え込みすぎる悪癖があり、準備をはじめて当初はタスクを抱えすぎて「このままで大丈夫なんだろうか……？」と不安になることも何度かありました。

スーパーマンではないし（むしろ、普段はそそっかしいほうの人間）、実行委員長といってもただの言い出しっぺというだけで、僕の判断がつねに絶対的に正しいわけでもありません。

（むしろ「大事な局面で自分一人の独断で動くと、絶対にコケる」という確信がありました）

そのため、誰もが個の能力を発揮しながら対等に意見（提案や懸念）を言い合える、自律的に動ける組織でありたいという思いがありました。

そのため攻殻機動隊の荒巻課長の「スタンドプレーから生じるチームワーク」に倣って、「各ロールのスタッフさんに決定権を完全委譲して（自律分散させて）、お任せする」というスタンスを皆さんに共有しました。

そこで、スタッフさんの一人が「カンファレンス憲章（MVP）を作ろう。スタートアップ企業のようなMVPがあれば、意思決定権を完全委譲しても、そこから大きくずれることはないはず」という提案をしてくれました。 これをきっかけに、カンファレンスの最初にスタッフの皆で実施したワークショップをもとに、MVPを考えることにしました。

aback-jasmine-06b.notion.site

M（ミッション）：フロントエンドカンファレンスが参加者に対して「なすべきこと」：

『誰も置いてきぼりにしないカンファレンスにする』

V（ビジョン）：フロントエンドカンファレンス・フロントエンドカンファレンス実行委員会が目指す「あるべき姿」：

『人と人、人と土地、人と情報を繋げる』

V（バリュー）：フロントエンドカンファレンス・フロントエンドカンファレンス実行委員会の構成員が具体的に「やるべきこと」：

『無理なく小さく、を本気でやる』

ワークショップを通じてMVPをコアスタッフ間で共有できたことで、各々やりたいことはあれどゴール設定がMVPから大きくブレることなく、役割を分散・委譲できたと思っています。

トラック数の増設・ハイブリット開催について

当初は100名程度の小規模なイベントを想定していました。そのため協賛費用も他イベントに比べるとかなり安いものになっていたと思います。

そんな中でも、急遽トラック数を予定していた1トラックから2トラックに増設したのは、想定を超える多くの（160件もの）CfPの応募をいただき、フロントエンドカンファレンス北海道の開催に対して多くの方の熱量を感じたからでした。

結果的に今回は初開催にも関わらず、2トラック・ハイブリットという相当挑戦的な開催でした。

「ハイブリットで開催したい」というのは、譲れない部分ではありました。

会場の制約上人数に限りがある・地方開催ながら全国各地からスピーカーさんが集まってくださることから、オンライン配信の需要を強く感じたためです。

また僕自身（北海道出身ではあるものの）普段は東京に身を置いており、東京にいる同僚や知り合いにカンファレンスを届けたいという思いもありました。

無理を言ってお願いした中、引き受けてくださった配信担当スタッフの皆さんには足を向けて眠れません。

当日の事前準備・リハーサルについて

今回は予算の都合などで会場のレンタル時間に制約があり、通しでのリハーサルを行うことができませんでした。

配信設備の構築に時間をかける必要があったこと（今回配信卓の構築なども一切外部に委託せず、スタッフさんが持ち込みの機材なども使って自前で行ってくれています）や、当日の発注物が（業者さん側の都合により）時間通りに届かないなどのトラブルもあったことから、前日の事前準備にかけられる時間は限りがありました。

当日も9:30開場にも関わらず、会場レンタル開始時間・スタッフ集合が9:00というタイトなスケジュール感のもと、各々で最大限の動きをしてくれたスタッフの皆さんに本当に感謝です。

やってよかったこと：スポンサースタンプラリー

僕が「どうしてもやりたい」と要望を伝えたところ、スタッフの皆さんが台紙や景品の作成などを行ってくれました。

結果的に当日ブースも大盛り上がりを見せていて、やってよかったと思っています。

（オリジナルの素敵なノベルティや楽しい企画でブースを盛り上げてくださったスポンサーの皆さま、ありがとうございます）

スタンプラリー達成特典の抽選会の景品である、幻のアクスタ（今回カンファレンスの顔となるLPサイトの制作もしてくれたのっと（@knot）くんが手作りしてくれました）

Image
幻のアクスタ（撮影：nrsさん）

お盆休みという壁

今回は開催直前期にお盆を挟んでいたため、発注物系に遅れが生じたり、お休み中の業者さんとの連絡がつかず、保険周りの契約がギリギリになってしまった、というアクシデントにも見舞われました。

そんな中でも、可能な限りの手を尽くしながらリカバリーに動いてくれたスタッフの皆さんのおかげで、開催にあたって必要な物品なども欠けることなく当日を迎えることができました。

本カンファレンスのクリエイティブ（映像、タイトルコール）・制作物はデザインから、すべて制作物スタッフの皆さんによる手作りです

最後に

当日は機材トラブルによる開催時間の遅れなどで、参加者の皆様にはご迷惑をおかけしました。

とはいえ大事故や誰かが怪我をするなどもなく、無事に初開催の一大イベントを終了できたのはひとえにスタッフの皆さんと、当日あたたかく見守りながら一緒にイベントを作ってくださったスピーカーさん、一般参加者の皆様・スポンサーの皆様のおかげです。

当日、一緒にイベント運営を支えてくれたスタッフの皆さん

これはイベント終了後の翌日、一人夜カフェで思索に耽りながらスマホで打ち込んだ2000文字の感謝文

僕と多くのスタッフさんを繋げてくれたすべてのはじまりであり、大尊敬するPHPカンファレンス北海道の実行委員長のやまと（@yamato_sorariku）さん

フロントエンドカンファレンスを北海道で開催したい、と今年のお正月にDMをしたところ、親身に相談に乗ってくださったフロントエンドカンファレンス沖縄実行委員長のカンボ（@kanbo0605）さんとスタッフのふじた（@Yuhei_FUJITA）さん

イベントの運営についての悩みをパフェを食べながら打ち明けたところ、僕を家まで送ってくれつつ、深夜2:00まで立ち話で相談に乗ってくれたとみお（@tomio2480）さん

イベント中の救急や火災対応についてなど、運営についてアドバイスをくださりつつ応援してくれていたTech RAMEN 2024 Conferenceスタッフの皆さん

当日も激励のDMをくれたことみん（@kotomin_m）さん（勇気づけられました）

カンファレンスの象徴となるイベントロゴがほしい、という僕の強い希望から依頼をしたところ、快く引き受けてくださったどうけ（@doke）さん

イベント当日まで運営をあたたかく見守ってくださったスポンサーの皆さん

前日準備、当日のイベント運営にご助力くださったDeep Tech Coreの会場スタッフの皆さん

北海道に最高のトークを届けてくださったスピーカーの皆さん

当日会場に足を運んでくださったオフライン参加者の皆さん

オンラインで参加してくださった皆さん

僕が吉祥寺.pmの懇親会の席でダメもとでお願いしたら、二つ返事で快く当日カメラマンを引き受けてくださったnrs（@nrslib）さん

当日のセッションのタイトルコール動画のナレーション、および急遽のお願いにもかかわらず懇親会ナレーションを引き受けてくださったMilia（@xmiliax）さん

期間中、1LDKのマンションに毎日深夜3:00ごろに帰宅する僕を怪訝な眼差しで見つめつつ受け入れてくれた母

皆さんへの多大な感謝とともに

n13u（@n13u）さんに実行委員長を託し

フロントエンドカンファレンス北海道、来年（2025）も開催します！

TechRAMEN 2024 Conference 参加レポート

はじめに

7/27(金)・28(土)に旭川市大雪クリスタルホールで開催された、TechRAMEN2024 Conferenceに参加しました。

techramenconf.net

この記事は、TechRAMEN2024 Conferenceの前夜祭+本祭の参加レポートです。

ことのはこび

今年の冬ぐらいに「7/27・28くらいに、tomioさんが旭川ででっかいやつをやるらしい」と聞きつけ、おもむろにカレンダーに予定を確保した日も今は昔。 諸々の経緯からお声がけいただいて、前夜祭・本祭当日はスタッフとして参加していました。

当日以外は特にスタッフとして何をしていたわけでもないのですが、一本だけnoteを書かせていただいたりしていました。

note.com

前々日

7/25の夜に東京からJALで移動しました。

空港の搭乗ゲート内でkojikaさんとrelaさんと偶然エンカウントするサプライズ。

JALの発着の遅れはありつつも、21:00頃に旭川到着後、#とみおめしにスライディング合流しました。

初の旭川飯。

ご飯会後はクラフトビールのお店で軽く二次会をした後、深夜2:00までシメパフェをやっていて、にゃんこがいる（！）カフェがあったので移動。

この日の宿は開催二週間前にぬるっとAirbubでとりました。

駅近&夜間はバー営業もやっている&朝ごはんに卵かけご飯が食べられるの三点セットなオシャ宿でめちゃくちゃ体験がよかったです。 リピートしたい。

前夜祭

当日は朝9:00に会場に集合。ネームカードをラミネーターに通す流れ作業をしたり、会場誘導・タイムキープをやったり、クロージングでパワポカラオケをしたりしていました。

Image
オシャレネームカードはコアスタッフのときたさん(@kobutorigattu) デザイン. これで本職消防士さんだというので多才すぎる...

昼ごはんは会場から15分ほど歩いたところにある、らーめん玄の青南蛮醤油ラーメンを食べました。

Image
青南蛮醤油ラーメン(らーめん玄)

南蛮の辛みにしっかり醤油が効いていて美味しかったです。

本祭

懇親会受付をやったり、会場誘導をやったり、荷物を運んだり、都度発生した諸々をしていました。

Image
砂川町が誇るB級グルメと聞いたら食べずにはいられない

お昼ご飯はポークチャップ。この濃い味が忘れられません。

午後にはカフェブースもデプロイされていました。こちらはときたさん(@kobutorigattu) さんが焙煎してくれて、やまとさん(@yamato_sorariku) が淹れてくれたコーヒー。

印象に残ったトーク

スタッフをしながら、トークもちょこちょこ聴かせていただいていました。 全部のトークが最高すぎて、すべてを紹介しきろうとすると超大作待ったなしのため、ここではいくつかのトークをピックアップしてご紹介します。

質問する場はどこにある ~ちょっと失敗したかも編~ by かげろん こちらのトークでは、2つの異なるチームにおける質問文化の違いを事例として取り上げながら、課題とどう向き合っているのか？が紹介されていました。

普段業務をしている中で、リモート主体のチームにおけるテキストコミュニケーションを上手に使いこなしながら、「ためらいなく質問する」という行為の大切さを強く感じるます。 トーク中でお話されていた、「いつでも質問してね」の「どこで誰に？」や、「話の流れを遮らないか不安」は個人的にも共感できる感覚でした。 徐々に慣れてきましたが、新卒一年目のチームにアサインされたての頃は感じることがありました。

タスクや話題ごとにスレッド分けのないチャットツール上のやりとりなどで、「自分が突然関係のない投稿をして、話の流れを遮らないか不安」のような感覚は誰もが一度通ったことがあるのではないかな？と思います。 （「〇〇さんが入力中です...」となっているのに気がついたときのタイミングの探り合い・譲り合いにも似たものを感じます）

質問しやすい場作りをされた、という取り組みがとても素敵だな、と感じました。

Podcasting Guide 2024

高専在学時代から配信数260回にものぼる5年モノのpodcastを続けているというmktakuya(@mktakuya) さんのお話。

純粋に、「続ける」ことの説得力が凄いなと尊敬でした。

印象に残ったのは、大方針を「80点の品質を低工数で安定して出す」とした上で、「メンバー・スケジュールを固定化する」という工夫をされている、という部分でした。

これは、podcastに限らずあらゆる物事でも適用できそうな工夫だなぁと感じます。

前者については、工数をかけすぎると続けにくくなるし、かといって品質を下げるとpodcast自体が聞かれづらく、モチベーションが湧かなくなってしまうということでした。 (例えば運転中に聴くpodcastの音源がガビガビだと、聴くのを止めてしまう) 編集で楽をするために収録時の音にこだわる(そのための初期投資を惜しまない)」という指針がすごくスマートだなぁと思いました。

後者については、不安定要素が多く、調整コストが大きい決め事ほど流れがち、というのはあるあるかなと思います。 「固定化する」という方針に舵を切ったことはもちろん、それが5年続けられる関係性のメンバーがいる、というのが素敵だなと感じました。

【導入編】SvelteKitで始めるWebサイト／アプリケーション開発 こちらのセッション中は、スタッフとして司会/画面接続補佐な役割をしつつ、ワークショップに混ざって参加させていただきました。

僕自身、普段の仕事ではNext.jsを書いていますが、副業の技術調査でSvelte/SvelteKitに触れる機会がありました。 SvelteのVue Likeなテンプレート構文や、Next.js/Reactにはない(仮想DOMを使用しない、記述量が少ない、コンパイル時に値を検知するReactive性などの)シンプルさや開発体験に親しみをおぼえていて、今アツいなぁと思っている言語の一つでもあります。

ワークショップ中は、SvelteKitのサーバーフレームワークとしての可能性のお話を聞いたり、会話の中でも多くの新しい発見があってとても学びになりました。

増岡(@fkuMnk) さんのzennがとてもよくまとまっていて、初めてSvelte/SvelteKitを学びたい！という方は必見なのでは？という気持ちになりました。

zenn.dev

ひとりのプログラマ、問題解決者としての原理原則とワークフロー t-wadaさんによる基調講演でした。全部が良すぎてまとめきれないので、いくつか印象に残った部分ですが

不確実性と向き合うために、現状を考えて、目標地点に向けて最も小さな一歩を踏み出す

不確実性との向き合い方の第一歩が「課題を抽出して、小さく分解すること」であるのは、後述の77webのお話とも繋がる部分だと思います。

スモールステップとGit commitのお話も印象深かったです。

人間には羞恥心や虚栄心があることをGitは知っているので、「もどる技術」が用意されている だからこそ、あとから戻りやすいように細かい粒度でcommitする

聞いていて、「言語化が上手い......！」となりました。

Gitは歴史の修正を許してくれるので、「コミットメッセージはあとから直す」くらいの気持ちでcommitしていい。

テストがgreenになるまでcommitしない、ではなく、その日中にできる最小単位のcommitをする、というお話をされていました。

業務をしている中で、revertが必要な場面、というのはどうしても起こりうるのだなと感じます。そうした中で、戻りにくいcommit履歴に苦しむ、という場面も少なからずありました。

講演の前半で、「無謬主義に陥りがちだが、大切なのは、自分たちのしていることはそもそも間違っているという前提に立つこと」というお話がありました。

人間は完璧ではない(失敗をする) 生き物だからこそ、それを認めて、(失敗しても戻りやすいように)小さいコミットを重ねる、というメンタリティは、日々の業務の中でも忘れないようにしたいです。

すばやく実装するための戦略とテクニック2024年版 speakerdeck.com

素早く実装を行うために何をすべきか？というのは勿論のこと、そもそもなぜ速度が出ないのか？という疑問に立ち返り、「わからない」と速度が出せない、とお話されていたのに、首がもげるほど頷いていました。

機能要件がわからない(そもそも決まっていない)、処理のボトルネックがわからないなど、不透明なことが多ければ多いほど、プランニングなどでの見積もりもしづらく、実装に時間がかかってしまう(手が動かせない時間や手戻りが発生してしまう)というのは「本質情報じゃん......」と痛感した部分です。

このような課題に対しては、大きな問題を分割することで、「わからなさ」を削りながら実装していくのがいい、とお話されていました。 僕自身、早い段階で問題の抽出と小さな質問を重ねて不透明さをなくしていくことで、結果的な実装スピードにつながっていることを、業務のスクラム開発の中でも目に見えて感じているため、自分の中での指針にしたい、と思うくらい説得力のあるお話でした。

また、印象に残ったのは、自分自身を早くするには、「決断を早くする」ことと「思考を早くすること」、という部分でした。 思考を早くするために、手っ取り早いのは「速聴」で、Youtubeの倍速再生などでも効果があるそうです。 日々の生活の中で取り入れられそうなトレーニングなので、ぜひ真似して磨いてきたいです。

これまでと違う学び方をしたら挫折せずにRustを学べた話 テーマがRustというのはもちろん、あのt-wadaさんが新しい技術を学ぶとき、どのような学び方をしているんだろう？という部分で純粋に興味が惹かれるお話でした。

Rustはコンパイラに圧倒的な信頼を寄せることができる言語です。「Rustの厳しいルールは腹落ち感があるからついていける」という表現がすごく的確だなぁと思い、印象に残っています。

プログラミングRust を買いましょう。

【パネルディスカッション企画】ゆるいエンジニア相談室 ～あずましい開発組織とは

みやまえ(@myou_it) さんが抱えている、「コミュニティとの出会いと世間一般とのギャップの認識」についての悩みや、勉強会のあり方、キャリアパスのお話をテーマにしたパネルディスカッションは、自分自身も聞いていて刺さる部分が多かったです。

経験の中で抱えられてきた課題や痛みであったり、それとどのように向き合ってきたか/どう向き合うか？というパネラーの皆さんのお話に聞き入っていました。

note.com

勉強会についての、「懇親会は魅力品質であって当たり前品質ではない」というお話も印象深かったです。

「懇親会を楽しめるか」という部分は、実利抜きの(その人とコミュニティの)相性になってしまう。本編だけでも満足してもらう(実利になるものを持ち帰ってもらう)とリピーターになってもらいやすい。

勉強会の懇親会で人と話すのは楽しいですが、「本編が当たり前品質として提供されていること」はたしかに見失ってはいけない部分だなぁ、と思いました。 (本編を目的にして参加するため、あえてオンラインを選ぶ場面も多々あります)

勉強会・カンファレンスに同僚や知人を誘うとき、「誘う人がそのテーマに興味を持てるか/学びを持てるか？」はもちろん、「誘う人とそのコミュニティとの相性」を熟考して誘う、というお話など、自身が能動的にコミュニティと関わる機会が多い分、共感できる部分が多かったです。

「転職を意識するのはどんなときか？」という、キャリアパスについてのテーマもありました。 僕自身は新卒二年目の身の上で、転職を経験したことはありませんが、人がどんなときに転職を決意し、どんなときにその会社・チームに留まりたいと思うのか？という部分は興味深く聴くことができました。

懇親会

Image
懇親会の様子
Image
乾杯は北海道ジンジャーエールで

道北食材へのこだわりグルメに、ラーメンサラダに旭川醤油ラーメンも完備。日本酒もありと盛りだくさんでした。

合宿参加

美瑛町の合宿所に炒飯大盛りセットで参加しました。 朝7:00に起床してラジオ体操をします。健康的すぎる......

初日の朝はくろさん(@gatto_man) 差し入れのふらのメロンを食べました。皮まで甘くてめちゃ美味でした。

最終日の朝食は、旭川市・美瑛町のご当地ファストフードのジュンドッグをいただきました。 どういうものかまったく知らなかったため、ホットドック的なモノを想像していたら、中にぎっしりお米が詰まっていてほぇ〜となりました。

これはフードロスと戦うべく、ジュンドッグのお供にスイカとフードファイトをする人々の図。

嬉しかったこと

@t_wada さんにサインをいただきました。嬉しすぎる......。 懇親会が終わった後の少しの時間でしたが、実際にお話ししてみて、溢れ出る優しさと紳士オーラでますますファンになりました。 Rustをテーマに、LT後のAsk the Speaker的なお話がここでもちょっとだけできたのが嬉しかったです。

おわりに・謝辞

あらためてTechRAMEN2024 Conference、最高のカンファレンスでした！！

tomioさんが長年、地方コミュニティと正面から向き合い、深く考え続けてきたからこそ煮詰まった「あずましさ」が一つの形として具現化されたのがTechRAMEN2024 Conferenceなんだろうな、と感じています。

「生活と仕事の間にある不思議な熱量を突き詰めたら今日ができる」

エンディングのこの言葉にすべてが詰まっている気がしていて、めちゃくちゃ好きな言語化でした。なんども思い出して反芻したいです。

これも大好きです。あずましい再現性ってなんだろう、の一つの答えが詰まっている気がします。

謝辞は本当に書ききれないですが、TechRAMEN2024関係スタッフの皆さん、FuraIT(#furait) とゆるい旭川勉強会(#aosc) の皆さん、当日関わってくれた皆さんと、主催のtomioさんに感謝です！

PHPカンファレンス北海道2024スタッフ参戦記

はじめに

2024年1月12日(金)〜2024年1月13日(土)、札幌市民交流プラザでPHPカンファレンス北海道2024が開催されました！

phpcon.hokkaido.jp

自分は本編のコアスタッフ、そして本編の前(々)夜祭イベント「PHPカンファレンス北海道全然野菜」の運営メンバーの一人として参加していました。

PHPカンファレンス北海道とは

実行委員長のやまと(@yamato_sorariku) さんのもと、2019年の開催5年ぶりの開催となりました。

自分は今回、同じ北海道出身で、若手ふんわりLT会を一緒に主催していることみん(@kotomin_m) さんからお声がけいただいて、スタッフとして参加することになりました。

カンファレンス準備期間

準備期間の間はことみんさんリーダーの制作チームの一人として関わらせていただき、トートバッグとロールアップバナーのデザイン・発注を担当しました。

トートバッグを例にすると、制作物の作成〜発注は、主に以下のような工程で行っていました。

  • 発注先の選定
  • トートバッグの種類選び
  • Figmaで何パターンかデザインを作成
  • コアスタッフの皆さんにアンケート
  • Illustratorで入稿データを作成
  • 発注

YAPC::Kyoto式の2wayトートバッグを今回採用しましたが、みなさんからたくさん機能性をお褒めいただけて、よかったなぁという気持ちです。

全然野菜(Day 0)

11日(木)は有志イベント、全然野菜が開催されました。 connpass.com

Sapporo Engineer Base さんに支援いただき、会場は札幌シェアオフィスBYYARDさんで開催することができました。

全然野菜には、大学の同期のうーたんくん(@uutan1108) から声をかけてもらって、運営として参加しました。

うーたんくん主導のもと、企画にあたってはせいけさん(@seike460) さんにいろいろとアドバイスをいただいたり、

会場周りはSEBのにしむらさん(@_n13u_) の全面バックアップのもと、当日はのっとくん(@618knot)、新人博士くん(@shinjinhakase)、はくすけさん(@hacusk) がスムーズな司会で場を盛り上げてくれて、開催後アンケートの結果もポジティブな声が多く、とてもいい会でした。

懇親会はカンパ制でしたが、参加者のみなさまからたくさんの温かいカンパをいただき、無事布袋のザンギをデプロイすることができました。

2024年は怒涛の年明けでしたが、全然野菜からなんとか無事に開催することができてよかったなぁと心からおもいます。

イベント後はにしむらさんのキラーパスにより、RSGT2024 帰りのとみおさんを23:00ごろ札幌駅の西口で出待ちすることに成功し、AM4:00までやっているというお茶漬けのお店に向かいました。

g.co

AM3:00を回るころ、疲れと睡魔のダブルコンボで意識をなくしかけていましたが、運ばれてくる一品一品すべてに舌を打ち、シメのお茶漬けでハートを撃ち抜かれ、Day 0から満足感に満たされて帰宅しました。

前夜祭(Day 1)

当日スタッフは9:00集合、自分は本業の業務後12:00ごろに会場入りしました。

会場は設営の準備中で、受付横には芸術的な白い恋人タワーが完成していました。

Image
タワーとMOOちゃん

#phpcondo では、北海道の名物をチラシに記入し、写真を撮って#phpcondo にポストをすると、白い恋人がもらえるプレゼント企画も開催されました。

ハッシュタグのポストを眺めると、皆さんのおすすめグルメ情報を見ることができてとても楽しかったです。

(この二日間で、google mapの行きたいお店リストが無限に積まれました)

自分のおすすめは沼の家の大沼だんごです。

当日は主に、ことみんさん、三谷さん(@kumikumitm) 、黒崎さんと四人で受付を担当していました。

本編が始まるまでは、はたけやまさん(@st_tm_k) 、カメラマンのかわばたさん(@tomotanpon) と一緒に、発注していたナポリンや備品の買い出し班に参加したりしていました。

桑園のイオンは品揃えが豊富で、24本のばら売りナポリンの取り置きをお願いしたところ、「その方がいいかと思って」とすでに箱詰めした状態のナポリオンをお渡ししてくださったりと、ホスピタリティに満ち溢れていました。（ありがとうございます...！）

当日のスタッフパーカーとベレー帽は本当に可愛いデザインで、現物を見てとてもほっこりしました。

自分は受付にいたため、セッションの様子は主に配信で見ていたのですが、会場のかっこいいレイアウトや照明・スモーク演出、ハイクオリティな高い配信に胸が躍っていました。

アーカイブ配信はこちらから見ることができます。

  • 照明や配信周りについては、テックチームリーダーのmiio(@ayako119) さんが爆速で記事をまとめてくださっています

miio.hatenablog.jp

  • パーカーとベレー帽の最高にかわいいファンアート

LTの終了5分前に振るサイリウムの一体感、楽しかったです。

前夜祭後の懇親会では、初石鍋亭で噂のニラタワー(なるもつ鍋)を食しました。しそ梅酒とお通しの煮卵もおいしかったです。

一日目ラストはシメパフェでした。

生まれも育ちも北海道でしたが、なんだかんだこれまでシメパフェ文化に触れてこなかったのが悔やまれます。 これからは積極的にパフェで締めていこうとおもいます。

本編(Day 2)

9:00に会場入りしました。前日もAM3:00ごろの帰宅でしたが、起床チャレンジに成功し心を撫で下ろしました。

Day 2も前夜祭同様、受付を担当していました。

その他に企業ブースの設営や、サイリウムの配布と回収・懇親会前後の出口誘導などを行っていました。

お昼ご飯に食べたロマンの塊「大人お子様ランチ弁当」は想像以上のボリュームで、まさしく大人サイズでした。

Image
大人お子様ランチ

懇親会は布袋のオードブル・トリトンのお寿司という豪華札幌贅沢満喫セットか？というご飯を囲み、飛び込みLTやじゃんけん大会ありと盛りだくさんでした。

20240113-21 20240113-22

懇親会のデザートはルタオのドゥーブルフロマージュでした。とても美味しいので、お土産にぜひ。(買っておけばよかった)

全自動客席が和やかなBGMとともに片付いていく様子を眺めるスタッフ(自分含め)が、完全に工場見学状態で面白かったです。

会場の片付け後は大学の同期・後輩とジンギスカンを食べに行きました。 北海道を出る前に、久しぶりに会った同期や後輩と近況を語り合えてよかったです。

おわりに

三日目は東京に戻るため、残念ながらアフターイベントのOSS Gate in 北の大地は参加できずでした。

#phplovers のハッシュタグの賑わいを眺めていて、こちらもとても素敵なイベントになったのだろうな、と想像しています。

今回、スタッフとして関わらせていただいて、新しい知見が吸収できただけでなく、多くの人たちとの縁を繋ぐこともできて、たった二日間とは思えないほどの経験をすることができました。

実行委員長のやまとさんをはじめ、スタッフの皆さんがカンファレンスを作り上げていく様子を間近で見られて、それに微力ながらも関わることができて、本当によい経験ができたなとおもっています。

自分も数日間で肌に感じたこの熱量を、何かの形で伝搬していけたらよいなと考えています。

2023年を振り返る

はじめに

今年は大学を卒業し、生まれてから過ごした北海道の地を離れました。

大都会東京に根を下ろした2023年は、本当に目まぐるしい一年だったと思います。

社内のグループ週次定例で、「今年の漢字一文字」というテーマがありました。 このテーマを借りると、自分の今年は漢字は、明治維新の「維」です。

今年は学生時代に出会ったり繋がっていた方たちと、東京という場所で初めて顔を合わせることができたり、再会できたりなどできました。

「維新」の語源は百事御一新ですが、環境の変化でなにもかもが「一新」されたのではなく、人との繋がりという「維持」されているものがあると感じたため、「維」という漢字を選びました。

カンファレンス

今年は都内を中心に、福岡や沖縄など、各地の勉強会・技術カンファレンスに参加し、はじめまして!若手ふんわりLT Night!の運営に関わったり、カンファレンスのスタッフを経験したりしました。

思い返せば、今年は技術カンファレンスの一年ともいえたかもしれません。

hackteck.hatenablog.com

就職

今年から合同会社DMM.comに新卒として入社し、DMM TV という動画配信サービスのブラウザ版フロントエンド開発に関わっています。

自分はもともとアニメや映画鑑賞が好きで、Amazon Prime VideoやNetflix、Dアニメストアなど、多くの動画配信サービスをユーザーとして利用していました。

自分がユーザーとして使えて、リアルなフィードバックが持てるサービスの開発・運用に関われているのは、とてもありがたいことです。

人とご飯

これまでの縁はもちろん、新しい縁もたくさん出来ました。 就職後に出会った方達や、勉強会やカンファレンスをきっかけに知り合った方たちと、ご飯にいったりすることも増えました。

昨年のCODE BLUEの学スタで知り合った方達と、おいしいお肉を食べたり

ちばからで初めて二郎系ラーメンを食べたり

福岡で知り合った23卒でご飯を食べたり

男四人で夜パフェを決行したり

究極の親子丼を食べたり

ピザとコーラをお供に「恐怖の村」シリーズ鑑賞会をしたり

人の家で朝食をいただいたり

東青梅の古民家で合宿をしたり

うまい牛タンを食べたり

打ち上げでビュッフェを食べたり

「無限に餃子を食べたい」という自分のXでの雑なつぶやきから、集まってくださった皆さんと餃子を食べに行ったり

古のインターネットの話をしながら、おいしい中華を食べたりしました。

たくさんの人にお世話になって、おいしいご飯をたくさん食べて、たくさんお酒を浴びました。 来年は自炊ももっとがんばるぞ。

ライブ

リーガルリリーの野音をきっかけに、音楽を生で浴びる臨場感に圧倒されました。

友人と異次元フェスに行ったり、念願のずとまよツアーに初参戦したりしました（最高によかった）。 ずとまよはファンクラブにも入会したので、来年も継続してライブに参加したいです。

最後に

2024年は、お世話になった北海道のITコミュニティへの恩返し、大好きなフロントエンドコミュニティに何かしらの還元をしたいという思いから、フロントエンドカンファレンス北海道（仮）のようなイベントを作れないかな？と考えています。

実現できるかはわかりませんか、ありがたくも運営を一緒にやってくださるという方々がいたため、このモチベーションを枯らさずに頑張りたいと思います。

2023年に参加した技術カンファレンスを振り返る

はじめに

この記事は技術カンファレンス Advent Calendar 2023の22日目の記事です。 qiita.com

各月のふりかえり

今年はたくさんのカンファレンスや勉強会に参加し、その縁から数えきれないほどの出会いがありました。

この記事では、そんな技術カンファレンスでの思い出を振り返りたいと思います。

3月

See Figma愛を語る会 at Figma Tokyo

friends.figma.com

Friends of Figma Tokyoが主催するイベントです。 新卒で入社した会社でこのようなオフラインイベントが開催されると聞き、縁あって参加させていただきました。

上京して初めて参加した大きめのオフラインイベントだったことと、自分の上京後のモチベーションを高めてくれたイベントのため、ここにふりかえりとして書きたいと思います。

学生時代、UIデザインへの興味からFigmaでDaily UIに取り組んでいた時期があり、またこのようなアウトプットをしていきたいなぁという気持ちになりました。

www.dailyui.co

4月

Open Source Conference 2023 Tokyo/Spring

event.ospn.jp

今年は展示のみオフラインでの開催とのことで、こちらに参加しました。 ラズパイ電子工作の展示にはしゃいでいた記憶があります。

自分は大学入りたてのとき、OSCの存在を教えていただいたことをきっかけに、こういったカンファレンス・勉強会に参加するようになった経緯がありました。

思い出深いOSCにこうしてまたオフラインで参加することができてよかったです。

6月

PHPカンファレンス福岡

phpcon.fukuoka.jp

上京してから初めて参加した技術カンファレンスでした。

ここでの出会いがその後のPHPコミュニティとの関わりや他社のエンジニアの方との交流、若手ふんわりLT部 の活動に繋がったりしているため、とても思い出深いカンファレンスでした。

福岡はご飯がとてもおいしくてよいところでした。PHPカンファレンス福岡2024 の開催も決定されたとのことで、来年もまた行けるとよいなぁという気持ちです。

hackteck.hatenablog.com

一緒に参加した同期と書いた参加レポートはこちらです。

PHPカンファレンス福岡2023参加レポート - DMM inside

7月

コロナテックカンファレンス

jus.connpass.com

日本UNIXユーザ会40周年記念イベントとして開催されたカンファレンスです。会場はサイボウズさんでした。

学生時代からいつもいろいろな勉強会でお世話になっている@tomio2480 さんが技術コミュニティのお話で登壇されるとのことで、これはと参加したのですが、東京都新型コロナウィルス感染症対策サイトのお話や、オークション配信の遅延対策のお話など、多種多様な興味深いお話がもりだくさんでした。

8月

8月は技術系のカンファレンスには参加していませんが、いくつかのイベントに参加しました。

コミケ

技術カンファレンスではないですが、人生初参加でした。
初めての東京ビッグサイトにはしゃぎ、たくさんの人に揉まれたり、ゲリラ豪雨の洗礼を受けたりしました。

INSIDE [技術のヒミツ] という、カンファレンス・勉強会運営についての本を買ったりもしました。

ISUCON夏祭り

このとき一緒に参加した同期3人で、技術書典15に合同誌を出展したり、ISUCON本戦に参加しました。

9月

PIXIV MEETUP 2023

conference.pixiv.co.jp

PHPカンファレンス福岡で出会ったpixivの23卒の方からお誘いいただいて参加しました。

個人的にも長年お世話になっているpixivさんのサービスの技術の裏側について知ることができ、技術以外にもDJイベントやゲーム大会があったりと、とても満足度の高いイベントでした。

10月

怒涛のカンファレンスラッシュの月でした。

PHP Conference Japan 2023

phpcon.php.gr.jp

PHPカンファレンスには、福岡に続き二度目の参加でした。
ここでは「入社半年を迎える新米エンジニアがカンファレンス・勉強会から得た学び」というタイトルのLTで登壇させていただきました。

カンファレンス・勉強会に参加する立場から、運営に関わる立場もちょっとずつ経験するようになった時期でもありました。

この翌日には、PHP Lovers Meetup vol.1 + OSS Gate - connpass というイベントにも参加させていただきました。

参加レポートはこちらです。 hackteck.hatenablog.com

Rust Tokyo 2023

rust.tokyo 当日スタッフとして参加させていただきました。(X広報担当)

Rustはとても好きな言語で、予てより参加してみたいカンファレンスの一つでした。
(大学時代の卒論テーマは、Rustを書きたいというモチベーションから決まりました。)

余談ですが、ここで出会った当日スタッフのお二人と打ち上げで蕎麦を食べに行き、三人ともXperiaユーザー・技術書典15に出典する、という意外な共通点が発覚したりしました。 (そのうちの一人の方とは、まさかの販売ブースがお隣でした)

Vue Fes 2023

vuefes.jp

ふだんの業務ではReactを書いているのですが、Vueは学生時代のインターンで使っていた思い出深い言語でした。
学生時代には参加することのできなかったオフラインのカンファレンスに参加することができてとても嬉しかったです。

Vue3/Electronで自作したマークダウンエディタをVue3/Tauriにリプレイスした話 というタイトルでLTをさせていただきました。

参加レポートはこちらです。

hackteck.hatenablog.com

技術書典15

techbookfest.org

技術書典15では、同期と3人で「おさかなのほん」という合同誌を出展しました。
技術書典では昨年、大学で運営していたサークルで合同誌 を出展したのですが、今年も出展側として参加することができてよかったです。

(力強く一緒に参加してくれた同期に感謝です)

techbookfest.org

フロントエンドカンファレンス沖縄

frontend-conf.okinawa.jp

フロントエンドカンファレンスが沖縄の地で開催されるとのことで、こちらも空を飛んで参加してきました。 デザインシステムの設計思想のお話やコンポーネントライブラリ、CSS cascadeのお話など、フロントエンドに関する魅力的なお話をたくさん聴くことができました。

またここでは、2023年のゼロランタイムCSS in JSを考える というタイトルでLTをさせていただきました。

CSSライブラリの技術選定でKuma UIを採用した背景についてお話したのですが、XでKuma UIの開発者の方にコメントをいただけたりと、嬉しい出来事もありました。

お昼に入った風情ある佇まいのお店のソーキそばも絶品でした。

maps.app.goo.gl

余談ですが、沖縄の締めはステーキらしいです。赤身が多いお肉でするっと胃に入ってしまうので不思議です。

ここで知り合った方とのご縁から、後日インターネット老人会 という会に参加させていただいたりもしました。

11月

CODE BLUE2023

codeblue.jp

Webサイト編集スタッフとして関わらせていただいていました。
その縁で、Day1だけ顔を出させていただきました。
昨年は学生スタッフとして参加していたのですが、今年は社会人として参加し、当時ホテルで同室だった学生スタッフの方と一年ぶりに再会することができて、感慨深い気持ちになったりしていました。

hackteck.hatenablog.com

Spectorum Tokyo

来年のお話

1月

PHPカンファレンス北海道

phpcon.hokkaido.jp

PHPカンファレンス北海道では、コアスタッフの一人として参加しています。 主催の@yamato_sorariku さん をはじめ、コアスタッフの皆さんに支えられながら、一部制作物のデザイン・発注などに関わらせていただいています。

PHPカンファレンス北海道は、本編の前後にもイベントが目白押しです。 PHPユーザーの方はもちろん、技術カンファレンスに参加してみたい！というモチベーションの方も、1月はぜひ北海道にお越しください！

(現地チケットはこちら から購入できます)

connpass.com php-lovers-meetup.connpass.com

ありがたいことに、PHPカンファレンス小田原、Object-Oriented Conference 2024 でもプロポーザルを採択していただき、来年3月・4月はこちらのカンファレンスに参加させていただく予定です。

今年はカンファレンスに参加するだけでなく、積極的にプロポーザルを投稿できるようになり、一歩前進できたのかなぁと感じています。 (プロポーザル投稿に前向きになれたのは、このアドベンドカレンダーを企画してくださった@kotomin_m さんの後押しからで、カンファレンスを楽しむきっかけをくださったことに感謝です)

来年も一参加者としてや一スタッフとして、多くの方と一緒にカンファレンスを盛り上げながら楽しんでいければと思います。

Vue Fes 2023参戦記

はじめに

vuefes.jp

Vue Fes 2023にスピーカー参加しました。当日の様子や各セッションについて振り返りたいと思います。

Image Image

当日の様子

キーノートではVue/Viteの創始者Evan Youの登壇がありました。

blog.giftee.dev

4トラック並行で多くのセッションが展開され、とても豪華な内容となっていました。

スポンサーブースでは抽選に挑戦できるスタンプラリーが展開されていたりと、常時多くの参加者で賑わっていました。

アルコールパッチテストの結果は「ほどほどに飲める」だそうです。 体質的にすぐに顔に出る一方で、ゆっくり飲むと持続するタイプなので、お酒が飲める免罪符をいただいた気分です（やったね）

スポンサーブース内のコミュニティースペースでは、コーヒーやお菓子が無料で提供されていたり、VueやViteのタトゥーを貼る体験もできました。

ギフティさんのブースでは、参加者同士のギフト交換が行えました。 アマギフ、ミスド、吉野家などから送りたいギフトを選び、メッセージカードと一緒に封筒に入れてブースに置いておくと、別の参加者の方が自分のギフトと交換に受け取ってくださる、というような仕組みでした。 他の参加者のギフトは開けてみるまで中身は見られないので、わくわく感が楽しかったです。

登壇について

「Vue3/Electronで自作したマークダウンエディタをVue3/Tauriにリプレイスした話」 という内容のLTをしました。

スライド資料はこちらです。

このような大きな技術カンファレンスでは二度目の登壇でしたが、前回の登壇に比べると、いくらか落ち着いて時間配分を意識しながら話せたかなと思います。 LT後や懇親会で感想を言いにきてくださった方もいて、とても嬉しかったです。 カンファレンス運営スタッフの皆さんには、このような貴重な機会をいただけたことに感謝の限りです。

セッションについて

4トラック並行+自身の登壇準備の時間などもあり、すべては聴講できなかったのですが、いくつかご紹介したいと思います。

有志の方が公開済みのスライド資料を下記にまとめてくださっていました。

スポンサーセッション

走りながらエンジンを交換する 〜 大規模プロダクトを成長させつつVue 3にするには

Vue2から段階的にVue3にアップデートするために行なわれた取り組みについてのお話でした。

  • 他チームと並行してアップデートを行う専門のプラットフォームチームを設立
  • Vue2→Vue2.7にバージョン刻みでアップデートを実施
  • PRの差分を小さくするために変更を極小化

などの工夫を行って、スピーディーなライブラリアップデートを行ったとのことでした。

沼化しがちなメジャーバージョンのアップデート作業に対して、差分を最小化するための工夫がとても素敵だなと感じました。

社内UIコンポーネントライブラリがエンジニアチームにもたらした本当の価値

ユニークビジョンさんが開発・提供を行っているSNSマーケティングツール「Beluga シリーズ」に対して、チーム横断で社内共通コンポーネントライブラリ「Beluga UI」を導入したというお話でした。 ユニークビジョンさんのスポンサーブースでは、「Belugaチェックイン」を活用した来場者限定キャンペーンも開催されていました。

  • スタイルガイドに従って実装を行った →メンバーがリファレンスとしても参照できるようになった
  • Storybookによるドキュメンテーション化や、ビジュアルリグレッションテストでchromaticを導入 →コードレビューのプロセスでStorybookの差分を見れるようになった などで、開発生産性が大きく向上したというお話で、特にビジュアルリグレッションテスト導入によるレビュープロセス効率化のお話は個人的にも関心があったため、非常に勉強になりました。

LT

Vueを使ってGrid Systemを実装した話

t0yohei / トヨヘイさん

Vueを使ったGrid Systemのスマートなライブコーディングが素敵でした。 Grid Systemは複雑なレイアウトを効率よく実装できる一方で、事前の設計で検討が必要な部分も多いです。 テックブログではそもそもGrid Systemとは？という部分から検討事項まで詳細にまとめてくださっており、とても勉強になりました。

WebGISとVue.jsの親和性について

楢山 哲弘さん

GIS（地理情報システム）における可視化 Web アプリケーション構築のお話でした。 僕も以前VueとLeafletで地理情報を扱うアプリの開発に挑戦したことがあったため、Vue RouterでURLのクエリパラメータに緯度経度を載せるTipsや、watch式で地図のスタイルを切り替える手法など、非常に知見のあるお話でした。

Nuxt3のモジュール開発は意外と簡単？ Module Author Guideをのぞいてみよう

きらぷか / kira-pukaさん

使用されていたUIライブラリがNuxt3に非対応だったため、移行のためにUIライブラリを自作されたそうです。 モジュール開発の際にどのようにMoudule Author Guideを紐解かれていったのか、などとても勉強になり、自分も一度小さくモジュール開発をしてみたいなと思いました。

Moudule Author Guideの中身について、こちらのブログでも紹介されているため、気になる方はぜひ。

www.memory-lovers.blog

スピーカーセッション

Nuxt 3でJamstackテンプレートを作るときの考え方

まぁし（知念）さん

  • Webサイト制作には銀の弾丸はないが、【WebサイトをJamstack開発するためのテンプレート】という条件に絞ることはできる
  • 慣例を参考にして独自ルールを作らず、あえて最適化しないこともある（運用の中で最適化していくことはある）
  • 流行や変化の背景を見つつ、運用に耐えられることを意識する

など、技術選定など多くの場面で汎用的に適用できる考え方だなぁと思い、勉強になりました。

Vue Language Serverから生まれたVolar.jsと、それが秘める可能性

mizdra / ミズドラさん

兼ねてから興味のあったLSPのお話が聞けて良かったです。 .vueは3言語ぶんの言語機能を提供する必要があるため、特殊なLS実装が行われているようです。 Vola.jsのコアチームにはAstroのコアメンバーの方がいらっしゃるようなのですが、AstroのLanguage serverもVolarだったのですね。

SOLID原則に基づくSFC実装

53able / ゴーさん

SOLID原則のフロントエンドへの適用は難しさを感じていたため、provide/injectを使ったDIPの実装など、具体的に多くのVueでの実装例を示してくださっていたのがとてもありがたかったです。

Composition API時代のPub/Subパターンでの状態管理

fuqda / フクダさん

speakerdeck.com

Compotision APIにおける状態管理についてのお話でした。 Composition API+piniaどうなのかな？と気になっていたので、「代替実装可能なため不要」という結論でなるほど、と思いました。

Exploring the Power of Error Handling in Vue JS

Hieu / グエンゴックヒエウさん

  • Componentや画面ごとにエラー処理をしたいときはerror Capturedを使う
  • エラーを一元処理したい、すべての画面のどんなエラーも処理したいときはerrorHandlerを使う など、errorハンドリングの使い分けについてのお話で、非常に勉強になりました。

フルスクラッチECの基盤であるNuxt 2を3に移行し、開発の効率性とパフォーマンスを高める

湧川 仁貴さん

nuxt3化のパフォーマンス改善によりカート投入率や購入率が顕著に向上した結果など、効果測定までしっかりと示されていたのが印象的で、ぜひ参考にしたいお話でした。

Getting your head around your

Harlan Wiltonさん

パフォーマンスとSEO対策という観点で、Vue SSR最適化のために重要なSEOタグについてなどがライブコーディングを交え紹介されていました。 クラウドサイントラックでの聴講だったのですが、各席に用意されたトランシーバーで同時通訳でセッションを聴講することができ、とても体験が良かったです。

eslint-plugin-vueの現状と今後

太田 洋介 / ota-meshiさん eslint-plugin-vueが大きな破壊的変更を避けながらどのように発展してきたか、というお話でした。 普段お世話になっているツールのメンテナーの方のお話が聞けるのはとても貴重で、いつもありがとうございます、という気持ちになります。 Image Image また、eslint-plugin-vueはv10でnuxtサポート計画中とのことでした。 ESLintの完全な書き直し計画についてのお話もあり、今後の動向が楽しみです。

懇親会

懇親会でも多くの方と交流することができました。 トークテーマごとにテーブルがわかれていたのが面白いな、と思いました。 （ポストの写真はTypeScriptですが、フリートークのテーブルもありました）

改めてありがとうございました！

Image