Upgrade to Pro — share decks privately, control downloads, hide ads and more …

天高くそびえ立つ巨塔によって PHPをJavaScriptに変換する

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for potato4d(Takuma HANATANI) potato4d(Takuma HANATANI)
July 15, 2017
Programming
0
620

天高くそびえ立つ巨塔によって PHPをJavaScriptに変換する

2017.07.15 Potato4d #phpkansai Lightning Talk

Avatar for potato4d(Takuma HANATANI)

potato4d(Takuma HANATANI)

July 15, 2017
Tweet

More Decks by potato4d(Takuma HANATANI)

See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
Avatar for potato4d(Takuma HANATANI) potato4d
3
440
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.4k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
Avatar for potato4d(Takuma HANATANI) potato4d
9
5k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
Avatar for potato4d(Takuma HANATANI) potato4d
25
7.1k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい！ / Pokemon recognition from screenshots in browser using web worker
Avatar for potato4d(Takuma HANATANI) potato4d
0
1.4k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
Avatar for potato4d(Takuma HANATANI) potato4d
8
3.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
Avatar for potato4d(Takuma HANATANI) potato4d
11
4.3k
私たちはなぜ SPA で開発するのか / Why you choose SPA
Avatar for potato4d(Takuma HANATANI) potato4d
39
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.6k

Other Decks in Programming

See All in Programming
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
1
230
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
130
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
Avatar for nnaka2992 nnaka2992
1
260
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
3
780
TROCCOで実現するkintone+BigQueryによるオペレーション改善
Avatar for shota sato ssxota
0
160
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
680
エージェント開発初心者の僕が エージェントを作った話と今後やりたいこと
Avatar for ta-hasunuma thasu0123
0
240
Rails Girls Tokyo 18th GMO Pepabo Sponsor Talk
Avatar for Yuto Kondo yutokyokutyo
0
210
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
520
技術検証結果の整理と解析をAIに任せよう！
Avatar for Keisuke Ikeda keisukeikeda
0
110
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
170
Claude Code、ちょっとした工夫で開発体験が変わる
Avatar for Toranosuke Minamikawa tigertora7571
0
200

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
770
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
630
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
210
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
740
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
140
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
170
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k

Transcript

  1. ఱߴͦ͘ͼཱ͑ͭڊౝʹΑͬͯ PHPΛJavaScriptʹม׵͢Δ 2017.07.15 Potato4d #phpkansai Lightning Talk

  2. ࣗݾ঺հ

  3. @potato4d

  4. None
  5. None

  6. ࿩ͯͨ͠

  7. νϟϥ͍όϯυϚϯΈ͍͔ͨͩ Β΍ΊΖͱݴΘΕΔΞΠίϯͷ ਓ

  8. None

  9. օ͞Μbabel͸͝ଘ஌Ͱ͔͢ʁ

  10. None

  11. ES2015+ͱ͍͏2015೥Ҏ߱ͷ JavaScriptΛݹ͍ES5ʹม׵͢Δ

  12. ESͱ͍͏ͷ͕JavaScriptͷ ϕʔε࢓༷Έ͍ͨͳ΋ͷ

  13. ͦͷޙͷ੢ྐྵ͕ͦͷ࣌ͷ࣌఺Ͱ ͷ࢓༷ʹͳΔ

  14. ৽͍͠JavaScriptͷػೳΛઌʹ ࢼ͢πʔϧ

  15. ݱߦͷJavaScriptͷػೳΛݹ͍ ϒϥ΢βͰಈ͔͢πʔϧ

  16. html5shiv͋Δ͍͸Auto Prefixer

  17. ಥવͰ͕͢͜͜Ͱ

  18. ΫΠζͰ͢ʂ

  19. ES2015͸2015೥ͷJavaScript

  20. ES2016͸2016೥ͷJavaScript

  21. ͡Ό͋ES5͸Կ೥ͷ JavaScriptʁ

  22. ͦ͏Ͱ͢Ͷ

  23. A.D. 5೥Ͱ͢Ͷ

  24. ͜ͷ੢ྐྵ5೥ͷJavaScriptʹม׵ ͢Δπʔϧ

  25. ΍͍ͬͯΔ͜ͱ͸ ೚ҙͷςΩετ to JS

  26. ΍͍ͬͯΔ͜ͱ͸ ೚ҙͷPHP to JS

  27. babel-preset-php

  28. ΍Δ

  29. ͓΋ΉΖʹλʔϛφϧΛ։͘

  30. mkdir _test

  31. cd $_

  32. npm init -

  33. yarn add babel-cli babel- preset-php

  34. > main.php

  35. <?php $hoge=1; var_dump($hoge);

  36. ./node_modules/.bin/babel ./ main.php -o main.js

  37. ΍ͬͨ

  38. ͭΒ͍ͱ͜Ζ

  39. ͍͍ͩͨಈ ͔ͳ͍

  40. file_get_contents΋ಈ͔ͳ͍

  41. xhrʹͳͬͨΓfetchʹͳͬͨΓ͠ͳ ͍

  42. PHP to JSͷເͷπʔϧ

  43. None

  44. ͳ͔ͬͨ

  45. ͓·͚

  46. ࡶʹEC-CUBEΛ Ϗϧυͯ͠ΈΔ