Angular入門 未経験から1ヶ月でサービス作れるようにする - Qiita
Angular入門記事です。 毎記事実際に動くコードを見ながらAngularを学んでいきます。 インストールから始め、実際にWebサービスを作りながら、しっかりとAngularの使い方解説し、最終的にはプロとしてAngularのコーディングをしていくことができるレベルの知識が身につくことを目指します。 これを気に、Angularの良さを知っていただけると幸いです。 Angular入門記事一覧 その1. インストール Angularのインストール 実際にAngularをインストールしてプロジェクトを作ります 起動して動作確認 起動して、Webページを表示してみます その2. ディレクトリ構造とコンポーネントの基礎 Angularプロジェクトのディレクトリ構成 AngularCLIにより生成されるディレクトリ、ファイルの説明を行います コンポーネントの基礎 コンポーネントを少し修正して、Ang
TypeScript チュートリアル - Qiita
はじめに ここでは、TypeScriptをブラウザを使って動作を確認できる環境を作成します。 TypeScript を利用するにあたって、下記を前提としています。 ミドルウェア等のバージョンが違っていても問題ないことは多いですが、うまくいかない場合はバージョンを疑ってみてください。 Node.js ver 10.3.0 TypeScript ver 2.9 Visual Studio Code ver 1.24 参考 * Quick start · TypeScript * 第1回 TypeScriptの概要 (1/4)：TypeScriptで学ぶJavaScript入門 - ＠IT 前提条件 Node.js がインストールされていること。 参考 * Node.js のバージョン管理マネージャを利用することをお勧めします。 * windows: nodist * macOS, linux:
JSON メソッド, toJSON
複雑なオブジェクトを持っており、それをネットワーク経由で送ったり、単にログ出力するために文字列に変換したいとします。 もちろん、変換された文字列にはすべての重要なプロパティを含んでいる必要があります。 私たちは、次のように変換処理を実装することができます: let user = { name: "John", age: 30, toString() { return `{name: "${this.name}", age: ${this.age}}`; } }; alert(user); // {name: "John", age: 30} …しかし、開発の過程では、新しいプロパティが追加されたり、古いプロパティがリネーム/削除されます。このような状況で toString を毎回更新するのは面倒です。オブジェクト中のプロパティをループすることはできますが、オブジェクトが複雑で、プロパティに
D3.js の force layout を試してみる - 雑食性雑感雑記
概要 D3.js で Force layout を動かしてみる。 理解用に簡単なサンプルを作る。 その他、オプションを試してみる。 ラベル表示と矢印を追加。 情報 D3.js って…？ 日本語サイト D3 = Data Driven Document データに基づいてドキュメント (要は DOM) を操作するための Javascriptライブラリ。 svg を使った華麗なグラフのデモが目立つが、DOM操作のライブラリとしても優れている (と、使ってみて思った)。 Force layout force = 『力』とか『エネルギー』とか。 スターウォーズのアレ？？ 要素同士が影響し合っている状態を node (円) と link (線) で表している。 説明よりもサンプル見た方が早い。 Force-Directed Graph 作ったサンプル jsdo.it 上に置きました。 作り方とかは以下
d3.jsでスゴイっぽい図(force layout)を作ってみたら思ったより簡単だった件 - Qiita
スゴイっぽい図((force layout))って何 こんな感じの、なんかビヨーンとなってシャキシャキして動くやつ。 説明するより動くものを見てもらった方が早いかも。 作ったdemo やってみた感想 グワングワン動いて楽しい 動的な描画をするのは難しそうだと思ってたが、そうでもなかった。 d3.js自体も難しいものだと避けてきたが、たくさんの人が記事にあげてくれているからググればなんとかなる。 実際に何かに使うには、描画したいデータを必要なフォーマットに直すところがちょっと大変そう。 解説 0. 全ソース 一旦全ソースを貼ってみる。 コピペしていくつかの値をいじってみるだけでも楽しい。 <!DOCTYPE html> <html> <head> <title>d3test</title> <script src="http://d3js.org/d3.v3.min.js" charset=
Bootstrap3 Modals modal.jsの簡単な使い方
Bootstrap3のモーダルウィンドウの使い方。 Bootstrap3ではクリックするとポップアップウィンドウが表示される、モーダルコンポーネントが搭載されています。メッセージやフォームの入力、大きいサイズの画像の表示など様々な用途に使用可能。 構造は少し複雑ですが、基本的な要素を押さえればそれほど難しくないので使ってみてください。 Bootstrap3 モーダルの使い方 モーダルの構造は大きく分けて、呼び出しボタンとモーダル本体の２つ。 呼び出しボタンはdata-toggleとdata-targetのみ。本体は複雑な構造になってますが、.modal > .modal-dialog > .modal-contentの中にヘッダー、フッター、コンテンツが入るだけなのでテンプレートとして覚えておくと便利です。 また、.modalclassに.fadeをつけることでフェードインアニメーションを
しがないプログラマーの備忘録
２．「WebContent/WEB-INF/web.xml」を以下の様に入力。 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1"> <display-name>JSF22Sample202-h-commandButtonActionBeanValue</display-name> <we
Bootstrap3を使ってJSFを始める - DENの思うこと
これはJava EE Advent Calendar 2013の22日目の記事です。 昨日は@megascusさんのJPA L2キャッシュに関する辛みでした。 明日は@nabedgeさんです。 本日は、私がJSFでサンプルアプリや実際アプリを作る下準備として作る。Bootstrapをベースとしたひな形の作成手順を紹介します。 JSFでアプリを作成する場合にまずどうやってプロジェクトを作るのかって結構悩みどころだと思います。PrimeFacesをベースにする人が多いと思いますが、私はPrimeFacesを使わずにBootstrapで基本の画面を構築する場合が多いです。JSFでBootstrapのモジュールをどこに配置してどのようなテンプレートを作るとアプリが作れるようになるのか基本的な画面を作成してみたいと思います。 前提条件 JavaとNetBeansとGlassFsihをインストールして
Socket.IO 1.0の紹介 (翻訳) - from scratch
Socket.IO 1.0がリリースアウトされました。Socket.IO v1.0が出るといわれてから一年半以上経過しましたが、やっと出ました。Node.jsに関わる方であれば一度はお世話になっていると思います。今回はSocket.IO 1.0の紹介を作者であるGuillermo Rauchがしているので、それを日本語で翻訳して紹介します。 TL;DR 翻訳していたらすごく面白かったのですが、文字だらけですごく長くなってしまったので、最初と最後にまとめを載せました。興味があれば全部目を通してみてください。 モジュール分割が進み、新しくEngine.IOが作られています。これはSocket.IOのトランスポート層のプロトコルを調律する役割を担っているライブラリです。 Engine.IOが行っている処理の一つで、最初に接続できる可能性が高いXHRやJSONPで確立し、websocketにupg
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
WebPlatform.org — Your Web, documented
Opening the Web Platform We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
タグマネジメントツール「Googleタグマネージャ（Tag Manager）」についての紹介 | アユダンテ株式会社
現地時間の2012年10月1日、日本時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備（初期設定） Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular 日本語版
Django REST Framework + AngularでTodoアプリを作る - Qiita
jExcel Spreadsheetを使ってみる - Qiita
JSF Tools チュートリアル - JSF 2.0 アプリケーションの構築
お前自分ちのページャUIが本当に速いと思ってんの？
Dart programming language
