[JS]液体ãŒæµã‚Œã‚‹ã‚ˆã†ã«ç”»åƒã‚’å°‘ã—ãšã¤è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Liquid Image FX
Flashを使用ã›ãšã«ã€æ¶²ä½“ãŒæµã‚Œã‚‹ã‚ˆã†ã«ç”»åƒã‚’å°‘ã—ãšã¤è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トをWeb Reflectionã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScript Liquid Image FX demo 上記ã®ãƒ‡ãƒ¢ã§ã¯ã€Firefoxã®ãƒã‚´ãŒå·¦ã‹ã‚‰é †ã«ä¸Šä¸‹å·¦å³ã‹ã‚‰æ¶²ä½“ãŒæµã‚Œã‚‹ã‚ˆã†ã«ç”»åƒã‚’å°‘ã—ãšã¤è¡¨ç¤ºã—ã¾ã™ã€‚ ã¾ãŸã€å‹•ãを組ã¿åˆã‚ã›ãŸãƒ‡ãƒ¢ã‚‚ã‚ã‚Šã¾ã™ã€‚
[JS]ホãƒãƒ¼æ™‚ã«æµ®ã‹ã¶ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¨ã£ã¦ã‚‚リアルãªã‚¹ã‚¯ãƒªãƒ—ト
ホãƒãƒ¼æ™‚ã«æµ®ã‹ã¶ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¨ã£ã¦ã‚‚リアルãªã‚¹ã‚¯ãƒªãƒ—トをAdrian Pelletierã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Create a Realistic Hover Effect With jQuery demo デモã¯Reflection（é¡é¢å射）ã¨Shadow（影）ã®äºŒç¨®é¡žãŒã‚ã‚Šã€ãã‚Œãžã‚Œãƒ›ãƒãƒ¼ã—ã¦æµ®ã‹ã‚“ã éš›ã€é¡é¢åå°„ã¨å½±ãŒè·é›¢ã«åˆã‚ã›ã¦ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ スクリプトã®ãƒ™ãƒ¼ã‚¹ã«ã¯jQueryãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
[JS]ç”»åƒã‚’ダイナミックãªä¸Šä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト | コリス
Create a Vertical Sliding Bar Thumbnail Effect demo 上下ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã¨ã¦ã‚‚軽快ã§ã€ãœã²ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„。 パãƒãƒ«ã¯åˆ†å‰²ã™ã‚‹å¿…è¦ã¯ãªãã€ã‚¹ã‚¯ãƒªãƒ—トã®ã‚ªãƒ—ションã§ã¯ã‚¤ãƒ³ã¨ã‚¢ã‚¦ãƒˆã®ã‚¹ãƒ”ードやãƒã‚¦ãƒ³ã‚¹ãªã©ã®èª¿æ•´ãŒã§ãã¾ã™ã€‚ スクリプトã®ãƒ™ãƒ¼ã‚¹ã«ã¯jQueryãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
[JS]高速ã§è»½é‡ãªJavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -RightJS
RightJS RightJSã¨ä»–ライブラリã¨ã®æ¯”較 IE, Fx, Op, Safari, Chromeã®å„ブラウザã§ã®ãƒ‘フォーマンスã¯ã€jQueryã€Prototypeã€Mootoolsãªã©ã®ä¸»è¦ãªJavaScriptã®ãƒ©ã‚¤ãƒ–ラリã¨æ¯”較ã—ã¦ã€æ¦‚ã高速ãªãƒ‘フォーマンスçµæžœã¨ãªã£ã¦ã„ã¾ã™ã€‚ デモã§ã¯ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã€ãƒã‚¤ãƒ©ã‚¤ãƒˆã€ãƒ•ã‚§ãƒ¼ãƒ‰ã€ã‚¹ãƒ©ã‚¤ãƒ‰ãªã©ã®ãƒ“ジュアルエフェクトを楽ã—ã‚ã¾ã™ã€‚ demo RightJSã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ã€MIT licenseã¨ã®ã“ã¨ã§ã™ã€‚
[JS]複数ã®ãƒ‘ãƒãƒ«ã‚’アニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sliding Tab Menu
サイドãƒãƒ¼ãªã©ã®çœã‚¹ãƒšãƒ¼ã‚¹ã«ã´ã£ãŸã‚Šãªã€è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’スムーズãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—トをQuenessã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Sliding Tab Menu for Sidebar Tutorial demo デモã§ã¯ã€ã‚¿ãƒ–をクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ‘ãƒãƒ«ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å„パãƒãƒ«ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é‡ã«åˆã‚ã›ã¦ã‚µã‚¤ã‚ºãŒèª¿æ•´ã•ã‚Œã¾ã™ã€‚ タブã¨ãƒ‘ãƒãƒ«ã¯ãã‚Œãžã‚Œdivè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯jQueryã¨jQuery.ScrollToãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
Brian Reindel | Fantasy and Science Fiction Author
Welcome! My name is Brian Reindel, and I write fantasy and science fiction. If you enjoy reading short stories containing the paranormal, supernatural, aliens, other worlds and fascinating characters, then you're in the right place. Ray Bradbury, Isaac Asimov, Arthur C. Clarke and John Wyndham are my primary author influences, including a healthy dose of "The Twilight Zone" and "X-Files" — all add
[JS]パãƒãƒ«ãŒã‚¹ãƒ ーズã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルãªã‚¹ã‚¯ãƒªãƒ—ト
ニュースãªã©è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã—ãŸãƒ‘ãƒãƒ«ãŒã‚¹ãƒ ーズã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã§è»½é‡ï¼ˆ3KB）ãªã‚¹ã‚¯ãƒªãƒ—ト「Accessible News Sliderã€ã‚’紹介ã—ã¾ã™ã€‚ Accessible News Slider demo パãƒãƒ«ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãƒ†ã‚ストリンクã¨ç”»åƒãƒªãƒ³ã‚¯ã§ã‚¹ãƒ ーズã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã€ã€Œview allã€ã‚’クリックã™ã‚‹ã¨ãƒ‘ãƒãƒ«ã®å…¨å†…容を表示ã—ã¾ã™ã€‚ 「view allã€ã§ãƒ‘ãƒãƒ«ã®å…¨å†…容を表示 ã¾ãŸã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã«ã‚‚é…æ…®ã•ã‚Œã¦ãŠã‚Šã€WCAG 1.0ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã®å¿…è¦æ¡ä»¶ã‚’満ãŸã—ã¦å®Ÿè£…ã—ã¦ã„ã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚ スクリプトやスタイルシートã®ã‚ªãƒ•æ™‚ã¯ä¸‹è¨˜ã®è¡¨ç¤ºã«ãªã‚Šã¾ã™ã€‚
jQueryプラグインã§å½©ã‚‹ã€ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®ã‚µã‚¤ãƒˆåˆ¶ä½œ 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
Ajaxを劇的ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascript界隈ã§ãƒ•ãƒ¬ãƒ¼ãƒ ワーク戦争ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚クライアント開発ã®è¦æ¨¡ã‚‚年々大ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’管ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚昨年ã¾ã§Angularã¨backboneを試ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCを作るMVCã®2階建ã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚フレームワークãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚一苦労ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ームã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebook発ã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—出ã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’使ã£ã¦è‰²ã€…調ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Rails以æ¥ã®è¡æ’ƒ 色々試ã—ã¦
Node.js＋Socket.IOã§ä½œã‚‹ã€é€šä¿¡å¯¾æˆ¦ãŒã§ãã‚‹HTML5ゲームシステムã®ä½œã‚Šæ–¹
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã¯ã˜ã‚ã¾ã—ã¦ã€Yahoo!ãã£ãšé–‹ç™ºæ‹…当ã§ã™ã€‚ 昨年Yahoo!ãã£ãšã«ã¦ãƒ–ラウザオンラインゲーム「ãŠã—ゃã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã‚’リリースã—ã¾ã—ãŸã€‚ ※ãŠã—ゃã¹ã‚Šãƒªãƒãƒ¼ã‚·ã¯2015å¹´10月をもã£ã¦ã‚µãƒ¼ãƒ“ス終了ã—ã¾ã—ãŸã€‚ã”利用ã„ãŸã ãã¾ã—ã¦ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã“ã®ã‚²ãƒ¼ãƒ ã¯ã€é€šä¿¡å¯¾æˆ¦éƒ¨åˆ†ã®é€šä¿¡ãƒ—ãƒãƒˆã‚³ãƒ«WebSocketを採用ã—ã€ã‚µãƒ¼ãƒãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ã«Node.js＋Socket.IOを採用ã—ã¾ã—ãŸã€‚ã“ã®çµæžœã€ãƒ–ラウザゲームã§ã‚ã‚ŠãªãŒã‚‰ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã§ã®å¯¾æˆ¦ã‚’実ç¾ã—ã¾ã—ãŸã€‚ 今回ã¯ã€Node.js＋Socket.IOã«ã‚ˆã‚‹WebSocketサーãƒã®ã‚·ã‚¹ãƒ†ãƒ 構築方法ã«ã¤ã„ã¦è€ƒæ…®ã™ã¹ããƒã‚¤ãƒ³ãƒˆã‚’ã€ã€ŒãŠã—ゃã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã®å®Ÿä¾‹ã‚’紹介ã—ãªãŒã‚‰èª¬
Railsã§ajaxを使ã£ã¦çµæžœã‚’jsonã§å—ã‘å–る方法 - aik's blog
jquery-railsを使ã£ãŸæ™‚ã®ajaxã®å‹•ä½œã®ãƒ¡ãƒ¢ã€‚ フォームをajaxã§é€ä¿¡ã—ã€jsonã‚’å—ã‘å–る処ç†ã‚’想定ã—ã¦ã„る。 view部分 フォームã«remote: trueã¨format: 'json'ã‚’è¨å®šã™ã‚‹ã€‚ #/app/views/post/new.html.slim = form_for @new_post, remote: true, format: 'json' do |f| = f.label :title = f.text_field :title = f.submit 'Post' controller部分 render jsonã§jsonã‚’è¿”ã™ã€‚ #/app/controllers/post_controller def create @post = Post.new(post_params) if @post.save render json: { status
第3回　Restlet 1.0.1―RESTアプリケーションを手軽ã«å®Ÿç¾ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク｜gihyo.jp
Restletã¨ã¯ï¼Ÿ Restlet(http://www.restlet.org/)ã¯ã€Web APIãªã©ã§ä¸»æµã¨ãªã£ã¦ã„ã‚‹REST(REpresentational State Transfer)åž‹ã®é€šä¿¡ã‚’è¡Œã†ã‚¢ãƒ—リケーションを構築ã™ã‚‹ã€Œè»½é‡ãª(Lightweight)ã€Javaフレームワークã§ã™ã€‚CDDL1.0ã¨GPL2.0ã®ãƒ‡ãƒ¥ã‚¢ãƒ«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ä¸‹ã§é…布ã•ã‚Œã¦ã„ã¾ã™ã€‚開発ã¯ãƒ•ãƒ©ãƒ³ã‚¹ã®Noelios Consulting社(http://www.noelios.com/：フランス語)ãŒä¸»ä½“ã¨ãªã£ã¦è¡Œã£ã¦ã„ã¾ã™ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0.1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã¯2007å¹´5月3æ—¥ã§ã™ã€‚ Javaã®REST APIã¨ã„ãˆã°ã€JAX-RS(JSR 311)ã®ä»•æ§˜ã‚’JCPã§è©°ã‚ã¦ã„る最ä¸ã§ã™ãŒã€Restletã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.0ã®APIã‚’JCPã«æ出ã™ã‚‹ã“ã¨ã‚’計画ã—ã¦ã„ã¾ã™(2007å¹´4月25日付ã®No
Ajax 誕生ã‹ã‚‰ 10 å¹´ã¨ã“ã‚Œã‹ã‚‰ - Block Rockin’ Codes
Intro 誕生ã¨è¨€ã†ã®ãŒæ£ã—ã„ã‹å¾®å¦™ã ã‘ã©ã€å¤šåˆ†èª•ç”Ÿã§ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã€ã€ŒAjaxã€ã¨ã„ã†åå‰ã®å‡ºå…¸ã¯ä»¥ä¸‹ã®è¨˜äº‹ã§ã€ã“ã®è¨˜äº‹ãŒæ›¸ã‹ã‚ŒãŸã®ãŒä»Šæ—¥ã‹ã‚‰ã¡ã‚‡ã†ã© 10 å¹´å‰ã§ã—ãŸã€‚ Ajax: A New Approach to Web Applications (当時ã‹ã‚‰ã€ URL ãŒä¸€å›žå¤‰ã‚ã£ã¦ã„ã‚‹) Web åˆã‚ã¦ã¾ã 10 å¹´ãŸã£ã¦ç„¡ã„ã‚“ã§ã€å…¨éƒ¨è¦‹ã¦ããŸã£ã¦ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€å€‹äººçš„ã«ã¯ã¡ã‚‡ã£ã¨æ€ã„出深ã„記事ã ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã™ã€‚ Ajax: A New Approach to Web Applications ç†è€…ã® Jesse James Garrett æ°ã¯ UX ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ä¼šç¤¾ã§ã‚ã‚‹ Adaptive Path ã®å‰µç«‹ãƒ¡ãƒ³ãƒãƒ¼ã®ä¸€äººã§ã€ UX エンジニアã§ã™ã€‚ ã“ã®è¨˜äº‹ã®è¶£æ—¨ã¯ã€å½“時既ã«ã‚ã£ãŸ Google Maps ã‚„ Gmailã€G
第1回　Ajaxã¨ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ティング | gihyo.jp
åˆå›žã¯Web2.0ã®ä¸æ ¸æŠ€è¡“ã¨ã‚‚ã„ãˆã‚‹Ajaxを見ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Ajaxã®ã‚»ã‚ュリティã«ã¤ã„ã¦è€ƒãˆã¦ã„ãã¾ã™ãŒã€ãã®å‰ã«Ajaxã«ã¤ã„ã¦ç°¡å˜ã«ãŠã•ã‚‰ã„ã—ã¦ã¿ã¾ã—ょã†ã€‚ Ajaxã¨ã¯Asynchronous JavaScript XMLã®ç•¥ã§ã‚ã‚Šã€ä¸€è¨€ã§è¨€ãˆã°JavaScriptã¨XMLを使ã£ã¦éžåŒæœŸã«é€šä¿¡ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ï¼ˆXML以外ã®å½¢å¼ãŒä½¿ã‚れるã“ã¨ã‚‚多ããªã‚Šã¾ã—ãŸâ ）â 。通信をéžåŒæœŸã«ã™ã‚‹ã“ã¨ã§ã€ä½•ã‹å‡¦ç†ã‚’ã™ã‚‹å ´åˆã«ã„ã¡ã„ã¡å¾…ãŸãªãã¦ã‚‚次ã®å‡¦ç†ã«ç§»ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã®çµæžœã€ãƒ¦ãƒ¼ã‚¶ã‚’å¾…ãŸã›ãšã«å¤šãã®å‡¦ç†ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã¾ãŸã€ç”»é¢å…¨ä½“ã‚’å†èªã¿è¾¼ã¿ã™ã‚‹å¿…è¦ãŒãªããªã£ãŸã“ã¨ã‚‚ã€ä½¿ã„å‹æ‰‹ã®å‘上ã—ãŸç†ç”±ã§ã™ã€‚ Ajaxã®å‹•ä½œ ãã‚Œã§ã¯ç°¡å˜ãªã‚µãƒ³ãƒ—ルコードã§Ajaxã®å‹•ä½œã‚’見ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ï¼ˆãƒªã‚¹ãƒˆ1â ）â 。ã“れらã¯Ajaxã®å…¥é–€ã‚µã‚¤ãƒˆã‚„書ç±ã§ä¸€ç•ªæœ€åˆã«å‡ºã¦ãるコードã§ã™
第3回　ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ã¦ã¿ã‚ˆã†ï¼ˆå¾Œç·¨ï¼‰ | gihyo.jp
連載第3回目ã®ä»Šå›žã¯ã€JavaScriptを利用ã—ãŸä½ç½®æƒ…å ±ã®å–得方法を解説ã—ã¾ã™ã€‚ Geolocation APIを利用ã™ã‚‹ Geolocation APIã¨ã¯ã€JavaScriptã§ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹APIã®ã“ã¨ã§ã€ç¾åœ¨W3Cã§ä»•æ§˜ã‚’ç–定ä¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€Firefox 3.5ã‚„Google Chrome 5ã€Safari 5ãªã©ã€ã„ãã¤ã‹ã®ãƒ¢ãƒ€ãƒ³ãªãƒ–ラウザã§ã¯ã™ã§ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ ãŸã ã—ã€ãƒ—ラグインやè¨å®šãªã©ã«ã‚ˆã£ã¦åˆ©ç”¨ã§ãã‚‹ã‹ã©ã†ã‹ã¯å¤‰ã‚ã£ã¦ãã‚‹ãŸã‚ã€ã‚³ãƒ¼ãƒ‰ã®ä¸ã§åˆ©ç”¨å¯å¦ã®åˆ¤å®šã‚’è¡Œã†å ´åˆã¯ã€ãƒ–ラウザåã¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§åˆ¤å®šã™ã‚‹ã®ã§ã¯ãªãã€geolocationオブジェクトãŒåˆ©ç”¨å¯èƒ½ã‹ã©ã†ã‹ã§åˆ¤å®šã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã™ã€‚ ä½ç½®æƒ…å ±ã‚’å–り扱ã†geolocationオブジェクトã¯ã€window.navigatorã‹ã‚‰å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚window.navigator.geolocation
æ°—ã«ãªã‚‹é–‹ç™ºãƒ—ãƒãƒ€ã‚¯ãƒ„：第2回　JSON-lib 1.1 - JSONæ–‡å—列ã¨Javaオブジェクトã¨ã®ç›¸äº’変æ›ï½œgihyo.jp … 技術評論社
JSON-libã®æ¦‚è¦ JSON-libã¯ã€Javaオブジェクトã‹ã‚‰JSONå½¢å¼ã®æ–‡å—列を生æˆã—ãŸã‚Šã€ãã®é€†ã®å‡¦ç†ã‚’è¡Œã†Javaライブラリã§ã™ã€‚Ajaxアプリケーションã«ãŠã„ã¦ã€Webブラウザã§å‹•ä½œã—ã¦ã„ã‚‹JavaScriptã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¨ã‚µãƒ¼ãƒå´ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¨ã®é–“ã§ã‚ªãƒ–ジェクトをやりå–ã‚Šã™ã‚‹éš›ã«åˆ©ç”¨ã§ãã¾ã™ã€‚JARå½¢å¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’SourceForgeã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ライセンスã¯The Apache Software License, Version 2.0ã§ã™ã€‚ JDK1.3用(json-lib-1.1-jdk13.jar)ã¨JDK1.5用(json-lib-1.1-jdk15.jar)ãŒã‚ã‚Šã¾ã™ã®ã§ã€ä½¿ç”¨ã™ã‚‹JDKã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«åˆã£ãŸã‚‚ã®ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘スをクラスパス(CLASSPATH)ã«è¨å®šã—ã¦ãã ã•ã„。ã“ã“ã§ã¯JDK1.5用ã«ã‚ˆã‚‹å®Ÿè¡Œä¾‹ã‚’紹介ã—ã¾ã™ã€‚ 実
jQueryプラグイン「pjaxã€ã§ã‚¹ãƒ ーズã«ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | Neganin(ãƒã‚¬ãƒ‹ãƒ³)
「pjaxã€ã¨ã¯ã€ŒAjaxã€ã¨ã€ŒpushStateã€ã‚’組ã¿åˆã‚ã›ãŸã‚‚ã®ã§ã€éžåŒæœŸé€šä¿¡ã‚’ã—ãªãŒã‚‰URLを変更ã™ã‚‹ã“ã¨ãŒã§ãる「jQueryプラグインã€ã§ã™ã€‚ å„ページã®å·®åˆ†ã ã‘èªã¿è¾¼ã¿ã€æç”»ã™ã‚‹ã®ã§ã€è»¢é€é‡å‰Šæ¸›ãŒã§ã時間çŸç¸®ã‚’図れã¾ã™ã—ã€ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚è¿½åŠ ã§ããŸã‚Šã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã«å„ªã‚Œã¦ã„ã¾ã™ã€‚検索エンジンã‹ã‚‰ã®ãƒžã‚¤ãƒŠã‚¹ç‚¹ã‚‚ãªã„éžå¸¸ã«å„ªç§€ãªãƒ—ラグインã§ã™ã€‚ 「Ajaxã€ã¨ã€ŒpushStateã€ãŒä½•ãªã®ã‹ã¨ã„ã†ã¨ãƒ»ãƒ»ãƒ» Ajax ページをé·ç§»ã›ãšã«ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã ã‘ã‚’éžåŒæœŸã§ã¨ã‚Šã€ã‚µã‚¤ãƒˆã«æç”»ã™ã‚‹ä»•çµ„ã¿ã®ã“ã¨ã§ã€ã€ŒGoogle Mapsã€ãªã©ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ pushState 「HTML5ã€ã§å°Žå…¥ã•ã‚ŒãŸURLæ“作ã®APIã§ã€ŒAjaxã€ã‚’使用ã—ã¦éžåŒæœŸãªã‚µã‚¤ãƒˆã‚’作る時ãªã©ã«ã‚¢ãƒ‰ãƒ¬ã‚¹ãŒå¤‰æ›´ã•ã‚Œãªã„å•é¡Œã‚’解消ã—ã¦ãã‚Œã¾ã™ã€‚ 1. デモ å‰ç½®ããŒé•·ããªã‚Šã¾ã—ãŸãŒã€å®Ÿéš›ã«ã€Œpjax
Aptana Jaxerã§ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptを始ã‚ã¦ã¿ã‚ˆã†ï¼ 記事一覧 | gihyo.jp
第4回サンプルアプリ（タスク管ç†ã‚¢ãƒ—リ）ã®ä½œæˆ ï¼ã‚¿ã‚¹ã‚¯ã®ç·¨é›†ãƒ»å‰Šé™¤ï¼å…¥åŠ›å€¤ãƒã‚§ãƒƒã‚¯ã®å…±æœ‰ï¼ æ —æ –ç¾©è‡£ 2008-03-12
第18回　jQueryã§AJAX入門：RSSã‚’AJAXã§å–å¾—ã—ã¦ãƒªã‚¹ãƒˆã«è¡¨ç¤ºã™ã‚‹ | gihyo.jp
他ページãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‹•çš„ã«è¡¨ç¤ºã™ã‚‹AJAXã‚‚jQueryを使ãˆã°é©šãã»ã©ç°¡å˜ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚今回ã¯AJAXを利用ã—ã¦ã€RSSフィードをå–å¾—ã€è¡¨ç¤ºã—ã¦ã¿ã¾ã—ょã†ã€‚ RSS 普段ã®æƒ…å ±åŽé›†ã§RSSリーダーを使ã£ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã¨æ€ã„ã¾ã™ãŒã€RSSフィードã¨è¨€ã£ã¦ã‚‚ã€ç¾åœ¨ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯ã€ä¸»ãªã‚‚ã®ã§RSS1.0ã€RSS2.0ã¨ã„ã†ã‚ˆã†ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ2ã¤ã‚ã‚Šã€ã“れらã¯XMLã®å½¢å¼ãŒå¤šå°‘é•ã„ã¾ã™ã®ã§ã€åˆ†ã‹ã‚Šã‚„ã™ã„よã†ã«ä»Šå›žã¯RSS2.0ã«å¯¾è±¡ã‚’絞りã¾ã™ã€‚ä»–ã«ã‚‚Atomã¨ã„ã†è¦æ ¼è‡ªä½“ãŒé•ã†ãƒ•ã‚£ãƒ¼ãƒ‰ã‚‚ã‚ã‚Šã¾ã™ã€‚ XML？ RSSã¯XML（Extensible Markup Language）ã¨ã„ã†è¨€èªžã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚以下ã¯gihyo.jpã®RSS2.0ã®ãƒ•ã‚£ãƒ¼ãƒ‰ã§ã™ã€‚リンク先を開ã„ã¦ãƒ–ラウザã®ã€Œãƒšãƒ¼ã‚¸ã®ã‚½ãƒ¼ã‚¹ã€ãªã©ã§ã€ã‚½ãƒ¼ã‚¹ã‚’確èªã—ã¦ã¿ã¦ãã ã•ã„。 http://rss.rssad.j
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Amazon.co.jp: 実践 Ajax ―Web2.0アプリケーション開発ã¸ã®æ‰‹å¼•ã: Justin Gehtland (è‘—), Ben Galbraith (è‘—), Dion Almaer (è‘—), å®®å·é”彦 (監修), åŠ è—¤æ…¶å½¦ (翻訳), å®®å·é”彦 (èªã¿æ‰‹): 本
{{#tags}}- {{label}}
{{/tags}}