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が最近リリースされ、重要な変...
Vue.jsでTableをソートしたり検索したりしてみる Vue.js 2.0 を使用してTableで並べたリストの検索フィルターとかソートなどをやってみます。 投稿日2017年01月16日 更新日2017年01月16日 データをテーブルに表示する 最初に表示するデータを作成して、tableにシンプルに表示してみましょう。 大まかにデータを入れる(data)、ボタンクリック時などに実行される(methods)、フィルター処理を記述する(computed)を作成していきます。 JavaScript var app = new Vue({ el: '#app', data: { }, methods: { }, computed: { } }); ではdataに表示するデータを記述していきましょう。 今回はタスクリストを想定して作成してきます。 JavaScript data: functio
Vue.jsとは Vue.js(ビュージェイエス)は、インタラクティブなUIを構築するためのJavaScriptライブラリです。Webサイト内のウィジェットや管理画面のダッシュボードといったビュー(view)層に特化しています。設計の特徴としてMVVMパターンに影響を受けています。 Vue.jsは2013年にEvan You氏の個人プロジェクトとして開始、2014年2月にバージョン0.8が正式に公開されます。その後いくつかのリリースを経て、2015年4月にLaravelへの標準搭載決定を機に一気に知名度があがりました。2015年10月に1.0が、2016年10月1日(日本時間)に2.0がリリースされ現在に至ります。 Vue.jsの主な特徴には以下のものがあります。これらによって短期間で実用的なアプリケーションを作成できるため人気を集めています。 シンプルなAPIやHTMLベースの平易なテン
More than a doc, Dropbox Paper is a flexible workspace that brings people and ideas together.
Web サーバーと非同期に通信するサンプル。 つまづきやすいのは JavaScript の this。this (のスコープ) について理解するには、書籍 JavaScript Ninjaの極意 がオススメ。 GET でリソースを取得する 郵便番号検索API - zipcloud http://zipcloud.ibsnet.co.jp/doc/api の JSONP API を使って、郵便番号から住所を取得する。 API の動作を確認する 郵便番号 103-0028 の住所を Web ブラウザーに表示する。 { "message": null, "results": [ { "address1": "東京都", "address2": "中央区", "address3": "八重洲", "kana1": "トウキョウト", "kana2": "チュウオウク", "kana3": "ヤエス
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 タイトル長めになりました。 かれこれ、6、7年放置気味のWordPressのサイトを サーバー移転に伴い色々と整理しています。 既存のWordPressは、がっつりプラグインに依存しているしjQueryも7年前ぐらいに入れっぱなし。。 という事で、外せるプラグインは外して、これを機にjQueryも外そうと。 したところ、よくある「さらに記事を読み込む」ボタンの実装がどうやら必要だ。 このボタンを押すと、Ajaxで記事を取得してきて、表示する。と言った機能。 今まで、プラグインを利用してきたのですが、外せるなら外して自作したいですよね。 そこで、どうせなら新しめのフレームワークを入れちゃおうかなと、どれを入れようか20秒ほど考えました。 Angular2を入れる
デザインにアクセントを加える、手書き風フォントをお探しですか? 私たちがおすすめする中から厳選した10のフォントをご紹介します。Envato Elementsから全て無制限でダウンロードできますよ。 1.Alejandra Alejandraはモダンなカリグラフィ書体で、クラシックかつエレガントなタッチを表現できます。見出しやサイン、ロゴ、結婚式の招待状、Tシャツ、ニュース、ポスターなどいろんな場所で使えます。 2.Bestters Supply 手作りのフォントで、太くヴィンテージな雰囲気が特徴です。これもロゴや見出しなど様々に使えます。 3.BigMom Font Duo 楽しい雰囲気のフォントで、1文字1文字が細心の注意を払って作られています。モダンかつ独特なスタイルはファッションやアパレル、文具などにも活かせるでしょう。 4.July Kissed 手書き風のかわいらしいフォントで
html5securityのサイトに、XSSの各種攻撃手法がまとめられているのを発見せり!ということで、個人的に「お!」と思った攻撃をサンプルつきでご紹介します。 1. CSS Expression IE7以前には「CSS Expressions」という拡張機能があり、CSS内でJavaScriptを実行できたりします。 <div style="color:expression(alert('XSS'));">a</div> 確認 @IT -[柔軟すぎる]IEのCSS解釈で起こるXSS で詳しく解説されていますが、CSSの解釈が柔軟なことともあいまって自前で無害化するのはなかなか困難。以下のようなコードでもスクリプトが実行されてしまいます。 <div style="color:expr/* コメントの挿入 */ession(alert('XSS'));">a</div> 確認 <div s
React.js + Webpack + ContainerJS でTODOリストを作ってみたので、手順をまとめます。 以前書いた、Knockout + ContainerJS でテスタブルにToDoリストを作るチュートリアル - うなの日記の改訂版。 最近流行ってるライブラリのお試しも兼ねて、いろいろ組み合わせて使ってみようという試みです。 ソース全体はこちらで公開しているので、あわせて参照ください。 ポイント モジュールローダーを require.js → Webpack に ソースはクラス単位で分割管理して、Webpackで1ファイルにまとめてリリースします。 WebpackだとAMDもCommonJSも両方扱えるので、npmのライブラリが使いやすくなるのは大きいかな。 あと、Loaderも便利ですね。 Viewモジュールを Knockout.js → React.js に 流行って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く