Swaggerを使ってインタラクティブなWeb APIドキュメントをつくる - Qiita
この記事は、微妙に以下の記事の延長線上です。わかりにくければ、こちらから読んでいただいた方がいいかもしれません。 LittleBitsを使ったIoTをつくり、家の室温変化のグラフをインターネットから見る（前編） - Qiita 「インタラクティブなWeb APIドキュメント」とはどういうものか Swaggerというツールを使います。Web APIをYAMLで書いておいて、Swaggerでサーバを立てると、読むだけのドキュメントではなくて、以下のようにパラメータを指定して実際にHTTPリクエストを送ることができるWebページが生成されます。 以下が返ってきたレスポンスです。 以下は実物です。ご自由に動かしてみて下さい。 インタラクティブなWeb APIドキュメント まだちょっと分かりにくいという方のために、アノテーションからドキュメントを作れるswaggerの使い方 - gong023の日記
Angularを使いこなすための第一歩「TypeScript」の基本を勉強する【あっさり系まとめ】 - Qiita
Angularを始めるには・・・ Node.jsを使ってAngularをインストールするので、Node.jsがお使いのパソコンに入っていない場合はNode.jsをインストールしてください。 Angularをインストールするために必要なもの Node.js 4以上が必要 Nodeのパッケージ管理システムnpm Node.js Angular公式サイト 【本題】TypeScriptって？ TypeScriptを勉強するのには公式サイトでコードを書くのが良いでしょう。 サイトTOPに行くと「Playground」というタブがあります。 そこで、TypeScriptを記述することができ、コンパイルと動作まで確認することができます。 TypeScriptを学ぶ上では非常に良い環境だと思いますので試してみてください。 「javascript」との違いは 変数の型がある コンパイルが必要 TypeScr
AngularJSに挑戦！入門 ToDoをつくろう - Qiita
はじめに AngularJSを使ったアプリケーションの作成に際して、 ToDoがもっとも簡単かつ覚えるのに適しているように思います。 （他のサイトでもよく見かけますし） ですので、ToDoアプリを作ります。 要件 ToDoアプリを作るにあたって、何を作ればいいか最初に考えます。 1. Todoの追加 2. ToDo一覧の表示 3. 各ToDoに完了チェックボタンを付ける 4. 各ToDoを変更する 5. 各ToDoを削除する 6. 未完了数/完了数の表示 以下は、あったらいいな機能 1. フィルター 2. すべて完了にする 3. 追加・更新日時を表示 ほかにもありますが、今回はこの辺までとします。 機能実装 メイン var TodoApp = angular.module('TodoApp', []); TodoApp.controller('TodoCtrl', ['$scope', f
AngularJS入門者必見！作りながら覚えて10分で理解｜Udemy メディア
AngularJSとは、Google社主導で開発されているJavaScriptのフレームワークのことです。大規模なアプリケーションでも安定した、綺麗なコードで書きやすい仕組みが用意されていることが特徴です。 今回は、AngularJSとはなんなのか？どういう特徴があるのか？から、実際にアプリケーションを作りながら、覚えられる実践講座までご用意いたしました。 AngularJSの簡易的な入門書のようにお使いいただければと思います。 AngularJSとAngular2 2010年頃に初版がリリースされていて、執筆時点では1.5.7版がリリースされています。 AngularJSには、バージョンが２迄存在しており、最近ではAngular2の話題がホットですが、実は、バージョン1.x系と2.x系の互換性はありません（この先もきっとありません）。 今回は、バージョン1.x系にあたる、AngularJ
第1回 TypeScriptの概要
いちばん簡単なTypeScriptのプログラム 取りあえずプログラムを作って実行してみるには、簡単なメッセージを表示するコードを書いてみるのが昔からの定番だ。メッセージには“Hello World”やそれに類似したものが使われることが多いので、一般に「Hello Worldプログラム」と呼ばれる。 ここでも、はじめの一歩として、同様のプログラムを作って実行してみよう。プログラムの開発環境を整えるにはいくつかの方法があるが、学習のためだけなら「Playground」と呼ばれるWebサイトを使うのが便利だ。 では、ブラウザーを起動し、URLとして「http://www.typescriptlang.org/Playground」をアドレスバーに入力してPlaygroundを開いてみよう（図2）。 ここでは、ブラウザーとしてGoogle Chromeを使ったが、Internet Explorer
TS Playground - An online editor for exploring TypeScript and JavaScript
Popular Documentation PagesEveryday TypesAll of the common types in TypeScript Creating Types from TypesTechniques to make more elegant types More on FunctionsHow to provide types to functions in JavaScript More on ObjectsHow to provide a type shape to JavaScript objects NarrowingHow TypeScript infers types based on runtime behavior Variable DeclarationsHow to create and type JavaScript variables
AngularJS - Qiita
AngularJS はGoogleからJavaScriptのフレームワークです。Model-View-Controllerというdesign patternのアプリケーション用に使います。色んな機能を持ってますが、主にカスタムHTMLオブジェクトを作ることが出来るようにします。 基本 AngularJSのHTMLオブジェクトは皆ng-directiveというものです。基本的なng-directivesはng-app, ng-model,ng-bindとng-controllerです。これらだけを使えば、面白いアプリケーションを作ることが出来ます。 ng-app Rootの要素(ようそ)です。一般的に、他のng-directivesはこのオブジェクトの中にあります。Auto-bootstrapの機能が持ってます。 ng-modelとng-bind ng-modelとng-bindは皆HTML
プログラミングが分からない人でも簡単なWebアプリケーションを作れちゃう！？JavaScriptフレームワーク『AngularJS』 | 株式会社グラッドキューブ
ホーム ブログ プログラミングが分からない人でも簡単なWebアプリケーションを作れちゃう！？JavaScriptフレームワーク『AngularJS』 「プログラミングは分からないけど、 簡単なWebアプリケーションを作れるようになりたい。」 「HTML・CSSは分かるけど、 JavaScriptが苦手だから何とかしたい。」 「自分の作ったサイトに、 ちょっとしたプログラミング要素を入れたい。」 そんなニーズにお応えしてくれるのが、 今回紹介させていただく「AngularJS」（アンギュラージェイエス）です。 AngularJSって？ 簡単に言えば 「HTMLのタグを拡張させるJavaScriptフレームワーク」ですが・・・、 よく分かりませんよね。 そこで今回はサンプルとして Todoアプリを作って慣れてみましょう。 自信がないという方も大丈夫！ とにかく書くコード量が少ないです。 順に手
Angularの基本構造を理解して、アプリ開発を始めるには？
※現在では、Web標準技術を利用したアプリ開発が広く普及し、そのためのフレームワークも多数存在しています。その中でも主流のフレームワークの1つである「Angular」を活用し、そのための知識を備えることには大きな意味があります。本連載は、Angularユーザーに向けて、その使いこなしTIPSを紹介するものです。なお、本連載は「Build Insider」で公開していた連載「Angular Tips」を同サイトおよび筆者の了解を得たうえで、本フォーラムに移行したものです。記事はBuild Insiderで公開した状態のまま移行しているため、用語統一などの基準が＠ITの通常の記事とは異なる場合があります。 別稿「TIPS：Angularの特徴とは？ 開発環境を構築するには？」（以降、準備編）では、Angularとは、に始まり、Angular QuickStart Source（以降、Quick
プロトタイプ制作にも使えるモバイルフレームワーク「Ionic」を便利に使うコツ
HTML5ハイブリッドモバイルアプリ用フレームワーク「Ionic」のセットアップと簡単なカスタマイズを通して、Ionicの魅力を紹介します。 Ionicは、HTML5ハイブリッドモバイルアプリの制作に便利なフレームワークです。Cordova/PhoneGapでモバイルアプリを作る際もIonicの利用をおすすめします。 Ionicはモバイルアプリによく使われるコンポーネントを、再利用・改造できる形で用意しています。また、非常に使いやすいCLI（コマンドラインツール）が用意されているため、新規作成、コンパイル、実行、エクスポートが快適にできます。新しい機能も継続的に追加されて、単なるフロントエンドフレームワークの域を超えています。ネイティブアプリやレスポンシブWebアプリを制作する前の、プロトタイプ制作にもぴったりです。 本記事では、私がもっとも便利だと思った特徴を紹介します。新しい開発者のみ
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アプリの作り方教えるけど質問ある？ : キニ速