HTML5ã§iOS Webアプリを作ã£ã¦ã¿ã¾ã—㟠-ãˆã»ã‚“ã®ã˜ã‹ã‚“(iPad版)-
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€EveryWhere開発部ã®ä¹…下åé †ã€é«˜æ©‹æ·³å²ã¨ç”³ã—ã¾ã™ã€‚ 先日リリースã•ã‚Œã¾ã—ãŸã€iPad用Webアプリ「ãˆã»ã‚“ã®ã˜ã‹ã‚“ã€ï¼ˆiPad版）ã®ç´¹ä»‹ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã“ã®ã‚µãƒ¼ãƒ“スã®å†…容ã¯ã”ãå˜ç´”ã§ã€ãŸãã•ã‚“並んã サムãƒã‚¤ãƒ«ã‹ã‚‰æ°—ã«å…¥ã£ãŸã‚‚ã®ã‚’é¸æŠžã™ã‚‹ã¨ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨æœ—èªã«ã‚ˆã£ã¦æ§‹æˆã•ã‚ŒãŸçµµæœ¬é¢¨ã®å‹•ç”»ãŒæµã‚Œã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã‚‚ã¨ã‚‚ã¨ã“ã®ã€Œãˆã»ã‚“ã®ã˜ã‹ã‚“ã€ã®å…ƒç¥–ã¯ã€ã€Œãƒ†ãƒ¬ãƒ“版ã€ã§ã—ãŸã€‚ インターãƒãƒƒãƒˆå¯¾å¿œãƒ†ãƒ¬ãƒ“å‘ã‘ã«æä¾›ã—ã¦ã„るテレビ版Yahoo! JAPANã‚„Yahoo! JAPAN for AQUOSãªã©ã‹ã‚‰ã¿ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPad版より作å“åŽéŒ²æ•°ã¯å¤šãã€30作å“以上を掲載ã—ã¦ã„ã¾ã™ã€‚ テレビ
スマートフォンサイトã®ä½œæˆè¡“ - 大å·æ´‹ä¸€
The document discusses various techniques for developing mobile web applications, including: 1. Using viewport meta tags to control layout on different screen sizes. 2. Storing cached content in Web Storage instead of cookies for better performance on mobile. 3. Loading images lazily via Ajax to improve perceived performance. 4. Detecting device orientation changes and resizing content appropriate
iPhoneã‚„Androidå‘ã‘ã®JavaScriptフレームワーク・Wink ToolkitãŒå‰²ã¨è‰¯ã‹ã£ãŸã®ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ル作ã£ãŸ - ã‹ã¡ã³ã¨.net
iPhoneã‚„Androidãªã©ã®äººæ°—㮠スマートフォンå‘ã‘ã®Javascript製 フレームワーク・wink toolkitを触㣠ã¦ã¿ã¾ã—ãŸã€‚動作サンプルãŒè±Šå¯Œ ã§å‰²ã¨å¿œç”¨ã§ããã†ã ã£ãŸã®ã§æ—¥æœ¬ 語ã§ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘ã®Webサイトやãƒã‚¤ãƒ†ã‚£ãƒ–アプリã«ä½¿ãˆãã†ãªJavaScript製ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚沢山ã®å‹•ä½œã‚µãƒ³ãƒ—ルãŒã‚ã£ã¦ã€å†…容もã¨ã£ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§ï¼ˆå®Œå…¨ã§ã¯ãªã„ã‘ã©ï¼‰æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ スマホå‘ã‘ã®Webアプリ用JavaScript製フレームワークã§ã™ã€‚ 動作サンプルを日本語ã«ã—ãŸã®ã§ãŠæ‰‹æŒã¡ã®iPhoneãªã©ã§ã‚µãƒ³ãƒ—ルを触りãªãŒã‚‰è¨˜äº‹ã‚’èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ [note]ãŠæŒã¡ã§ãªã„å ´åˆã§ã‚‚ã€Safariã§ã”è¦§é ‚ãã¨åŒæ§˜ã®å‹•ä½œç¢ºèªãŒå‡ºæ¥ã¾ã™ã€‚Chromeã§ã‚‚多少確èªå‡ºæ¥ã¾ã—ãŸã€‚ã¾ãŸã€ãƒ‡ãƒ¢å‹•ç”»ã‚‚ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã®ã§å®œ
スマホサイト：Webアプリモードã§æ„外ã¨æ›¸ã‹ã‚Œã¦ã„ãªã„è½ã¨ã—ç©´ - Kaleidoscope
ã¡ã‚‡ã£ã¨ä»Šå›žã¯ã¾ã‚知è˜çš„ãªå†…容ã§ã™ã€‚ 最近ã€ã€ŒiPhoneã§Webアプリを作æˆã€ã¨ã„ã£ãŸè¨˜äº‹ã‚’よã見ã‹ã‘ã¾ã™ã€‚ （jQuery Mobileãªã©ã‚’利用ã—ãŸé–‹ç™ºæ–¹æ³•ã¯ç½®ã„ã¨ã„ã¦ï¼‰ HTML5+CSS3+JavaScriptã§ä¸€ã‹ã‚‰ä½œæˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€æ„外ã¨è‚心ãªæ³¨æ„点ãŒæŠœã‘ã¦ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ã¨ãã«ã€ã‚ˆãmetaタグを使ã£ãŸã€ŒWebアプリモード（フルスクリーンモード）ã€ã«ã™ã‚‹æ–¹æ³•ãŒæ›¸ã‹ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ <meta name="apple-mobile-web-app-capable" content="yes" /> ã“れをやるã¨ã€URLãƒãƒ¼ã¨ã‹ãŒç„¡ããªã£ã¦ã€ã‚µã‚¤ãƒˆãŒãƒã‚¤ãƒ†ã‚£ãƒ–アプリã£ã½ããªã£ã¦ã‹ã£ã“ã„ã„ã‚“ã§ã™ã‚ˆã。 ã“ã‚Œã§ã€ã‚µã‚¤ãƒˆã‚’アプリã£ã½ã見ã›ã‚‰ã‚Œã‚‹ï¼ã£ã¦ã¡ã‚‡ã£ã¨èˆˆå¥®ã—ã¡ã‚ƒã„ã¾ã™ã‚ˆã。 ãŸã ã€ã“ã‚Œã£ã¦æ„外ãªè½ã¨ã—ç©´ãŒã‚ã‚‹ã‚“ã§ã™(￣▽￣;) 今回ã¯ã€åƒ•ãŒçŸ¥ã£ã¦ã‚‹å¤§ããªï¼’ã¤ã®æ³¨æ„点を
ピュアAJAXアーã‚テクãƒãƒ£ã®ã‚¹ã‚¹ãƒ¡
先日ã€ã“ã“ã§ç™ºè¡¨ã—ãŸFacebookユーザーむã‘グループウェア「Fruence.comã€ã€‚今年ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã«ãªã‚‹ã§ã‚ã‚ã†ã€Œã‚½ã‚·ã‚¢ãƒ«ãƒ»ã‚¢ãƒ—リã€ã®å®Ÿä¾‹ã¨ã„ã†æ„味もã‚ã£ãŸãŒã€ç§è‡ªèº«ã®ä¸ã§å°‘ã—å‰ã‹ã‚‰å½¢ã«ãªã‚Šã¤ã¤ã‚ã£ãŸã€ŒAJAXを最大é™ã«æ´»ç”¨ã—ãŸæ–°ã—ã„å½¢ã«ã‚¦ã‚§ãƒ–・アプリケーションã€ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®å®Ÿè·µã¨ã„ã†æ„味åˆã„も大ãã„。 ã“ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®ç‰¹å¾´ã¯ä»¥ä¸‹ã®ï¼“ã¤ã§ã‚る。 サーãƒãƒ¼å´ã¯ã€JSON over HTTPã®APIã¨HTML/CSS（ãŠã‚ˆã³ãã®ãƒ†ãƒ³ãƒ—レート）をスタティックãªå½¢ã§ã®ã¿æä¾›ã™ã‚‹ï¼ˆã‚µãƒ¼ãƒãƒ¼å´ã§ã¯ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªHTMLã®ç”Ÿæˆã¯ã—ãªã„） クライアントå´ã§ã¯ã€JavaScriptを使ã£ã¦ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰å–å¾—ã—ãŸJSONã¨HTMLã®ãƒ†ãƒ³ãƒ—レートを組ã¿åˆã‚ã›ã¦ï¼ˆãƒ‡ãƒ¼ã‚¿ãƒ»ãƒã‚¤ãƒ³ãƒ‰ã—ã¦ï¼‰è¡¨ç¤ºã™ã‚‹ã€‚ ウェブサイトã¯ã‚ãŸã‹ã‚‚独立ã—ãŸã‚¢ãƒ—リã®ã‚ˆã†ã«å‹•ãã€æ“作ä¸ã¯URLã¯ä¸€åˆ‡å¤‰åŒ–ã—ãªã„ ã‚‚ã¨ã‚‚ã¨ã¯ã€HTML
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://github.com/astaxie/build-web-application-with-golang/tree/master/ja/ebook
{{#tags}}- {{label}}
{{/tags}}