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が最近リリースされ、重要な変...
Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.
SequelizeはnodeJSで使えるORM npm install sequelizeでサラッとインストールできます.MySQL本体さえ入っていれば,すぐに使えます. 初期化 Sequelize自体は,requireして,必要な情報を与えてnewすれば簡単に初期化できます. var Sequelize = require('sequelize').Sequelize; var Seq = new Sequelize('データベース名', 'ユーザー', 'パスワード'); /* hostとかportを指定するときはこう var Seq = new Sequelize('データベース名', 'ユーザー', 'パスワード', { 'localhost', 3306 }); */ モデルをつくる 最低限のモデルの定義.ここではUserモデルに対して,文字列型のユーザー名を定義しました. va
JenkinsとSeleniumでJavaScriptのテスト自動化、最初の一歩。第1回 日本Seleniumユーザーコミュニティ勉強会 1月18日に都内で開催された「第1回 日本Seleniumユーザーコミュニティ勉強会」。Seleniumプロジェクトの共同設立者であるJason Huggins氏による基調講演に続いて、有志によるライトニングトークが行われました。 本記事ではその中から、玉川紘子氏による「Jenkins x Selenium 最初の一歩」の内容を紹介します(追記:本記事のタイトルは「JenkinsとSeleniumでJavaScriptのテスト自動化」とありますが、実際の内容は「Selenium RCがJavaScriptの技術を用いて自動テストを行っている」という点がポイントという指摘がありましたので、ここに追記します)。 Jenkins x Selenium 最初の一
モバイルデバイス全盛の昨今、サイトのデザインだけでなく動きも対応しなくては!というケースがあります(私はありました)。 そんなわけで、JavaScriptのタッチ対応ライブラリについて評価を行ってみました。ライブラリの一覧についてはこちらのサイトが詳しく、ここから対応イベント・更新頻度を基に評価対象を表題の3つに絞り、その動作を比較してみました。 各ライブラリによるタッチの挙動は、以下で比較可能です(おまけでTouchyも入ってます)。 Gesture Detector 今スマホやタブレット的な何かでこの記事を読まれているあなた!はぜひ実際に動かしてみて下さい。 私はAndroid4.0デバイスしか持ってないので、xxで動かんぞ、ということがあるかもしれないです。そんな時はコメントなどで連絡いただけたらうれしいです。また、コードはこちら。 結論 結論としてはHammer.jsをお勧めしたい
Chrome Apps let you use HTML5, CSS, and JavaScript to deliver an experience comparable to a native application. Why build a Chrome App? By building a Chrome App, as opposed to going with a traditional web app or a native mobile app, you expand your potential audience and extend your development capability. Expand your potential audience When you write a Chrome App, as opposed to an app that runs n
AndroidプログラミングのTOPへ HTMLやJavaScript等のWeb技術を使って,AndroidやiPhoneなどモバイル環境のネイティブ・アプリを作成する事ができる。 そういうアプリの事をハイブリッド・アプリと呼ぶ。 AndroidとiOSでは,ハイブリッド・アプリを実現するためのアイデアは,非常に似ている。 下記の図を見れば,仕組みが酷似している事が分かるはずだ。 なおWindows Phoneの場合も,だいたい似たようなフロー。 以下では,各プラットフォームごとの詳細な事情をメモする。 また,複数プラットフォーム間での移植性を向上させるために,HTML側でどのように対処したら良いか?という課題についても述べる。 (1)Androidの場合 Androidでハイブリッド・アプリを実現するための仕組みは,下記のエントリに記述した。 たった2ファイルで,HTML+JS製のネイテ
追記:翻訳に誤って訳された部分がございました。原文における「break」は「破壊する」意ではありません。お詫びして訂正いたします。また、今後はこのような誤りのないよう、最大限の注意をもってサイト運営をしてまいります。(2013.10.21 11:30) コードを学ぶベストな方法のひとつは、既存のコードを「リバース・エンジニアリング」することです。コードトーレニング企業の「Treehouse」が、コードの一部をわざと「破壊」しながら、コードを分析する方法を教えてくれました。Nick Pettit氏はTreehouseブログの中で、プラウザでの3Dプログラミングの学習事例として、Javascript「Three.js」を一行づつテストする方法を解説しています。 var light = new THREE.PointLight(0xffffff); light.position.set(-100
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
RegexPal is a tool to learn, build, & test Regular Expressions (RegEx / RegExp). Results update in real-time as you type. Roll over a match or expression for details. Save & share expressions with others. Explore the Library for help & examples. Undo & Redo with {{getCtrlKey()}}-Z / Y. Search for & rate Community patterns.
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
引き続きJavaScript をいじっています。 勝手が違って悶えていますが、だいぶ慣れてきました。 jQuery のすばらしさにしびれていたらまんまとハマった点について。 ■やりたいこと フェードアウト後にそのエレメントを削除 ■うまくいかない式 $('#some_element').fadeOut(300).remove(); //エレメントは、フェードアウトせず、すぐに消える。 ■原因 キューに入るメソッドと入らないメソッドがあるため。 ■説明 1) jQuery クラスのメソッドは、戻り値として自身のオブジェクトを返してくれるので、続けて処理したいメソッドは続けて記述できる(= メソッドチェーン)。 2) エフェクトに分類されるメソッドのほとんどは、一旦キューに溜まってから実行されるため、前のエフェクトの終了を待って動いてくれる。 3) 1) と 2) は互い
Ajaxの覚え書き@じゅえ Ajaxを使って一味違ったホームページを作ってみませんか? このサイトでは、Yahoo! User Interface Library、Ext JS、Dojo Toolkitなどの Ajaxライブラリを使ったAjaxのサンプル集を掲載しています。 POSTメソッドでAjax通信を行うには、$.ajax()メソッドを使用します。 $.ajax()メソッドのurlオプションにアクセス先のURLを、typeオプションに"POST"を、dataオプションに送信するデータオブジェクトを、dataTypeオプションに"json"を記述します。 また、successオプションに通信成功時の処理(メソッド)を、errorオプションに通信失敗時の処理(メソッド)を記述します。 サンプルでは、通信終了時にも処理を行うためにcompleteオプションに通信終了時の処理(メソッド
HTML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JQueryTest</title> </head> <body> <table> <tr> <td> <input id="user" type="text" /> </td> <td> <input id="get" type="button" value="Get" /> </td> </tr> </table> <script src="http://code.jquery.com/jquery
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く