Transcript 30代から始めるwebフロントエンド入門 コネヒトマルシェ #2〜webフロントエンド市〜 @itosho 1 ▪ 自己紹介 ・伊藤 翔 / @itosho 　・所属：コネヒト株式会社 / Supership株式会社 ・野球とアイドルが好きです。 ・最近のオススメ：sora tob sakana 先日メジャーデビュー ▪ 自己紹介 ・伊藤 翔 / @itosho 　・所属：コネヒト株式会社 / Supership株式会社 ・野球とアイドルが好きです。 ・最近のオススメ：sora tob sakana 先日メジャーデビュー ・主にサーバーサイドエンジニアをやっています。 　・よく書く言語：PHP / Ruby / Golang ＿人人人人人人人人人人人人人人＿ ＞　サーバーサイドエンジニア　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ 4 ▪ 今日話すこと

Transcript �����������1)1�#-5��� �1)1FS͕."/"(FSʹͳͬͨ࣌ʹ΍ͬͨ�ͭͷ͜ͱ 4VQFSTIJQ�*OD����4IP�*UP w ҏ౻�ᠳ�ʢ!JUPTIPʣ� w 1)1FSྺ�೥ʢ࠷ۙ͸3VCZ �(PMBOH �4XJGU͋ͨΓΛॻ͘͜ͱ͕ଟ͍ʣ� � 1)1�#-5Ͱ-5͢Δͷ͸�ճ໨� w ೫໦ࡔ��͕޷͖Ͱ͢ʢࠓ೔͸೫໦ࡔ��ͷ�ࡀͷ஀ੜ೔ʣ� w 4VQFSTIJQגࣜձࣾͰOBOBQJͱ͍͏ϝσΟΞͷ։ൃͱ͔Λ΍͍ͬͯ·͢ɻ� w ൒೥લʹόοΫΤϯυΤϯδχΞνʔϜͷϚωʔδϟʔʹͳͬͨʜʂ� � ͳΔ௚લʹߦͬͨҏ౻௚໵͞ΜͷҰਓ$50�/JHIUʹଟେͳӨڹΛड͚ͨɻ� � IUUQ���JUPTIP����IBUFOBCMPH�DPN�FOUSZ������������������ ࣗݾ঺հ w Ϛωʔδϟʔʹͳͬͯ൒

Transcript �&GGFDUJWF�:%% �����������1)1�#-5��� 4VQFSTIJQ�*OD����4IP�*UP w ҏ౻�ᠳ�ʢ!JUPTIPʣ� w 4VQFSTIJQגࣜձࣾʢچOBOBQJʣͰ8FCΤϯδχΞ΍ͬͯ·͢ɻ� w 1)1FS�Ͱ͕͢࠷ۙ͸�(PMBOH�ʹුؾதɻ�� w ৽ࠗͰ͢ɻʢුؾͯ͠·ͤΜʣ� w 1PLÉNPO�(0ͷϦϦʔε؂ࢹ#05Λͭͬͨ͘ɻ ࣗݾ঺հ ಥવͰ͕͢ɺ͜ͷதͰطࠗऀͷํ͸Կਓ͍·͔͢ʁ :%%ಋೖ����:%%جૅ����:%%ൃల ݁ࠗ͢Δͱ1)1ॻ͕࣌ؒ͘ݮΓ·ͤΜ͔ʁ :%%ಋೖ����:%%جૅ����:%%ൃల w ������ىচʢೋ౓৸ʣ� w �����ʙ������ωοταʔϑΟϯ� w �����ʙ������ன৸� w �����ʙ������ͪΐͬͱ1)1� w �����ʙ���

Transcript �๻ͱ1)1ͷ�೥ؒ �����������1)1�#-5��� 4VQFSTIJQ�*OD����4IP�*UP w !JUPTIP� PS�!JUPTIP��� � w 4VQFSTIJQגࣜձࣾ� چOBOBQJ �Ͱ8FCΤϯδχΞ΍ͬͯ·͢ɻ� w ݸਓͰ͸εϚϗΞϓϦͭͬͨ͘Γ࠷ۙ͸&MJYJS΍(PMBOHษڧͨ͠Γɻ� w ࠓ೔͸1)1�Ͱͭͬͨ͘8FCαʔϏεΛɺ
 1)1�ʹϦϓϨΠεͨ࣌͠ͷΑ΋΍·࿩Λ͍ͨ͠ͱࢥ͍·͢ʂ ࣗݾ঺հˍ͖ΐ͏࿩͢͜ͱ ಥવͰ͕͢ɺΈͳ͞Μ�೥લԿΛ͍ͯ͠·͔ͨ͠ʁ ����೥ 1)1�࣌୅ ��������೥ 1)1�࣌୅ ��������೥ 1)19࣌୅ ๻͸·ͩۦ͚ग़͠ͷ8FCΤϯδχΞͰͨ͠ɻ ����೥ 1)1�࣌୅ ��������೥ 1)1�࣌୅ ��������೥ 1)19࣌୅ Ͱ΋ɺݸਓͰԿ͔͓΋͠Ζ

Transcript Leading  Edge  Development  勉強会 フロントエンドパフォーマンス向上ルール はじめに ▪Webサイト⾼高速化  /  パフォーマンス改善の重要性 【Aberdeen  Group  Report】 ・Amazonはページの反応が0.1秒遅くなると、売り上げが1%ダウンする。 ・Googleのページ反応が0.5秒遅くなると、アクセス数が20%ダウンする。 ・⼀一般的に表⽰示スピードが1秒遅くなると、 PVは11%、コンバージョンは7%、顧客満⾜足度度は16%ダウンする。 【Jakob  Nielsen】  　３つの重要限界  　・⼼心理理的・感情的な違和感を感じないのは0.1秒まで  　・思考の流流れが妨げられないのは1秒まで  　・注意⼒力力を維持する限界の時間は10秒まで はじめに ▪パフォーマンス改善の⼿手段 【改善箇所】 ・パフォーマ

Transcript 事業を支える技術選定 コネヒトマルシェオンライン「事業を支えるWeb開発」@itosho 1 自己紹介 ▪伊藤 翔 @itosho ・コネヒト株式会社 執行役員CTO ・Backend Engineer / PHP, Go ・stand.fm はじめました ・https://stand.fm/channels/5ec2e733f654bbcab4c123a2 Follow me! 今日のテーマ「技術選定」 4 何故、技術選定は難しいのか？ ▪正解がない ・判断軸が多岐に渡り、会社の状況によっても変わる ・イデオロギーが対立しやすいトピックであり、合意形成が難しい 難しいからこそ向き合う価値がある ▪今日話すこと ・技術選定をするにあたり、どうやって意思決定をしているか ・正解がないトピックなので一つの考えとして聞いてください ※話のトピック的に、何かを「選ぶ」ので必然