PageSpeed InsightsThis site uses cookies from Google to deliver its services and to analyze traffic.
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
暮らã—ã®æƒ…å ±ã‚µã‚¤ãƒˆnanapiã¯ã‚µãƒ¼ãƒ“スを終了ã„ãŸã—ã¾ã—㟠| nanapi [ナナピ]
2020å¹´8月31æ—¥(月)ã‚’ã‚‚ã¡ã¾ã—ã¦ã€nanapiã«é–¢ã‚ã‚‹ã™ã¹ã¦ã®ã‚µãƒ¼ãƒ“スã¯çµ‚了ã„ãŸã—ã¾ã—ãŸã€‚ nanapiã¯ã€2009å¹´ã®ã‚µãƒ¼ãƒ“ス開始より「ã¿ã‚“ãªã§ä½œã‚‹æš®ã‚‰ã—ã®ãƒ¬ã‚·ãƒ”ã€ã¨ã„ã†è€ƒãˆã®ã‚‚ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†ã•ã¾ã«ç”Ÿæ´»ã«é–¢ã™ã‚‹æ§˜ã€…ãªã€Œãƒã‚¦ãƒ„ーã€ã‚’投稿ã—ã¦ã„ãŸã ã投稿型ãƒã‚¦ãƒ„ーサービスã¨ã—ã¦é‹å–¶ã—ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ ç´„11å¹´é–“ã«ã‚ãŸã£ã¦çš†ã•ã¾ã‹ã‚‰ã”支æ´ã‚’ã„ãŸã ãサービスを継続ã§ããŸã“ã¨ã€nanapi編集部一åŒã€å¿ƒã‚ˆã‚Šå¾¡ç¤¼ç”³ã—上ã’ã¾ã™ã€‚ 掲載ã•ã‚Œã¦ã„ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã®nanapiã«ã¤ã„ã¦ã®ãŠå•ã„åˆã‚ã›ã¯ã€nanapi@supership.jp ã¾ã§ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ é•·ãã«æ¸¡ã‚Šnanapiã‚’å¿œæ´ã—ã¦ãã ã•ã‚Šã€æœ¬å½“ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
Googleã‹ã‚‰å¦ã¶ ヌルヌルサクサクãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
##スマフォwebページã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ アプリã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„るスライドメニューã§ã™ãŒã€webページã§ã¯ãªã‹ãªã‹ä½¿ã„心地ã®ã‚ˆã„スライドメニューãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“。 スマートフォンã®ãƒ–ラウザã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ガタガタã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãやスクãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webページã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ並ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webページã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—アニメーションも動ã‹ãªã„ã—最悪ã§ã™ã€‚ ##一方Google先生ã¯ãƒ‘ーフェクトãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã—ã¦ã„㟠ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ーフェクトã§ã™ã€‚ スライドã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚滑らã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ボタンã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãª
Google Chrome ã§è¶…手軽ã«ã‚¹ãƒžãƒ›å‘ã‘デザインを確èªã™ã‚‹æ–¹æ³•
最近ã€Google Chrome ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ー ツールã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®è¡¨ç¤ºã‚’確èªã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚‹ã“ã¨ã‚’知りã¾ã—ãŸã€‚ ã„ã¾ã¾ã§ã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザイン Web デザインをã™ã‚‹ã¨ãã«ã€ã¡ã¾ã¡ã¾ã¨ãƒ–ラウザーã®ã‚µã‚¤ã‚ºã‚’変ãˆãŸã‚Šã€Web サービス (Responsive Design Testing ã¨ã‹ Responsive Web Design Test Tool ã¨ã‹) を使ã£ã¦ã„ãŸã®ã§ã™ãŒã€ã“ã¡ã‚‰ã®æ‰‹é †ã®ã»ã†ãŒãŠæ‰‹è»½ãªã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ è¨å®šã¯è¶…ç°¡å˜ï¼ï¼ Google Chrome ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ー ツールを開ã„ã¦ã€å³ä¸‹ã®æ¯è»Šã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã—ã¾ã™ã€‚ å·¦å´ã‹ã‚‰ [Overrides] ã‚’é¸ã‚“ã§ã€[User Agent] 㨠[Device metrics] ã«ãƒã‚§ãƒƒã‚¯ã‚’入れã¾ã™ã€‚ ã“ã‚Œã ã‘ã§ã™ï¼ Google Chrome 32 ã‹ã‚‰ã¯è¨å®šæ–¹æ³•ãŒå¤‰ã‚ã£ã¦ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã‚„ã‚„ã“ã—ã„。 å³ä¸Š
リアルタイムWebを構築ã—ã‚„ã™ãã™ã‚‹ã€ŒSocket.IOã€ã¨ã¯
本連載ã§ã¯ã€ã“ã®Tech-Sketchã‹ã‚‰ã€Œã‚³ãƒ¬ã¯ï¼ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã‚’ピックアップã—ã€åŠ ç†ä¿®æ£ã—ã¦çš†æ§˜ã«ãŠå±Šã‘ã„ãŸã—ã¾ã™ã€‚ リアルタイムWebã¨Socket.IO æ „ãˆã‚る連載第1回ã¯ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã¨Socket.IOã«ã¤ã„ã¦ãŠå±Šã‘ã„ãŸã—ã¾ã™ã€‚Tech-Sketchã«æŽ²è¼‰ã—ãŸå…ƒãƒã‚¿ã¯ã“ã¡ã‚‰ã§ã™ã€‚ JavaScriptã¨Dynamic HTMLã«ã‚ˆã‚‹ã€Œå‹•çš„ã«è¡¨ç¤ºå†…容ãŒæ›´æ–°ã•ã‚Œã‚‹Webサイトã€ã¯ã€JavaScript内ã‹ã‚‰éžåŒæœŸã«ã‚µãƒ¼ãƒã¸æŽ¥ç¶šã—データをå–å¾—ã™ã‚‹æŠ€è¡“ã€ã„ã‚ゆるAjaxãŒåˆ©ç”¨ã§ãるよã†ã«ãªã£ãŸã“ã¨ã‚’皮切りã«ã€çˆ†ç™ºçš„ã«åºƒãŒã‚Šã¾ã—ãŸã€‚Google Mapsãªã©ãŒãã®ä»£è¡¨ä¾‹ã§ã™ã€‚ ã“ã®Google Mapsã¯ã€è¡¨ç¤ºã™ã‚‹å ´æ‰€ã‚„縮尺を変更ã™ã‚‹ã¨ã„ã£ãŸã€Œåˆ©ç”¨è€…ã®æ“作ã€ã‚’契機ã¨ã—ã¦æ–°ã—ã„データをサーãƒã¸å–ã‚Šã«è¡Œã仕組ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚サーãƒå´ã§ãƒ‡ãƒ¼ã‚¿ãŒå¤‰æ›´ã•ã‚ŒãŸã¨ã—ã¦ã‚‚ã€æ¬¡ã«ãƒ‡ãƒ¼ã‚¿ã‚’
Googleã€Webアプリ開発å‘ã‘新言語「Dartã€ã®å®‰å®šç‰ˆSDKをリリース
ç±³Googleã¯10月16日（ç¾åœ°æ™‚間）ã€æ˜¨å¹´10月ã«ç™ºè¡¨ã—ãŸWebアプリ開発å‘ã‘新言語「Dartã€ã®å®‰å®šç‰ˆSDKをリリースã—ãŸã¨ç™ºè¡¨ã—ãŸã€‚Windowsã€Macã€Linux用ã®SDKã‚’Dartã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる。 Dartã¯ã€ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ–ジェクト指å‘言語。Dartã®ãƒšãƒ¼ã‚¸ã«ã¯ã‚µãƒ³ãƒ—ルプãƒã‚°ãƒ©ãƒ やドã‚ュメントãŒå¤šæ•°ç”¨æ„ã•ã‚Œã¦ã„る。実行方法ã¨ã—ã¦ã¯ã€Webブラウザ上ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãªä»®æƒ³ãƒžã‚·ãƒ³ï¼ˆVM）ã§å®Ÿè¡Œã™ã‚‹ã‹ã€ã‚³ãƒ³ãƒ‘イラã§JavaScriptã«å¤‰æ›ã™ã‚‹ã‹ã®2ã¤ã®æ–¹æ³•ãŒã‚ã‚Šã€æ–°SDKã«ã¯Dartã®VMをサãƒãƒ¼ãƒˆã™ã‚‹Chromeブラウザã®ãƒ“ルド「Dartium（ニックãƒãƒ¼ãƒ ）ã€ãŒå«ã¾ã‚Œã‚‹ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
家入一真を新ã—ãŒã‚‹äººã€…ã¯ã€å‰å¤§ãªã‚‹å…ˆè¡Œäº‹ä¾‹ã§ã‚ã‚‹KNN神田æ•æ™¶ã‚’å´‡ã‚ã‚‹ã¹ã(山本一郎) - 個人 - Yahoo!ニュース
ã‚ã‚‰ã‚†ã‚‹å€‹äººæƒ…å ±ã‚’ãƒãƒƒã‚ングã•ã‚ŒãŸWIRED記者ãŒè€ƒãˆã‚‹ã‚»ã‚ュリティå•é¡Œ
{{#tags}}- {{label}}
{{/tags}}