AngularJSが提供する機能を利用してクッキーを読み/書き/削除する方法を解説。また、登録済みの全てのクッキー情報をまとめて取得する方法も説明する。 ← 前回 連載 INDEX 次回 → JavaScriptでクッキーを読み書きするには、JavaScript標準のdocument.cookiesプロパティも利用できます。ただし、cookiesプロパティでは生のクッキー文字列をアプリ開発者が自ら組み立てなければならず、コードはおのずと冗長になりがちです。 そこでAngularJSでは、クッキーを読み書きするための専用サービスとして、$cookieを提供しています。$cookieサービスを利用することで、クッキーに関わるパラメーターをハッシュ形式で指定できるようになりますので、コードをより直観的かつシンプルに表現できるようになります。 具体的な例を見てみましょう。以下は、フォームから入力さ
以下の記事(「はじめに」以降)は1年以上前のものなので、結構内容が古いです。別途、「ionic + TypeScriptで今風な開発フローを実現」というシリーズの投稿を書いたので、そちらの方が内容が新しいものとなっています。気が向いたら覗いてみてください。 ionic + TypeScript で今風な開発フローを実現【導入編】 ionic + TypeScript で今風な開発フローを実現【型定義ファイル活用編】 ionic + TypeScript で今風な開発フローを実現【module, concat編】 ionic + TypeScript で今風な開発フローを実現【sourcemap編】 ionic + TypeScript で今風な開発フローを実現【TypeScript編】 はじめに Cordova + Ionic + TypeScript + AngularJSで「The I
こんにちは、WEBマーケティングの杉尾です。 前回、画像ファイルを表示させるときに、「相対パス」という言葉を出しました。 これはファイルを参照するときに使う書き方の一つです。 『相対パス』の他に『絶対パス』という書き方があります。 今日はその2つについてお話しさせていただきます。 相対パス、絶対パスの考え方 あなたが駅前で道を聞かれたとします。 その場所を知っていれば、あなたは恐らく駅からの道順を説明すると思います。 少し遠い場合でも、「何番系統のバスに乗って…」という風に答えると思います。 これが相対パスの考え方で、その場所からの位置関係を示したものです。 『パスを書こうとしているそのファイルから見た位置』ですね。 あなたが通販で商品を買ったとします。 その荷物を届けてもらうために、都道府県からの住所を言う、もしくは記入しますよね。 相手はあなたがどこにいるかわからないからです。 それが
常用漢字 は一般の社会生活(法令や公用文書、新聞や雑誌など)において現代の国語を書き表す際に使用する漢字の「目安」です。漢字とかなの使い分け、ふりがな(ルビ)の有無など、読者への配慮として判断基準となるのが常用漢字ではないでしょうか。このサイトでは、現在の常用漢字はもちろんのこと、平成22年(2010年)11月改定前の常用漢字に関する情報もあわせて掲載しています。
大久保です。 最近、プロジェクトでTypeScriptを使い始めたのですが、JavaScriptと比較するとかなり使い勝手がよく、気に入っています。 プライベートでも使いたかったのですが、やっぱり、、 編集・保存 → コンパイル実行 → ブラウザリロード というのはなかなかにめんどくさい。。 ということでタスクランナーでいいかんじにしたいなと思い、 AngularJS + TypeScriptで作られたToDoアプリをgulpで自動実行できるようなgulpfileを書いてみました。 ToDoアプリについて 今回使ったToDoアプリの元はtodomvcのTypeScript & AngularJSバージョンです。 今回はあくまでgulpの学習なので、ToDoアプリのソースに関しては元のアプリからほとんど変えてません。 ディレクトリ構成 . ├── gulpfile.js //gulpの設定フ
AngularJSは個人的にかなり注目しているフレームワーク(FW)です。世に出ているFWとしては新しい方の部類ですし、今現在話題になっているFWです。AngularJSを利用すると動き(チェックボックスだとかフォームだとか)を必要としたWebサイトが簡単に作れます。ある程度動きを持たせるだけならjQueryだけでもOKですが、上手く機能をモジュールかできつつ、HTMLをテンプレート化できるので、開発がかなり楽になるFWだと思います。 AngularJSがどういうものかを知るには以下のサイトが良いかと思います。 日本語の良質な解説資料 Angular.jsのここがアツい!! - Nayuta Works AngularJSのスゴさが伝わるデモ - 64p.org 自分は1つ目リンクのスライドと公式サイトでどういうものかを知り、まずはちょっと使ってみることにしました。使ってみてその威力(特に
サービスのインスタンスは1つ。ということは、同じサービスをページ間で共有すればデータを渡すことが出来るということです。ということでやってみました。 /// <reference path="scripts/typings/angularjs/angular.d.ts" /> /// <reference path="scripts/typings/angularjs/angular-route.d.ts" /> module TypeScriptAngularJSApp2 { // データ共有用のサービス class SampleService { key: string; } // Page1用のスコープ interface Page1Scope extends ng.IScope { title: string; navigate(): void; } // Page1用のコントローラ
Expressを使ったアプリをデバッグしてみたいと思います。 プロジェクトの作成 フォルダを作って以下のコマンドを打って必要なモジュールをインストールしておきます。 npm init -y npm install express --save npm install gulp gulp-typescript gulp-sourcemaps --save-dev ソースフォルダを作ってTypeScript関連の必要なものをインストールしておきますおきます。 mkdir src cd src tsd init -y tsd install express -save srcフォルダにtsconfig.jsonという名前でファイルを作って以下の内容を書いておきます。 { "compilerOptions": { "target": "es5", "module": "commonjs" } }
Table of Contents 1. peco で何か便利なのか 2. 導入手順 3. bash履歴の検索をpecoインタフェースにする 4. pecoインタフェースのキーバンディングをカスタマイズする 5. 参考 以前から percol の流行りに気になっていたが、python製のため導入が面倒さそうなので保留 しました。最近、percolを元にgolangで書かれたpecoが出てきて導入しやすくなったと感じて 手を入れました。 1 peco で何か便利なのか コマンド出力結果のインクリメントサーチが出来る Bashコマンド履歴のインクリメントサーチが出来る プロンプトでログファイルのインクリメントサーチが出来る パイプラインでたのコマンドとの連携で色々出来ると思います 具体なイメージはgithubの README が分かりやすい 2 導入手順 一番簡単なのは peco バイナリを
最近TLでpercolやpecoが盛り上がっているので試してみました。 追記 lestrratさん、syohexさんからご指摘いただいた通り、そもそもpecoを使いたいだけの場合はGoのインストールは必要ありませんでした。 (percolだとpythonとかの設定が色々と面倒だった、という背景を忘れていました...) 詳細は下記記事を参考にしてみてください。 例えば、pecoをビルドしない http://qiita.com/lestrrat/items/de8565fe32864f76ac19 pecoの導入 ## 例 $ cd $ mkdir -p local/src $ cd local/src $ wget https://github.com/peco/peco/releases/download/v0.1.12/peco_linux_amd64.tar.gz $ tar -C /
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く