mojagehub

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

mojagehub

CI

概要

Continuous Integrationの略。 日本語にすると「継続的インテグレーション」 ビルドやテストを頻繁に繰り返し行なうことにより、開発の効率化を図る。 主にCIツールを使用したプロセスの自動化を指す。

主な自動化

• 構成管理との連携
• 単体テスト

mojagehub

Webhook

概要

• あるアプリケーションから別のアプリケーションに対してリアルタイムな情報提供を実現するための仕組み。
• イベント（リポジトリにプッシュなど）発生時、指定したURLにPOSTリクエストする仕組みのこと。

実例

GitHub

GitHubWebhookはリポジトリにプッシュ時、コミット情報をパラメータとしてPOSTリクエストする。 そのため、プッシュ時のコミット情報をSlackに通知をしたり、メールに通知できる。

mojagehub

WebSocket

概要

XMLHttpRequestの欠点を解決する技術として開発されている、Webサーバとブラウザとの間の双方法通信規格。

XMLHttpRequestとの違い

従来のXMLHttpRequestはあくまでブラウザ側からサーバにデータの送信要求を出す手段に過ぎないため、サーバ側からクライアントにデータをプッシュ配信することが難しい。
これに対しWebSocketでは、サーバとクライアントが一度コネクションを行った後は、必要な通信を全てそのコネクション上で専用のプロトコルを用いて行う。
従来の手法に比べると、

mojagehub

WebGL

概要

WebGLは、ウェブブラウザで3次元コンピュータグラフィックスを表示させるための標準仕様。
OpenGL 2.0もしくはOpenGL ES 2.0をサポートするプラットフォーム上で、特別なブラウザのプラグインなしで、ハードウェアでアクセラレートされた三次元グラフィックスを表示可能にする。
技術的には、JavaScriptとネイティブのOpenGL ES 2.0のバインディングである。
WebGLはHTML5のcanvas要素に描画する。

対応ブラウザ

mojagehub

OpenGL ES

概要

OpenGL ES（OpenGL for Embedded Systems）は、主に携帯電話などの組み込みシステムで使用されている3次元コンピュータグラフィックス用API。
OpenGL ESは、OpenGLのサブセット。
OpenGL ESはオープン仕様でロイヤリティフリーであり、適合試験にパスすれば誰でもOpenGL ES実装を謳える。
iOSやAndroid 、Symbian OSなどの携帯端末向けオペレーティングシステムで採用されているほか、プレイステーション3やニンテンドー3DSにも採用されており、ゲーム開発でも使用されている。

mojagehub

@mixin fontBeauty {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing: .2em;
}

section {
    @include fontBeauty;

mojagehub

.justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

mojagehub

Git Standard Commands

サブコマンド	シンタックス	説明
init	$ git init	リポジトリの作成
add	$ git [file name]	ファイルやディレクトリをインデックスに追加
commit	$ git commit	インデックスに追加されたファイルをコミット
status	$ git status	前回のコミットとの比較
log	$ git log	コミットログの表示
diff	$ git diff	インデックスとワーキングツリーの差分を表示

mojagehub

// クリック時の動作を指定する
var btn = document.getElementById('download');
btn.addEventListener('click', function() {

    // テキストエリアから入力内容を取得する
    var content = document.getElementById('content').value;

    // テキストファイルをBlob形式に変換する
    let blob = new Blob([content]);