読者です 読者をやめる 読者になる 読者になる

miyabihitoの日記

個人的な技術メモ

IndexedDB

概要 構造化された多くのデータをブラウザ内に永続化する有用なAPI。 Key:Valueでデータを保存できる。 オブジェクト指向データベース developer.mozilla.org インデックス Valueがオブジェクトの場合、プロパティでインデックスを作成できる。 したがって、…

リアルタイムWeb技術

概要 リアルタイムWeb技術と呼ばれたりする技術のメモ 詳細はそれぞれの資料を参照。 Polling メリット 単純 デメリット 無駄なリクエストが生じ、サーバ負荷の増加等を招く それほどリアルタイムではない 対応環境 特に制限なし Long Polling サーバからのP…

ID

OAuth, OpenID デジタル・アイデンティティ技術最新動向 - @IT OAuth.jp The OAuth 2.0 Authorization Framework OAuth 2.0のRFC日本語訳 RFC 6749 - The OAuth 2.0 Authorization Framework IPA ISEC セキュア・プログラミング講座:Webアプリケーション編…

スマートフォンUIフレームワーク

スマホサイトを作ろうと思うが、CSSをフルスクラッチできる力はないので、 フレームワークのお力を借りようと思う。 色々調べたけど、とりあえずBootstrap使っていきます。 この分野はどう学習していけばいいのかよく分からない。 Bootstrap 言わずと知れた…

Vim プラグイン

プラグイン Vim Scripts vim.orgにアップされているプラグインのGitミラー Vimpusher .vimrcを共有することで、みんなが使っているプラグインを知ることができるサイト NeoBundle (Shougo/neobundle.vim) プラグイン管理のプラグイン 同様のプラグインにVund…

Vim 操作

Vim

基本中の基本は省略。 普段使おうと思った操作をまとめる。 オプション -p 指定されたファイルをタブで開く 移動 コマンド 効果 w 次の単語の先頭へ移動 e 単語の末尾へ移動 b 前の単語の先頭へ移動 f 行中の次のへの移動 (;で更に次へ移動) t 行中の次の…

Vim

Vim

※項目毎に分割中 概要 本家サイト JPコミュニティサイト 操作 設定 プラグイン Vim Scripts vim.orgにアップされているプラグインのGitミラー Vimpusher .vimrcを共有することで、みんなが使っているプラグインを知ることができるサイト NeoBundle (Shougo/n…

Bashまとめ

操作 キーバインド 効果 [Ctrl] + b カーソルを一文字左へ移動 [Ctrl] + f カーソルを一文字右へ移動 [Ctrl] + a カーソルを行頭へ移動 [Ctrl] + e カーソルを行末へ移動 [Ctrl] + d カーソルの次の文字を削除 [Ctrl] + h カーソルの前の文字を削除 [Ctrl] +…

使えるChrome Extensions and Apps

Chrome Extensions Vimium vimのキーバインドでchromeを操作できる拡張 http://awesomescreenshot.com/ Chrome Apps Postman REST Client 任意のHTTPリクエストを作成・実行できるアプリ

開発支援サービス

スタートアップの真似事をして、Webアプリを作ってみることにする。 そのための開発支援サービス調査。 使用後に、感想等の詳細を追記予定。 コミュニケーションツール HipChat Slack 連携できる他サービスが多い。 それらの人気のある他サービスが、どうい…

Macアプリ

先日、Mac Book ProのHDDが壊れて、環境を構築し直す事になったので、 使用している(する予定)のアプリをまとめておく。 下記のツールでセットアップできるようにしておいてもいいかも。 Homebrew Cask Chrome 使えるChrome Extensions and Apps - miyabih…

MySQL

概要 公式サイト 日本MySQLユーザ会 参考サイト 2015.1.11時点でのGAリリースの5.6.22に関して。 起動・停止 MacPortsでMacへインストールした場合の起動・停止コマンド 起動 sudo /opt/local/lib/mysql56/bin/mysqld_safe --user=_mysql & 停止 sudo /opt/l…

フロントエンド パッケージ管理・ビルドツール

component JavaScriptやCSS等を対象としたパッケージ管理・ビルドツール 一時、ReadmeでDuoへの移行を推奨していたが、 現在はその記載が無くなり、代わりにv1.0.0のリリースが告知されている。 メインの開発者がDuoやnormalize.ioの開発へ移ってしまったが…

JavaScript ビルドツール

概要 Node.jsを実行環境とするビルドツール・タスクランナーについて 直近では、gulpを把握する予定だが、 時間があれば、Broccoliとかも見てみるかも。 Gruntはgulpより学習コストが高そうなので、gulpとの比較記事を見てみるくらいにしようか。 gulp.js ht…

DevOps ツール

pupet chef ansible salt vagrant docker capistrano fabric 資料 DevOps tools · GitHub

JavaScript Webツール

JSFIDDLE オンラインエディタ、その場で実行もできる。 他人とのリアルタイムコラボレーションもできるよう jsdo.it オンラインエディタ 他者とのコードの共有が主目的のよう Orion EclipseのWeb版

Node.js PaaS

概要 nodeアプリを公開してみようと思うので、PaaSを調べてみたが、 下記にリストがあった。 Node Hosting · joyent/node Wiki · GitHub とりあえず、無料で使えるものを確認してみる。 Heroku Bluemix Cloud FoundryベースのオープンPaaS:BlueMixとJazzHub…

JavaScript クライアントサイドフレームワーク

リスト Angular.js The MIT License Googleとコミュニティにより開発 http://dotinstall.com/lessons/basic_angularjs http://dotinstall.com/lessons/todo_angularjs http://googledevjp.blogspot.jp/2012/08/angularjs.html Backbone.js Knockout.js Ember…

Memcached

KVS

概要 分散メモリキャッシュシステム キャッシュアルゴリズムは、LRU(Least Recently Used) 操作 起動 設定ファイルはなく、オプションで挙動を指定する。 memcached [options] options -p TCP port (default: 11211) -d デーモンとしてバックグラウンドで起…

NoSQL

MongoDB Redis HBase Cassandra Riak etc.. 資料 http://www.infoq.com/jp/articles/State-of-NoSQL NoSQL一覧: http://nosql-database.org/ http://www.slideshare.net/yutuki/cassandrah-baseno-sql

Lsyncd

https://github.com/axkibe/lsyncd

JavaScript グラフ

C3.js D3.jsをベースにしたグラフライブラリ グラフ http://c3js.org/examples.html ライセンス MIT License Chart.js グラフ 線グラフ 棒グラフ レダーチャート 円グラフ その他含む計6種類 ライセンス MIT License

True & False

概要 JavaScriptの値の真偽値としての評価について ソース Truth, Equality and JavaScript 注意点 [] PHPでは、空の配列はFalseと判定されるが、JavaScriptではTrue(オブジェクトは全てTrueなので) {} Falseっぽいけど、オブジェクトは全てTrue '0' PHPで…

JSHint

概要 JavaScriptのプログラムのエラーや潜在的な問題を検出する静的コード解析ツール。 http://www.jshint.com/ オプション List curly latedef newcap noarg nonew quotmark trailing undef unused node 設定 .jshintrc オプションの有効・無効を指定するjs…

Markdown

概要 簡易なマークアップ記法 メールでの表現をもとにしている。 段落 空行に挟まれた箇所。 段落中で、改行するためには、改行前にスペースが2つ以上必要。 見出し HTMLのh1~h6にあたるものを、#~######で表現する リスト *, -, +のいずれかを行頭に リス…

JavaScript ドキュメントツール

JSDoc http://usejsdoc.org/ YUIDoc http://yui.github.io/yuidoc/ dox https://github.com/visionmedia/dox JSDuck https://github.com/senchalabs/jsduck

CommonJS

公式サイト CommonJSの話 http://d.hatena.ne.jp/badatmath/20101026/1288109275 http://meso.hatenablog.com/entry/20110626/1309082158

package.json - Node.js

package.json 詳細は、ドキュメント参照のこと name パッケージの名称。 jsやnodeといった言葉は、含めるべきではない。 version パッケージのバージョン。 description パッケージの説明。 npm searchの検索対象。 license 単純な指定であれば、下記の「Ide…

NPM ストック

概要 気になるNPMや把握した有用なNPMをリストアップしていく。 Modules · Raynos/http-framework Wiki · GitHub プロセス管理 node-dev ソースコードの修正を検知して自動で再起動してくれる開発ツール。 他のツールとの違いは、requireしているソースだけ…

Node.js テストコード

テスティングフレームワーク mocha 公式サイト: http://visionmedia.github.io/mocha/ Wiki: https://github.com/visionmedia/mocha/wiki express作者が開発しているテスティングフレームワーク ConnectやSails.jsでも使用されている。 Wikiに記載の情報は要…

PHPアクセラレータ

PHP

APC 概要 PHPの中間コードをキャッシュする事で、実行速度の向上を図るPECL拡張モジュール PHP Manual: http://www.php.net/manual/ja/book.apc.php PECL: http://pecl.php.net/package/apc 中間コードだけでなく、ユーザデータのキャッシュも可能で、ローカ…

HTTPヘッダ

X-Requested-With X-Requested-With:XMLHttpRequest JQuery等を使用したAjaxでのリクエスト時に、付加されるヘッダ。

Node.js テンプレートエンジン

Jade EJS Express対応、Sails.jsではデフォルトらしい Swig ECT 参考資料 https://github.com/strongloop/express/wiki [Template Engines] https://nodejsmodules.org/tags/template http://paularmstrong.github.io/node-templates/index.html http://gara…

Node.js資料

http://www.iij.ad.jp/company/development/tech/activities/nodejs/ http://yosuke-furukawa.hatenablog.com/entry/20111002/1317572377 http://gruntjs.com/

Node.js Webアプリケーションフレームワーク

Express RubyのWebアプリケーションフレームワーク「Sinatra」に影響を受けたフレームワーク したがって、MVCではない。 軽量で、柔軟性が高い。 koa hapi Connect Sails.js KrakenJS Mojito Meteor compound.js 参考資料 https://github.com/visionmedia/ex…

Node.js導入事例

サイバーエージェント ピグ http://www.slideshare.net/akuwano/ss-8876695 http://ameblo.jp/principia-ca/entry-11645942977.html http://www.slideshare.net/snamura/mongodb-nodejs NHK紅白アプリ向けメッセージPF http://classmethod.jp/cases/nhk/nhk-…

npm

npm(Node.jsのパッケージ管理ツール)についてのメモ

JavaScriptコーディング規約

※ (追記)こちらのまとめが参考になる。 JavaScriptのいろいろなコーディングルールをまとめてみた | Web Scratch Google JavaScript Style Guide Google JavaScript Style Guide Mozilla https://developer.mozilla.org/ja/docs/JavaScript_style_guide Ai…

YUM サードパーティリポジトリ

EPEL http://fedoraproject.org/wiki/EPEL/ja RPMforge http://wiki.centos.org/AdditionalResources/Repositories/RPMForge Remi http://rpms.famillecollet.com/

MacでApache, PHP

Apache OS標準のApacheを使う事にする。 10.9 Mavericksにて実施 Apache 起動・停止 http://miyabihito.hatenablog.jp/entry/2013/12/30/143835 参照 「システム環境設定->共有->Web共有->チェック」はとうに無い Apache 設定ファイル /etc/apache2/httpd.co…

Apache

資料 httpdコマンド -l 静的に組み込まれているモジュールの表示 -M 読み込み済みモジュールの表示(静的・動的両方)(2.2以降) -t 設定ファイルのチェック apachectlコマンド 実体はhttpdコマンドを使用しているシェルスクリプト configtest 設定ファイル…

tcpdump

ps, pstree

ps pstree pstree -Gc root

rsync

curlコマンド

curl 基本的にHTTPでの利用についてのメモ 資料 公式サイト 日本語用例 日本語マニュアル 引数 curl (URL) オプション -o (file name) 出力先ファイル名指定 -O URLと同名のファイル出力 -v 冗長モード、送受信の内容等の表示 --head, -I ヘッダ情報の出力 -…

Webサイト 負荷テスト

資料 Webサイト負荷テストツール記事まとめ要約 下記2つの記事等のまとめ記事 WEBサイト負荷テストツール7選 無料で使える!Webサイト負荷テストツール 12選 http://www.jasst.jp/archives/jasst07e/pdf/C2-1.pdf JMeterについてや、負荷試験方法についての…

バージョニング

Semantic Versioning

ATS

概要 Apache Traffic Server キャッシュ・プロキシサーバ ソフトウェア Yahoo! が開発したプロダクトが、apache foundationに寄贈され、 OSSとして開発が進められている。 キャッシュの機能・設定についての調査は、必要性が発生した時にでも行う。 資料 公…

Git ブランチモデル

git

Gitの有名なブランチモデルは下記。 A successful Git branching model 本家:http://nvie.com/posts/a-successful-git-branching-model/ 日本語訳:http://keijinsonyaban.blogspot.jp/2010/10/successful-git-branching-model.html git-flow https://githu…

pear

PHP

http://might1976.doorblog.jp/archives/54000214.html https://trac.macports.org/browser/trunk/dports/php/pear-install-phar/Portfile