JavaScriptでHTMLエスケープ処理 - Qiita
JavaScriptでHTMLエスケープする必要があったのでメモ。 一般的なWebアプリの場合、基本的にはサーバサイドでのHTMLエスケープが出来てれば問題無いケースが多い。 ただ、例えばDOMからテキストを取得して再度DOMに突っ込む、みたいな処理をクライアントサイドでやろうとした場合は、JavaScriptで改めてHTMLエスケープする必要がある。 ので、JavaScriptで最低限のHTMLエスケープするメソッド作った。 function escape_html (string) { if(typeof string !== 'string') { return string; } return string.replace(/[&'`"<>]/g, function(match) { return { '&': '&', "'": ''', '`': '`
angular.io Guide: HttpClient - Qiita
この記事は、Angular の公式ドキュメントの HttpClient の章を意訳したものです｡所々抜け落ち、翻訳モレがあるかと思いますがあしからずご了承を｡ バージョン 4.3.3 のドキュメントをベースにしています｡ HttpClient ほとんどのフロントエンドアプリケーションは、HTTPプロトコルを使用してバックエンドサービスと通信します。モダンブラウザーは、HTTP リクエストを行うための2つのAPI、XMLHttpRequest インターフェースとfetch()APIをサポートしています。 訳注: fetch API 2015年の春〜夏頃にかけて各ブラウザがサポートしはじめた、新しいリソース取得のためのインターフェース｡ 現時点ではIE11のみ未対応｡（Edgeは14以降で対応済み、iOS Safariは10.3で対応済み） HttpClientを使用すると、@angular/
【翻訳】Everything you need to know about the `ExpressionChangedAfterItHasBeenCheckedError` error - Qiita
【翻訳】Everything you need to know about the `ExpressionChangedAfterItHasBeenCheckedError` errorAngularAngular2 Angular開発をしていて遭遇する"ExpressionChangedAfterItHasBeenCheckedError"に関して解説されていた記事がありました。自分の理解を深める事も兼ねて記事を和訳（＋自分のコメント）したものを共有します。 ※Mediumに掲載されていた記事を翻訳したものになります。筆者の方から許可をいただきました。 ※和訳初めてしてみました。 Everything you need to know about the ExpressionChangedAfterItHasBeenCheckedError error スタックオーバーフロには毎日Exp
Electron終了時にCacheを消す - Qiita
概要 XMLHttpRequestを使うアプリで、 C:\Users\%USERNAME%\AppData\Roaming\package.jsonのnameフィールド\Cache にファイルが増えていくことを観測した。(発見時で500MBほど溜まっていた) 具体的には「f_*」といったファイル。(ディスクキャッシュ？) 調査しても削除タイミングやしきい値が見つからなかった。 アプリ終了時に削除することにしたが、fsを使った削除はしたくなかったのでElectronの機能で削除したかった。 削除対象はlocalStorageなどでない通常のキャッシュ。1 どちらかと言えばChrome(Chromium)範疇の話だと思います。 詳しい方がいらっしゃいましたら、キャッシュの仕組みをレクチャーしていただきたいものです。 検証環境 Windows7 Professional 64bit electr
CloudFrontをAmazon S3 オリジンサーバーからのリダイレクトでキャッシュさせない方法 - Qiita
自分の備忘録です。 #前提 CloudFrontを使用してS3に置いた静的コンテンツを配信している。 S3のStatic Website Hostingのリダイレクトルール利用して、エラーページをリダイレクトしている。 #背景 S3にファイルを置いたら、すぐにCloudFrontにコンテンツを認識させたいことはあると思います。しかし、S3のリダイレクトルールにHttpRedirectCodeを指定しないと、デフォルトでHTTP ステータスコード 301（Moved Permanently）と指定した場所を返します。 ##HttpRedirectCodeを指定していないリダイレクトルールの例 <RoutingRules> <RoutingRule> <Condition> <KeyPrefixEquals>img/</KeyPrefixEquals> <HttpErrorCodeReturn
抄訳: Angular 2のテンプレート駆動フォーム - Qiita
Template-driven Forms in Angular 2 Original: Template-driven Forms in Angular 2 Written by: Pascal Precht Translated at: 04/07/2016 Angular 2におけるテンプレート駆動フォーム Angularはフォームを組み立てるのに3つの異なる方法を用意しています。 1つはテンプレート駆動、アプリケーションコードを一切必要としない方法です。 そしてローレベルAPIを使ったDOMを一切必要としないモデル駆動の方法と、 最後はハイレベルのAPI、すなわちFormBuilderを使ったモデル駆動の方法です。 これらの異なる手段からわかるように、目標を達成するための道具がいくつもあるかもしれないのは当然のことです。 しかし混乱を招いてしまうので、この記事ではAngular 2
Angular2のFormについて（その１） - Qiita
#概要 Angular2とionic2でformを使った際に，バリデーションが少し面倒だったので，Angular2のformについて調べてみました．この記事は The Ultimate Guide to Forms in Angular2 を元にしています．元の記事は少々長いため，以下のように二部に分けて記事にします．うまく訳せていないところもあるので，元の記事はご自身で確認いただければと思います． なおionic2に関しては第２部の最後に，フォームのサンプルを書いてみたいと思います． 第１部 FormControl FormGroup FormBuilder バリデーション 第２部 カスタムバリデーション 変更をWatchする ngModelによる双方向データバインディング ionic2に組み込んでみる 第１部ではAngular2が用意するツールを用いてバリデーションを実装するまでを見て
SwaggerでRESTful APIの管理を楽にする - Qiita
背景 最近は変化し続ける要件に対応するために、システムも柔軟であることが求められています。 そのため、部分的に変更やスケールの可能なシステムを構築し、API経由で連携するマイクロサービス的アーキテクチャが増えてきています。 そういった設計の中で問題になっていくのが、従来のモノリシックなアプリケーションではIDEやコンパイラなどで行っていた、機能間のインターフェイスをどう管理するかという部分です。 Swaggerとは? SwaggerとはRESTful APIのドキュメントや、サーバ、クライアントコード、エディタ、またそれらを扱うための仕様などを提供するフレームワークです。 公式サイトでは、The World's Most Popular Framework for APIsと謳っています。 その理由は、マイクロソフト、Google、IBM、SmartBearなどを大手の企業を含む「Open
Macに形態素解析エンジンMeCabをインストール - Qiita
環境 OS X El Capitan iMac (21.5-inch, Mid 2011) python2系 用意するもの mecab-0.996.tar.gz mecab-ipadic-2.7.0-20070801.tar mecab-python-0.996.tar (pythonからｍecabを使いたい方のみ) ダウンロード元：MeCab: Yet Another Part-of-Speech and Morphological Analyzer MeCabのインストール インストール先(任意)：/opt/local/ mecab-0.996.tar.gzを予め解凍すること $cd mecab-0.996 $./configure --enable-utf8-only --prefix=/opt/local/ $make $sudo make install
laravel製軽量フレームワーク Lumen を試してみる - Qiita
追記3 別途検証していた際に記事に記載漏れがあったので追記しました。 post のリクエストの箇所で、Requestを利用するためには、bootstrap/app.phpの$app->withFacades();をコメントインする必要があります。 追記2 getとpostだけでは実用的ではないので、ORMとMigrationを触ってみた記事を書いたので見ていただければと思います。 Laravel製 軽量フレームワーク Lumen ORMとMigrationを触ってみる 追記 @shin1x1 さんから以下の様にコメントを頂いたのでサーバー起動に関して記事を修正しました。 Lumen（Laravel）には、ビルトインサーバを起動するコマンドがあるので、こちらを利用すると良いです。 趣旨 laravelから軽量フレームワークの Lumenと言うのが出たらしいのでとりあえず、get,postとテ
MongoDB超入門 - Qiita
概要 MongoDBの薄い本を読みながらMongoDBを勉強し始めたので、自分の理解を試すために書きます。 簡単なCRUDの説明になります。 また、以下の内容で簡単なMongoDBの使い方がわかった方は、[Groovy] MongoDBを簡単に扱えるイケてる言語Groovy -基本的なCRUD-を見ていただければ、プログラミング言語Apache GroovyからMongoDBを扱う方法も確認していただけます。 インストール Synapticパッケージマネージャからインストールします。 mongodb というパッケージを選択してインストールしてください。 インストール構成はまぁ普通な感じでしょうか？？ 重要そうなファイルは以下のように配置されています。 /usr/bin/mongo /usr/bin/mongod /etc/mongodb.conf /var/lib/mongodb (con
Node.js用MongoDBライブラリ mongooseの基本操作まとめ（すぐ試せるサンプル付き） - Qiita
Node.jsアプリからMongoDBを操作するためのライブラリであるmongooseについて、その使い方をまとめる。 試したバージョン Node.js: v0.10.40 mongoose: 4.4.9 MongoDB: 3.0.7 前提 MongoDBがlocalhost:27017で動いている Node.jsがインストールされている Mongooseがインストールされている スキーマ 登録するドキュメントは日本酒データ。 日本酒の銘柄brand、特定名称typeおよび飲んだ感想impressionsを複数登録できるようにする。 特定名称および飲んだ時の温度帯temperatureについては別コレクションを参照するようにする。 日本酒 var Sake = new Schema({ brand: String, type: { type: Number, ref: 'SakeType'
Angular CLIによるAngular2入門 / Angular2アプリを爆速開発 - Qiita
ついにリリースされましたね、Angular2! Angular2にはCLI(command line interface)の開発環境が整えられており、雛形の自動生成、更新ファイルを自動ロードするなど、爆速な開発が可能になっていることをご存知でしょうか。 このAngular CLIを導入するだけで、様々な開発環境が一気に整います。そのため、gulpだgruntだ、TypeScriptだと様々な環境を整える必要があった今までの開発スタイルが一気に変わる可能性があります。 以下では、Angular CLIを使って共通ロジック[MessageService]からテキストを取得して、そのテキスト表示する画面部品、[HelloComponent]を持ったアプリを作りたいと思います。サービスやコンポーネントを使うのでAngularでの開発のおよその骨格を感じ取っていただけると思います。 では、Angul
Twilioとnode.jsをつかってサンタさんのメッセージを贈ろう！ - Qiita
こんにちは！これはdots girls Advent Calendar 2015の16日目の記事です。 またまたやって来ました音楽と服と美少女をこよなく愛する関西人のsupermannerです！ そろそろ冬も本番、私はオフィスが表参道付近にあるのでまちはクリスマスで色めき立ちまくってます。 恋人はサンタクロース♪背の高いサンタクロース♪ ということで、独り身で寂しい思いをしている人に、サンタさんからのメリークリスマスを送るスクリプトを書いてみました！ 前々からアラート監視、通知などで使われているTwilioですが今回は全私中で勝手に流行りつつあるnode.jsで書いてみます。 Twilioアカウントを作る トライアルの期間が設けられているのでちゃちゃちゃっと作ってしまいましょう。 トライアル期間は、トライアルのクレジットから通話料を払ってくれるシステムになっているようです。 express
Linuxコマンド(Bash)でバックグラウンド実行する方法のまとめメモ - Qiita
bashコマンドのバックグランド実行方法について、まとまっている記事が見つからなかったのでまとめメモ 通常のバックグラウンド実行 &でバックグランド実行 参考：http://kazmax.zpp.jp/linux_beginner/process_background.html もっとも基本的なバックグランド実行、コマンドの後ろに&をつけて実行する。 ターミナルの切断が切れたりしてログアウトした場合に、 この方法で実行したプロセスはkillされてしまうので注意する。 途切れたら困る処理の場合はtmuxのセッション上で実行、 もしくは後述するnohupコマンドでのバックグラウンド実行推奨。 # バックグラウンド実行 $ sleep 5 & [1] 21871 # プロセス確認 $ ps $! # ps 21871 PID TTY STAT TIME COMMAND 21871 pts/0 S
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular 4.3で追加されたHttpClientModuleについてのメモ - Qiita
mongodbをGUIで。mongo-express - Qiita
Node.jsでメールの受信をトリガーにして任意の処理を実行するemail-trigger - Qiita
MongoDBコマンド一覧（自分用メモ） - Qiita
HomebrewでインストールしたMySQL,MongoDBを自動起動させる - Qiita
