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

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

Avatar for potato4d(Takuma HANATANI) potato4d(Takuma HANATANI)
July 15, 2017
Programming
650
0

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

2017.07.15 Potato4d #phpkansai Lightning Talk

Avatar for potato4d(Takuma HANATANI)

potato4d(Takuma HANATANI)

July 15, 2017

More Decks by potato4d(Takuma HANATANI)

See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
Avatar for potato4d(Takuma HANATANI) potato4d
3
470
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.6k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
Avatar for potato4d(Takuma HANATANI) potato4d
9
5.1k
終わりゆく 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.4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
Avatar for potato4d(Takuma HANATANI) potato4d
38
29k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.7k

Other Decks in Programming

See All in Programming
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
Avatar for danybony danybony
1
190
高専、大学編入、そして未踏へ〜プロダクト開発とキャリアの歩み - Technical College, University Transfer, and On to “Mitou” / My Journey in Product Development and Career
Avatar for __pkmiya pkmiya
0
140
AIに既存システムを理解させる技術　～レガシーを見捨てないハーネスエンジニアリング入門～
Avatar for Ochtum ochtum
0
210
「AI時代、配布するPythonコードをどう守るか: 難読化の実験と判断軸」 #PyconJP2026
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
2
170
Seeing Through Serverless: Observability for AWS Lambda with ADOT and CloudWatch Application Signals
Avatar for shiro seike seike460
PRO
1
120
GraphRAGのKnowledge Graphを 直接！見る/View-GraphRAG's-KnowledgeGraph-directly!
Avatar for tyumugiko tyumugi1113
0
240
Gmail/Google DriveをトリガーにAIエージェントを動かそう！ / Run AI agents with Gmail/Google Drive as triggers!
Avatar for Har1101 har1101
3
470
Kiroで創り、AgentCoreで繋ぐ！AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
Avatar for matsukada licux
2
340
PHPプロジェクトの結合バランスを可視化する #php_night
Avatar for Takuma Kajikawa kajitack
0
220
[DroidKaigi 2026] Bring your own phones to Gradle Managed Devices
Avatar for Yury f2lk
0
110
MIZARU@SPAJAM2026 第二回予選
Avatar for drama 1901drama
0
110
go-spidermonkeyでAIエージェントのCode Modeを実装する
Avatar for syumai syumai
3
1.5k

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
510
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Fireside Chat
Avatar for paigeccino paigeccino
42
4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
580
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
800
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
300
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
520
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.8M
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.5k

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Λ Ϗϧυͯ͠ΈΔ