第1回 高円寺.dev

不定期で技術に関する勉強会を高円寺で開催しています。 今回はフロントエンドをテーマに開催します。

タイムテーブル

セッション内容

遅延読み込みとの正しい付き合い方を知ろう

講師

山田 祥 さん(@rukiadia)

• 株式会社オミカレ
• フロントエンドエンジニア
• ブログ

概要

皆さん、遅延読み込みは普段やっていますか？ 遅延読み込みは一見単純なようでいて、なかなかに奥が深いものです。

• 「ユーザの体感速度を上げるために実装した遅延読み込みが実はユーザー体験を損なっていた。」
• 「一見早くなったように見えて安心していたら、実はSEO面でネガティブな要因を引き起こしていた。」

私自身のリアルな失敗談を踏まえつつ、今回は遅延読み込みの実装について深堀りをしていきます。

サーバーサイドエンジニアでも知っておきたい、フロントエンドでの表示速度最適化手法

講師

前川 昌幸 (まえかわ・まさゆき)

• 株式会社オミカレ
• UXエンジニア
• ブログ

岡山県在住。小売店、飲食業を経て2000年よりウェブ制作に従事し、2018年10月から婚活パーティー、お見合いパーティー検索サイト — オミカレに所属。「出会いが0をZEROにする」という経営理念を婚活パーティー・お見合いパーティーを通して実現するべく、日々サービスを改善している。 業務外の活動として、セミナーイベント・勉強会への登壇、書籍の執筆・寄稿など執筆活動、技術系ドキュメントの翻訳などを行う。okayama-js主宰。Okayama WordPress Meetup オーガナイザー。2012年/2014/2017年okawebアワードグランプリ、大都会 Awards 2016/2017を受賞。 主な書籍として、『レスポンシブWebデザイン入門~モバイルファーストの考え方からのアプローチ』（技術評論社）、『プロが教えるレスポンシブWebデザイン 現場のメソッド』（MdN、監修・共著）など。

概要

ウェブサイトやサービスの表示速度の最適化は、サーバーサイドのプログラム、ネットワークやサーバー、データベースなどのバックエンド方面の対応と、HTML/CSS/JavaScriptや画像などのメディアデータを扱うフロントエンド方面の対応の両方が必要になります。 ですから、サーバーサイドでPHPのプログラムの最適化を行ったとしても期待通りの結果にならないことも多々あるでしょう。 その時に問題の切り分けを行うには、フロントエンド方面での表示速度の最適化で行われることを知っておく必要があります。

このセッションでは、PHPerの皆さんの作成したプログラムをより活かすための、フロントエンドでの表示速度最適化の手法を解説します。 セッションで得たことを、自身で活用したり、フロントエンド方面の人達とのやり取りに役立ててください。

セッションの内容（予定

表示速度をとりまく状況 バックエンド？フロントエンド？ひと目で原因を切り分ける方法 フロントエンドでの表示速度最適化の手法 改善ポイントを見つけ出す 改善ポイント別対応例 サーバーサイドプログラムでできるフロントエンドの速度改善

想定している対象者

受託制作でウェブサイトを制作している方 ウェブサービスの開発/メンテナンスしているエンジニア CMS/EC/CGMなどを開発しているエンジニア

※ PHPカンファレンス沖縄で行ったセッション「PHPerでも知っておきたい、フロントエンドでの表示速度最適化手法」の増補版です。

懇親会について

会場付近で行います。 みんなで割り勘で予算は4000円程度を考えています。