FN1704002 | Angular 2入門 08: HTTPサービスが返すObservableを使ったデータの検索 | HTML5 : テクニカルノート
ID: FN1704002 Technique: HTML5 / JavaScript Package: Angular 2.2 「Angular 2入門 07: HTTPサービスでデータを追加・削除する」(以下「Angular 2入門 07」)でつくったサンプル「Angular 2 Example - Tour of Heroines: Part 7」は、HTTPサービスによりリモートにデータを追加し、削除もできるようにしました。さらに、データを検索する機能も加えましょう。そのとき、HTTPサービスが返すObservableオブジェクトを使います。 01 Observableを使う Httpクラスのサービスメソッドにリクエストを送ると、ResponseオブジェクトのObservableが返されます。Responseは名前のとおり、レスポンスを受け取るときに使うクラスです。 「Angula
FN1807001 | Vue CLI 3入門 01: Vue CLIとは | HTML5 : テクニカルノート
ID: FN1807001 Technique: HTML5 / ECMAScript 2015 Tool: Vue CLI 3.0.0-rc.9 Vue CLIは、Vue.jsでアプリケーションをつくるための、コマンドラインインタフェース(CLI)にもとづく開発ツールです(図001)。2018年7月29日にv3.0.0-rc.9が公開されました。本稿では、Vue CLIの機能とシステムの構成要素について簡単にご説明します。 図001■Vue CLI 3サイト 01 Vus CLIの機能 Vue CLIは、 Vue.jsの開発を手早く進めるためのシステムです。つぎのような機能が備わっています。 インタラクティブなプロジェクトのひな型作成 - @vue/cli 設定なしに即使えるプロトタイプ作成 - @vue/cli + @vue/cli-service-global 実行時の依存設定 -
FN1804003 | TypeScript入門 01: Visual Studio CodeでTypeScriptのコードを書く | HTML5 : テクニカルノート
ID: FN1804003 Technique: HTML5 / JavaScript Package: TypeScript 2.8.1 Application: Visual Studio Code 1.27 「TypeScript」はマイクロソフトが開発したオープンソースのプログラミング言語です(「TypeScript: とにかくJavaScriptファイルをビルドしてみる」参照)。そのマイクロソフトが提供する無償の高機能エディター「Visual Studio Code」は、もちろんTypeScriptをサポートします。本稿では、Visual Studio Codeをインストールして設定したうえで、TypeScriptの簡単なコードをビルドしてみます。なお、TypeScriptはあらかじめインストールしておいてください(「TypeScript: とにかくJavaScriptファイルを
FN1701003 | D3.jsを使う | HTML5 : テクニカルノート
ID: FN1701003 Technique: HTML5 / JavaScript Library: D3.js 4.4.0 D3.jsは、データにもとづいて動的にコンテンツを描くJavaScriptライブラリです。HTMLやSVG、CSSなどのWeb標準にのっとって、モダンブラウザにデータを可視化します。本稿はライブラリの基本的な使い方と構文について、かいつまんでご説明します。 01 D3.jsをインストールする ライブラリはD3.jsサイトからダウンロードできます(図001)。本稿執筆時のバージョンは、4.4.0です。また、GitHubでソースが公開されています。CDNを使う場合には、つぎのコードをコピーしてください。
FN1601002 | AngularJS入門 01: AngularJSを始める | HTML5 : テクニカルノート
ID: FN1601002 Technique: HTML5 / JavaScript Library: AngularJS 1.5.3 AngularJSは、Google社とコミュニティが開発するJavaScriptフレームワークです(図001)。MIT Licenseのオープンソースで、商用にも使えます。AngularJSは、JavaScriptで書いたクライアント側のコントローラによりデータモデルを管理し、画面(ビュー)とリアルタイムにデータを交換するのに適したフレームワークです。本稿では、AngularJSのインストールおよび設定を行い、とりあえずごく簡単なアプリケーションとして動かしてみます。 図001■AngularJSのサイト 01 AngularJSのダウンロードと設定 AngularJSはサイトのトップページにあるボタンでダウンロードします(前掲図001)。Angular
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
