Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
初回はWeb2.0の中核技術ともいえるAjaxを見ていきたいと思います。 Ajaxのセキュリティについて考えていきますが、その前にAjaxについて簡単におさらいしてみましょう。 AjaxとはAsynchronous JavaScript XMLの略であり、一言で言えばJavaScriptとXMLを使って非同期に通信するということです(XML以外の形式が使われることも多くなりました)。通信を非同期にすることで、何か処理をする場合にいちいち待たなくても次の処理に移ることができます。その結果、ユーザを待たせずに多くの処理を行えるようになりました。また、画面全体を再読み込みする必要がなくなったことも、使い勝手の向上した理由です。 Ajaxの動作 それでは簡単なサンプルコードでAjaxの動作を見ていきたいと思います(リスト1)。これらはAjaxの入門サイトや書籍で一番最初に出てくるコードです
「ツールチップ」とはオンマウス時に表示される画像やテキストのことです。 Windows IEで画像の上にマウスを置いてしばらく待つとALT属性が見えるというアレですね。 これを簡単に実装するライブラリを紹介。jQuery、prototype.js プラグインメインで探してみました。 ■ script.js ( prototype.js jQuery不必要 ) http://www.leigeber.com/2008/06/javascript-tooltip/ ・おすすめ ・ツールチップがフェードして現れます ■ tooltip.js ( 要prototype.js ) http://blog.innerewut.de/tooltip ・おすすめ! ・導入が簡単でわかりやすい。 ・ツールチップとして表示させたい内容をhtmlで記述できるのでカスタマイズが簡単 ■ cooltips ( 要p
2011/07/12 · Internet Explorerのアドオン「XML DOM Document」が無効になっていると、規定値に設定した経路ステップの処理者が表示されません。
[小ネタ]IEで使えるDOMインスペクタっぽいツール IE開発時に使えるDOMインスペクタっぽいツール情報を、集めてみました。 どれもAjax等の開発時に便利かと思います。 DHTML Diverhttp://s.drmg.net/chd/dhtmldiver/htm/index.htmフリーウェア[日本語](このサイトで公開しているツールです。) IEの右クリック拡張として動作するDOMインスペクタ。 IEエンジンで作成された思わぬ場所で動いたりします。 (某タブブラウザとか、某2chビューワ-とか。。。。 その他の特徴は、こちら→DHTML Diver特徴 Internet Explorer Developer Toolbarhttp://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-
1週間かけて食中毒もなんとか直ったのでブログ再開します。(もうこりごりです....) 例のごとくはてブをすっきりさせたいのでtable関連のリンクをこちらにまとめてく予定です。まだまだありそうですが、おいおい追加してきます。 コアライブラリ非依存系 Table Sorter ソート | MOONGIFT | demo table sorting ソート | to-R | demo OrderByColumn ソート | PHPSPOT | demo sorttable ソート | MOONGIFT | demo SortedTable ソート | demo TableKit ソート、編集 | PHPSPOT | demo Tiny Table ソート、縞々、ページング | coliss | demo Scrollable HTML table ヘッダ固定 | PHPSPOT | demo
↑の画像のように、2個のテーブルがあり、右側のテーブルのスクロール位置と左側のテーブルのスクロール位置とを動機させるためのサンプルHTMLです。 考え方はいたって簡単で、右側のDIVタグの「onscroll」イベントでDIVタグのスクロール位置を左側のDIVタグのスクロール位置に設定するだけです。 以外と業務系のアプリなどで、全カラムを横スクロールしたくない場合があるので、この方法を知っていると有効かと思います。 詳細は続きで。 <html> <body> <table border="0" style="background-color:black;"> <tr> <td valign="top" style="background-color:white"> <div id="leftColumn" style="overflow:hidden;height:84px;"> <tabl
ifで評価すれば一発で判定できます。 if ( !target ) { ... } // 以下のようにはしなくてもいい。 // if ( target == null || target == undefined ) { ... } 値ごとのifでの評価結果は次の表の通り。空文字列や0はfalse扱いなので注意。 値 ifで評価した結果 Object true undefined false null false 0 false 1 true -1 true ""(空文字列) false "a" true 配列 true ハッシュ true 確認してみます。 var stdout = document.getElementById("stdout"); // オブジェクト / null, undefind は false stdout.innerHTML += "null is " + (
この度紹介するのは、AJAXをふんだんに使用した、便利な最強ファイルマネージャーだ。 Kae's File Manager、訳してKFMは、オープンソースでビジュアルエディターで有名な FCKeditor や TinyMCEのプラグインとしても利用可能だ。 機能としては、主に以下を備えている。 ファイルのドラッグ&ドロップ アイコン表示、リスト表示形式の切り替え プラグイン スライドショー 画像修正 簡単インストール&アップグレード シンタックス・ハイライト テキストエディター ファイル検索 ファイルへのタグ付加 多言語(日本語もある。下記参照) MP3、ビデオ再生用のプラグイン デフォルト(初期状態)では、日本語ファイルはパッケージに含まれていないので、S. Higashi氏の日本語ファイルを手動で入れることで、日本語化を実現できる。 ただ、日本語が少々おかしなところがあるので、そこらへ
Googleの翻訳サービスAPI GoogleはGoogle MapsやGDATA(スプレッドシート等)などに代表されるサービスを利用するためのAPIを多く公開しています。今回、解説するGoogle AJAX Language APIも、その公開APIの1つです。他のAPIと同様に無料で利用することができます。 Googleで検索を行うと英語のサイトなどの場合、以下の図のように[このページを訳す BETA]というリンク文字が表示されます。このリンク文字をクリックするとページ内容が翻訳され日本語で読めるようになります。たとえば、「whitehouse」をGoogleで検索した場合、下図のようになります。 Googleで英語のサイトなどを検索した場合 [このページを訳す BETA]でWEBサイト自体を翻訳してくれる このようにページ内容を自動的に翻訳され表示してくれるのは英語が分からない人にと
YAPC::Asia 2008 で Michael Schwern は「SEO に有効な独自ドメインを取って、もっと Perl 初心者が集まりやすい nice な Perl の情報を集めたサイトを作れ!」といったそうです。そして「Perl-users.jp - 日本のPerlユーザのためのハブサイト」ができました。それにインスパイアされてas-users.jpも出来たらしい。 これは JavaScript も同じではないのか? そう思って js-users.jp ドメインを取り、ここに js-users.jp を開始します。完全に as-users.jp にインスパイアされています。本当にありがとうございます。ノープランです。 イベント情報 ajax Experience http://ajaxexperience.techtarget.com/html/index.html 2008年
Javascriptで知っておくべき知識 > 配列とオブジェクトと連想配列 2006年09月21日 配列とオブジェクトの略式(前提知識) 配列型(Array)とオブジェクト型(Object)のオブジェクト作成は通常書く場合、 var array = new Array(); var object = new Object(); ※宣言時の ( ) は省略できますが、「Ajax専」では付ける方向で統一します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く