yano3nora

OVERVIEW

JavaScript という言葉は狭義には Mozilla が仕様を策定し実装しているスクリプト言語を指す。 このスクリプト言語は Ecma インターナショナルで ECMAScript (ECMA-262) として標準化されており、多くのウェブブラウザ等はこの標準化された ECMAScript を実装している。(Wikipedia)

WEB 上でインタラクティブな表現をする為に開発されたオブジェクト指向のスクリプト言語。現在ブラウザ上で動作（ブラウザ上で解釈・実行される）する唯一のプログラミング言語。Ajax による非同期通信や HTML5 ウェブプラットフォームの普及、近年の SPA などリッチクライアントアプリの流行を受け急成長した。また、それとは別に Node.js など新たなプラットフォームの出現により、サーバサイドでの実行環境も整備されつつあり、フロントエンド～バックエンドまで利用ケースが拡大している。

History of JavaScript / EcmaScript

[基礎知識] JavaScriptの歴史
JavaScript: The First 20 Years - JavaScriptの歴史については「JavaScript: The First 20 Years」を読む
[JavaScript 25 周年](https://www.jetbrains.com/ja-jp/lp/jav

yano3nora

Overview

React.js に影響を受けている新しめのJSビューフレームワーク。基本的にはモダンなAngular2やReactの謳う「コンポーネントベース・仮想DOM」。Vue.js くらいのシンプルさで実装できるらしい。

Official

http://riotjs.com/guide/

Feature

独自タグをマウントし、内部に構造(html)とデザイン(css)と機能(js)を一緒くたにかける。しかもHTMLソースコード上で(外部読込も可)。ソースがreactやangularに比べめっちゃ軽量。フルスタックならangular2だが、reactとはやってること一緒（UIだけ）なのにriotのが明らかに軽い。イベントエミッタ(オブザーバブル)とルータがついてきたり、とってもエコ。Ajaxには superagent でも使えばよいのでは。

Version3 での変更点

yano3nora

TIPS & REFERENCES

• サイボウズ版 MySQL パフォーマンスチューニングとその結果

Explain

MySQLのEXPLAINを徹底解説!!

実行計画の確認。

EXPLAIN SELECT * FROM Country WHERE ...;

yano3nora

UNION で クエリ結果結合

前提: UNION時は取得カラム数を揃えないとNG
ソース：http://qiita.com/suin/items/3ada90eaf2e808e510b8

mysql> SELECT * FROM news ORDER BY date DESC LIMIT 5;
+----------------+----------+------------+
| title                     | category | date       |
+----------------+----------+------------+
| コラム2                 | koramu | 2012-01-24 |

yano3nora

ORDER BY 
  CASE 
    WHEN $tableA.s_date = '0' THEN $tableA.r_date
    ELSE $tableA.s_date
  END
DESC

yano3nora

DB設計のおいしさ

RDBMSを用いたWEBアプリケーションでは、その挙動のほとんどすべてがDBを経由する。よってER図や理論モデリングなどを参照し、DB・モデリングを理解した状態で開発するのが、アプリ開発の近道。

基本知識

行と列

• 行(レコード)：横のデータの組
• 列(カラム)：縦のデータの組

キー

• 主キー：一意にレコードを識別するためにある

yano3nora

setTimeout(function(){
  window.open('about:blank', '_self').close();
}, 2000);

yano3nora

/* 
refs: 
http://youknow.jp/web/css-position
http://bashalog.c-brains.jp/11/10/13-200523.php
*/

/* absolute の上下左右中央寄せを強引に */
.hoge {
  position: absolute;
  top: 50%;

yano3nora

基本

• 名前空間の宣言が namespace Hoge\Foo;
• クラスをインポートが use Hoge\Foo\BarClass;
• エイリアスは as → use Hoge\Foo\Bar as Piyo;

namespace Hoge\Foo;

class Bar {
 public function getName(){

yano3nora

<!--

# fixedMidashi
jQuery依存しないJSプラグイン

## _fixedHead=" " パターン
- div-auto-size: none;
- div-full-mode:yes;

-->