Suche senden
Hochladen
マルチブラウザやりました (DMM.Study Night)
•
1 gefällt mir
•
2,578 views
Takafumi Sugie
Folgen
DMM.Study Night フロントエンド勉強会 https://atnd.org/events/71568
Weniger lesen
Mehr lesen
Ingenieurwesen
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 68
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
キーボードカスタマイズについての話 (初心者向け) (2017.4.13 新入生LT)
ぼくがかんがえたさいきょうのキーボード配列
ぼくがかんがえたさいきょうのキーボード配列
Eyes, JAPAN
2019/7/12 開催 Webナイト宮崎 Vol.5 〜てげ飲みながらLTしたい〜 LT用資料
RubyGemsで公開されているライブラリをモンキーパッチした話
RubyGemsで公開されているライブラリをモンキーパッチした話
SHOYAYAMAMOTO
Geckoと仲良くなりたい人主催 FxOS Gecko勉強会(http://atnd.org/events/43052)でのLT発表資料です。 最終版はこちら↓ http://www.slideshare.net/unsolublesugar/firefox-os-27243327
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
星影 月夜
2019/9/27 LT会登壇用資料
すごいぞVuetify!! 〜ポートフォリオを作ってみた〜
すごいぞVuetify!! 〜ポートフォリオを作ってみた〜
SHOYAYAMAMOTO
コンピュータビジョン最終課題の発表で使用したスライドです。 https://twitter.com/solt9029/status/955305335572414465
コンピュータビジョン最終課題
コンピュータビジョン最終課題
solt9029
pecoを使おう
pecoを使おう
pecoを使おう
Hideaki Miyake
2017/11/19 xR Tech Tokyo で発表したスライドを公開しちゃうゾ♡
VR音ゲーを楽しんでいたら VR音ゲーを作り始めていた話
VR音ゲーを楽しんでいたら VR音ゲーを作り始めていた話
陸弥 福田
本格的に始めるzsh
本格的に始めるzsh
本格的に始めるzsh
Hideaki Miyake
Empfohlen
キーボードカスタマイズについての話 (初心者向け) (2017.4.13 新入生LT)
ぼくがかんがえたさいきょうのキーボード配列
ぼくがかんがえたさいきょうのキーボード配列
Eyes, JAPAN
2019/7/12 開催 Webナイト宮崎 Vol.5 〜てげ飲みながらLTしたい〜 LT用資料
RubyGemsで公開されているライブラリをモンキーパッチした話
RubyGemsで公開されているライブラリをモンキーパッチした話
SHOYAYAMAMOTO
Geckoと仲良くなりたい人主催 FxOS Gecko勉強会(http://atnd.org/events/43052)でのLT発表資料です。 最終版はこちら↓ http://www.slideshare.net/unsolublesugar/firefox-os-27243327
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
星影 月夜
2019/9/27 LT会登壇用資料
すごいぞVuetify!! 〜ポートフォリオを作ってみた〜
すごいぞVuetify!! 〜ポートフォリオを作ってみた〜
SHOYAYAMAMOTO
コンピュータビジョン最終課題の発表で使用したスライドです。 https://twitter.com/solt9029/status/955305335572414465
コンピュータビジョン最終課題
コンピュータビジョン最終課題
solt9029
pecoを使おう
pecoを使おう
pecoを使おう
Hideaki Miyake
2017/11/19 xR Tech Tokyo で発表したスライドを公開しちゃうゾ♡
VR音ゲーを楽しんでいたら VR音ゲーを作り始めていた話
VR音ゲーを楽しんでいたら VR音ゲーを作り始めていた話
陸弥 福田
本格的に始めるzsh
本格的に始めるzsh
本格的に始めるzsh
Hideaki Miyake
anyframeを使おう
anyframeを使おう
anyframeを使おう
Hideaki Miyake
IoTLT in 仙台 vol.5のLT資料
RaspberryPiを音声コントロールしてみた話
RaspberryPiを音声コントロールしてみた話
yousuketakahashi2
zshでコマンドライン履歴を活用する
zshでコマンドライン履歴を活用する
zshでコマンドライン履歴を活用する
Hideaki Miyake
rucs_vim LT
rucs_vim LT
Naoya Inada
FM音源ボード「YMF825Board」を用いたMIDI音源を作ってみました。
fmSynth16
fmSynth16
樹輝 橋本
2011/5/28 列つゴーデベロッパー2011@仙台 プログラミングGroovy ライブラリ編
Letsgo sendai nobusue_20110528
Letsgo sendai nobusue_20110528
Nobuhiro Sue
プラグイン活用のススメ
Jenkins plugins
Jenkins plugins
tyuki39
oh-my-zshを使うのは止めよう
oh-my-zshを使うのは止めよう
oh-my-zshを使うのは止めよう
Hideaki Miyake
チュートリアル起動までの、やる気のない資料です。
ちりめn for らずぱい3 おさわり会
ちりめn for らずぱい3 おさわり会
tadfmac
Androidにメイちゃんをしゃべらせてみた
Androidにメイちゃんをしゃべらせてみた
Daisuke Takai
社内の勉強会用につくった資料です。 特定キーワードを含むTwitterのツイートを検索して、音声読み上げするプログラムを作りました。 ■利用したAPI Twitter API / Voice Text Web API ■ソースコード https://github.com/haruakinosuke/read_tweet
世間の嫁についてTwitterに聞いてみた
世間の嫁についてTwitterに聞いてみた
Akiyuki Nakamura
Pythonプロフェッショナルプログラミング第2版が2月末に発売されました。 第1版は、ビープラウドに新しく参加するメンバーにPython開発について共有する目的で書きました。 これは第2版でも変わりません。しかし、第1版の出版から3年がたち、Pythonでの開発にもさまざまな変化がありました。 第1版から第2版までの間に、どのような変化があったのか。なぜ今回の改訂が必要だったのか。 PyPro2の読みどころ紹介を通して、Pythonの新しいツールの登場、外部環境の変化、トレンドの変化などの観点で紹介します。
PyPro2の読みどころ紹介:Python開発の過去と現在 - BPStudy93
PyPro2の読みどころ紹介:Python開発の過去と現在 - BPStudy93
Takayuki Shimizukawa
宇宙zsh #2
宇宙zsh #2
Hideaki Miyake
AndroidではじめるJava
AndroidではじめるJava
Yutaka Tsumori
ぺちぱな。(PHPer-na)はじまり。で使ったスライド。公開用に若干修正加えてます
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
Saya Katafuchi
AIに負けない人材になるためのプログラミング超入門。 https://www.shufu-ichiyazuke.com/entry/2019/03/03/212321 Udemyで解説動画を提供中! https://www.udemy.com/ai-lyspx/
2 5 音を使おう
2 5 音を使おう
Shufu Gaishi
"COLOPL UnityNight" (2012/04/13開催) の発表資料です。 Unityを用いたスマートフォン向けゲーム開発の体制や、"Kuma the Bear"ブランドで発表している各ゲームの制作時の最適化について説明させていただきました。
Unityとスマートフォンアプリの最適化
Unityとスマートフォンアプリの最適化
COLOPL, Inc.
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
スタートアップでは意思決定の速さからわりとリーンにサービスを作るケースが多いと思います。その中でも、管理画面を先に作ることで CRUD が早くなるため、テストをしやすくしたり、オペレーションでカバーしやすくなります。 カスタマイズ性が少し減りますが、最初のリリース前やリリースしてすぐのケースだと ActiveAdmin などのツールが有効ではないかという提案です。
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
Masataka Sato
Unity * スマートフォン開発で学んだこと
Unity * スマートフォン開発で学んだこと
Katsutoshi Makino
講演者:Florian Andreas Gantzert(KLab株式会社) こんな人におすすめ ・Unityにおける疎結合テクニックを知りたいエンジニア ・開発ワークフロー改善とつながる「疎結合」を知りたいマネージャー、デザイナー ・プログラミングパターンに興味のある方 受講者が得られる知見 ・疎結合設計によるデザイナーとエンジニアのワークフローのメリット ・Unityにおける疎結合テクニック
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
UnityTechnologiesJapan002
デザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えよう
Honma Masashi
Weitere ähnliche Inhalte
Was ist angesagt?
anyframeを使おう
anyframeを使おう
anyframeを使おう
Hideaki Miyake
IoTLT in 仙台 vol.5のLT資料
RaspberryPiを音声コントロールしてみた話
RaspberryPiを音声コントロールしてみた話
yousuketakahashi2
zshでコマンドライン履歴を活用する
zshでコマンドライン履歴を活用する
zshでコマンドライン履歴を活用する
Hideaki Miyake
rucs_vim LT
rucs_vim LT
Naoya Inada
FM音源ボード「YMF825Board」を用いたMIDI音源を作ってみました。
fmSynth16
fmSynth16
樹輝 橋本
2011/5/28 列つゴーデベロッパー2011@仙台 プログラミングGroovy ライブラリ編
Letsgo sendai nobusue_20110528
Letsgo sendai nobusue_20110528
Nobuhiro Sue
プラグイン活用のススメ
Jenkins plugins
Jenkins plugins
tyuki39
oh-my-zshを使うのは止めよう
oh-my-zshを使うのは止めよう
oh-my-zshを使うのは止めよう
Hideaki Miyake
チュートリアル起動までの、やる気のない資料です。
ちりめn for らずぱい3 おさわり会
ちりめn for らずぱい3 おさわり会
tadfmac
Androidにメイちゃんをしゃべらせてみた
Androidにメイちゃんをしゃべらせてみた
Daisuke Takai
社内の勉強会用につくった資料です。 特定キーワードを含むTwitterのツイートを検索して、音声読み上げするプログラムを作りました。 ■利用したAPI Twitter API / Voice Text Web API ■ソースコード https://github.com/haruakinosuke/read_tweet
世間の嫁についてTwitterに聞いてみた
世間の嫁についてTwitterに聞いてみた
Akiyuki Nakamura
Pythonプロフェッショナルプログラミング第2版が2月末に発売されました。 第1版は、ビープラウドに新しく参加するメンバーにPython開発について共有する目的で書きました。 これは第2版でも変わりません。しかし、第1版の出版から3年がたち、Pythonでの開発にもさまざまな変化がありました。 第1版から第2版までの間に、どのような変化があったのか。なぜ今回の改訂が必要だったのか。 PyPro2の読みどころ紹介を通して、Pythonの新しいツールの登場、外部環境の変化、トレンドの変化などの観点で紹介します。
PyPro2の読みどころ紹介:Python開発の過去と現在 - BPStudy93
PyPro2の読みどころ紹介:Python開発の過去と現在 - BPStudy93
Takayuki Shimizukawa
宇宙zsh #2
宇宙zsh #2
Hideaki Miyake
AndroidではじめるJava
AndroidではじめるJava
Yutaka Tsumori
ぺちぱな。(PHPer-na)はじまり。で使ったスライド。公開用に若干修正加えてます
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
Saya Katafuchi
AIに負けない人材になるためのプログラミング超入門。 https://www.shufu-ichiyazuke.com/entry/2019/03/03/212321 Udemyで解説動画を提供中! https://www.udemy.com/ai-lyspx/
2 5 音を使おう
2 5 音を使おう
Shufu Gaishi
Was ist angesagt?
(16)
anyframeを使おう
anyframeを使おう
RaspberryPiを音声コントロールしてみた話
RaspberryPiを音声コントロールしてみた話
zshでコマンドライン履歴を活用する
zshでコマンドライン履歴を活用する
rucs_vim LT
rucs_vim LT
fmSynth16
fmSynth16
Letsgo sendai nobusue_20110528
Letsgo sendai nobusue_20110528
Jenkins plugins
Jenkins plugins
oh-my-zshを使うのは止めよう
oh-my-zshを使うのは止めよう
ちりめn for らずぱい3 おさわり会
ちりめn for らずぱい3 おさわり会
Androidにメイちゃんをしゃべらせてみた
Androidにメイちゃんをしゃべらせてみた
世間の嫁についてTwitterに聞いてみた
世間の嫁についてTwitterに聞いてみた
PyPro2の読みどころ紹介:Python開発の過去と現在 - BPStudy93
PyPro2の読みどころ紹介:Python開発の過去と現在 - BPStudy93
宇宙zsh #2
宇宙zsh #2
AndroidではじめるJava
AndroidではじめるJava
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
ヤンデレのUnityに愛されて眠れない〜Unity3分クッキング〜
2 5 音を使おう
2 5 音を使おう
Ähnlich wie マルチブラウザやりました (DMM.Study Night)
"COLOPL UnityNight" (2012/04/13開催) の発表資料です。 Unityを用いたスマートフォン向けゲーム開発の体制や、"Kuma the Bear"ブランドで発表している各ゲームの制作時の最適化について説明させていただきました。
Unityとスマートフォンアプリの最適化
Unityとスマートフォンアプリの最適化
COLOPL, Inc.
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
スタートアップでは意思決定の速さからわりとリーンにサービスを作るケースが多いと思います。その中でも、管理画面を先に作ることで CRUD が早くなるため、テストをしやすくしたり、オペレーションでカバーしやすくなります。 カスタマイズ性が少し減りますが、最初のリリース前やリリースしてすぐのケースだと ActiveAdmin などのツールが有効ではないかという提案です。
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
Masataka Sato
Unity * スマートフォン開発で学んだこと
Unity * スマートフォン開発で学んだこと
Katsutoshi Makino
講演者:Florian Andreas Gantzert(KLab株式会社) こんな人におすすめ ・Unityにおける疎結合テクニックを知りたいエンジニア ・開発ワークフロー改善とつながる「疎結合」を知りたいマネージャー、デザイナー ・プログラミングパターンに興味のある方 受講者が得られる知見 ・疎結合設計によるデザイナーとエンジニアのワークフローのメリット ・Unityにおける疎結合テクニック
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
UnityTechnologiesJapan002
デザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えよう
Honma Masashi
PyConJP2012 SnapDish事例
SnapDishの事例
SnapDishの事例
Fumikazu Kiyota
UI Crunch で発表したProttができるまで
Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )
Naofumi Tsuchiya
Delphi / Appmethod で使えるフレームワーク FireMonkey の使い方と特徴についてです。
Delphi Debut Tokyo #1 - FireMonkey HD の基本
Delphi Debut Tokyo #1 - FireMonkey HD の基本
Jun Hosokawa
2014/2/8に行ったゲームサーバ勉強会でのスライドです。 サーバー未経験者がソーシャルゲームを通して知ったサーバーの事。 失敗経験を元に何故今がこうなっているかというのを詰め込みました。 初心者〜中級者向け勉強会だったので、なるべく非エンジニアでもイメージで伝わるようにちょっとだけ心がけてます。
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
Manabu Koga
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/384/room ーーーーーーーーーーーーーーーーーーーーーーー
ゲーム制作で学ぶUnityの基礎
ゲーム制作で学ぶUnityの基礎
schoowebcampus
An Introduction presentation for Unity3D.This keynote is delivered at Akasaka Japan
Let’s study unity
Let’s study unity
Takuya Arakawa
UnityFukuoka06で発表したときのスライドです
PhotonCloudで一ヶ月ゲーム作った話
PhotonCloudで一ヶ月ゲーム作った話
Hiroto Imoto
OSC 2012 Hiroshima で使用したスライド
Secret of Firefox
Secret of Firefox
dynamis
OSC2020 Online/Aizuでメガドラ上で発表していたスライドの元データです。 使用していたROMファイルはこちら↓にアップロードしました。 https://github.com/cupnes/megadrive_test/releases/tag/osc_2020_online_aizu OSC2020 Online/Aizu https://ospn.connpass.com/event/186393/
メガドラ実機で自作のROMファイルを動かしてみた話
メガドラ実機で自作のROMファイルを動かしてみた話
Yuma Ohgami
Nseg3 firefoxとmozillaコミュニティの紹介
Nseg3 firefoxとmozillaコミュニティの紹介
hATrayflood
講演者ノートつきpptxはこちら: https://dl.dropboxusercontent.com/u/7600443/2014_ForStudents_English.pptx
俺/私はゲーム作りたいのになんで英語やんなきゃ いけないか説明せよ
俺/私はゲーム作りたいのになんで英語やんなきゃ いけないか説明せよ
Self Employed
OSC 2012 Fukuoka で使用したスライド https://www.ospn.jp/osc2012-fukuoka/modules/eguide/event.php?eid=47
Firefox FAQ
Firefox FAQ
dynamis
Azure OpenAI for Java
AI-Java-for-Financial.pdf
AI-Java-for-Financial.pdf
Yoshio Terada
2013/2/23 に開催された「オープンソースカンファレンス2013Tokyo/Spring」でのセミナーで使ったプレゼン資料です。 後半動画を埋め込んだページは容量の都合上カットいたしましたが、それぞれのページに元のファイルのURLを記載しましたので、そちらをご参照ください。
イマドキのUbuntu活用法
イマドキのUbuntu活用法
Hiroshi Chonan
Ähnlich wie マルチブラウザやりました (DMM.Study Night)
(20)
Unityとスマートフォンアプリの最適化
Unityとスマートフォンアプリの最適化
20101127 Android Usability Seminar
20101127 Android Usability Seminar
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
Unity * スマートフォン開発で学んだこと
Unity * スマートフォン開発で学んだこと
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
デザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えよう
SnapDishの事例
SnapDishの事例
Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )
Delphi Debut Tokyo #1 - FireMonkey HD の基本
Delphi Debut Tokyo #1 - FireMonkey HD の基本
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
ゲーム制作で学ぶUnityの基礎
ゲーム制作で学ぶUnityの基礎
Let’s study unity
Let’s study unity
PhotonCloudで一ヶ月ゲーム作った話
PhotonCloudで一ヶ月ゲーム作った話
Secret of Firefox
Secret of Firefox
メガドラ実機で自作のROMファイルを動かしてみた話
メガドラ実機で自作のROMファイルを動かしてみた話
Nseg3 firefoxとmozillaコミュニティの紹介
Nseg3 firefoxとmozillaコミュニティの紹介
俺/私はゲーム作りたいのになんで英語やんなきゃ いけないか説明せよ
俺/私はゲーム作りたいのになんで英語やんなきゃ いけないか説明せよ
Firefox FAQ
Firefox FAQ
AI-Java-for-Financial.pdf
AI-Java-for-Financial.pdf
イマドキのUbuntu活用法
イマドキのUbuntu活用法
マルチブラウザやりました (DMM.Study Night)
1.
マルチブラウザ やりました sugie takafumi
2.
アジェンダ ・自己紹介 ・話の概要 ・なにをやったか ・振り返り
3.
自己紹介 sugie takafumi (@sssgggiii) frontend
engineer and server-side - i.Color co.,Ltd - playing guitar, drums
4.
話の概要 Chromeだけでプレイできるゲームを、 他ブラウザでもプレイできるようにした話 その時の苦労とか、知見とか
5.
ここから内容
6.
プロジェクト立上げ マルチブラウザ対応して! 3人で1.5ヶ月で! Firefox, Edge, IE11
7.
プロジェクト立上げ マルチブラウザ対応して! 3人で1.5ヶ月で! Firefox, Edge, IE11
8.
メンバー フロントエンドエンジニア3人 全員マルチブラウザ対応未経験
9.
れ出る不安
10.
れ出る不安 本当にこの工数でできるのか?
11.
れ出る不安 本当にこの工数でできるのか IEとかEdgeとかFFとかIEと か、ちゃんと動くのか?
12.
れ出る不安 本当にこの工数でできるのか IEとかEdgeとかFFとかIEと か、ちゃんと動くのか?不安 不安不安不安不安不安不安不 安不安不安不安不安不安不安 不安不安不安不安不安不安不 安不安
13.
とりあえず動かしてみよう @開発環境 Edge:それなりに動く!
14.
とりあえず動かしてみよう @開発環境 Firefox:チュートリアルで止まる!!
15.
とりあえず動かしてみよう @開発環境 IE11:ログインできない!!!!!!!!!!
16.
え・・このPJやばくね?
17.
え・・このPJやばくね?
18.
怖くなってきたので 予防線を張ろう OKとするライン=最低ラインを決める →えらい人と ・動作止まらないこと ・ゲームの進行に支障をきたさないこと
19.
そして 当面の目標をたてた 全ブラウザでチュートリアル突破!
20.
チュートリアル突破への道 まずは「動作しない」系のバグ対応
21.
チュートリアル突破への道 IE11ログインできない問題 別ドメインからのCookie受け入れが拒否 コンパクトポリシーをHTTPヘッダに追加で解 決! http://www.ark-web.jp/sandbox/wiki/240.html
22.
チュートリアル突破への道 IE11ログインできない問題 別ドメインからのCookie受け入れが拒否 コンパクトポリシーをHTTPヘッダに追加で解 決! http://www.ark-web.jp/sandbox/wiki/240.html
23.
チュートリアル突破への道 Firefoxチュートリアルで止まる問題 指定のanimation-nameが無いと怒られている クォーテーションで括られてると認識できない →クォート外して解決! http://kuroanco.hateblo.jp/entry/ 20130929/1380407952
24.
チュートリアル突破への道 Firefoxチュートリアルで止まる問題 指定のanimation-nameが無いと怒られている クォーテーションで括られてると認識できない →クォート外して解決! http://kuroanco.hateblo.jp/entry/ 20130929/1380407952
25.
チュートリアル突破への道 音声でない →boombox呼び出し時の書き方
26.
チュートリアル突破への道 フルアニメーションがクリックできない →座標の指定方法
27.
etc ……
28.
チュートリアル突破!!!
29.
同時に、問題を洗い出せた →チケット約50件
30.
同時に、問題を洗い出せた →チュートリアルの特性
31.
チュートリアル機能の特性 一通りの機能をユーザーに見せる → 一通りの機能は確認できた!
32.
このあたりから感じた
33.
結構いけるかもしれない!
34.
いけるかも、の理由 サーバサイドの問題がほぼ出てない
35.
いけるかも、の理由 サーバサイドの問題がほぼ出てない 問題量:js < CSS
36.
いけるかも、の理由 サーバサイドの問題がほぼ出てない 問題量:js < CSS タスクランナー(gulp)導入済み
37.
いけるかも、の理由 サーバサイドの問題がほぼ出てない 問題量:js < CSS タスクランナー(gulp)導入済み →autoprefixerで解決じゃね?
38.
autoprefixer is 何 css normal style autoprefiexer config css normal
style + vendor prefix style
39.
autoprefixer autoprefixerで解決!
40.
autoprefixer autoprefixerで解決! だが問題が
41.
autoprefixer autoprefixerで解決! だが問題が 元々Chromeでのみ動作する想定のゲーム・・・
42.
autoprefixer cssはこんな感じ
43.
あっ・・・(察し)
44.
通常のスタイルに戻す必要
45.
autoprefixer perl + 正規表現で自動化するぞ!
46.
autoprefixer perl + 正規表現で自動化するぞ! →i
am a programmer!
47.
autoprefixer perl + 正規表現で自動化するぞ! →i
am a programmer! 無理でした
48.
autoprefixer パターンありすぎ
49.
autoprefixer パターンありすぎ 元々のCSSの書き方のバラつき 例:-webkit-gradient
50.
autoprefixer パターンありすぎ 直し方のパターンも
51.
手で直した(置換)
52.
ノーマルスタイルへ Can I Use?やpleeeaseで直し方確認
53.
ノーマルスタイルへ gradient どうしても変換できないパターン(角度指定) →グラデーション作り直し
54.
cssの物量 20,000line * 1file 1,000line
* 10file 2日かけて直した
55.
autoprefixer実行! いい感じに直った
56.
この後は細かいレイアウトの バグを残すのみ
57.
順調に外部デバッグ、 ステージング確認完了
58.
リリース!!!
59.
DAUあげ!!! やった!!!!
60.
DAUあげ!!! やった!!!!
61.
振り返り1 問題の規模感が分かった時点で精神的に楽になっ た →洗い出し作業重要 →チュートリアル特性活かせた
62.
振り返り2 どこまでやるかを予めキッチリ決めておく →「動く」という言葉の定義
63.
振り返り3 CSSの書き方について、いろいろ分かった boxスタイルの書き方の経緯 gradientスタイル カオス過ぎ
64.
はじめからマルチブラウザ想 定しておくのが吉
65.
マルチブラウザやるなら OKのラインは決めよう 調査・手戻りあるよ →認識合わせないと不幸が起こる タスクランナー必須
66.
最後に
67.
未知なるものに挑戦するのは 楽しいよ!
68.
以上
Jetzt herunterladen