Blog - LINE ENGINEERING

Takuya Tejima

LINE Engineer

JavaScriptのクロージャ入門とECMAScript 6のletキーワードによる変数宣言
Takuya Tejima2014-10-28
LINE Engineer
こんにちはUITチームの手島です。先日社内のセミナー（勉強会のようなもの）でJavaScriptのクロージャについてお話しさせていただいたので、その内容をblogでご紹介させていただきます。クロージャ自体はJavaScriptだけが持つ機構ではなく、現在様々なプログラミング言語でサポートされています。最近ではSwiftやJava 8など、クロージャを使える言語が増えてきています。本記事ではクロージャとは一体なんなのかをJavaScriptの具体的な例を交えて初心者向けに解説します。また、ECMAScript 6のドラフトにあるletキーワードによる変数宣言についても少しご紹介します。クロージャの例いきなりですが、クロージャのコード例をご紹介します。 function appendPrefix(x) { return function(y) { return x + "_" + y; } } var brown = appendPrefix("brown"); var cony = appendPrefix("cony"); alert(brown("stamp
- frontend
Velocity.jsによるフェーズ有りアニメーションの実装
Takuya Tejima2014-06-30
LINE Engineer
こんにちは＆はじめまして、最近脱ペーパードライバーを目指し車の運転を始めたUITチームの手島です。今回は最近の記事と比べると少し軽めな（？）フロントエンドのお話をさせていただきます。 LINE占い "宇宙兄弟宇宙占い"特集ページ先日、LINE占いの中で宇宙兄弟占いという特集ページがリリースされました。この特集は講談社様、コルク様、ロックミー様のご協力をいただいて企画・作成をしました。アプリ内ウェブビューで宇宙兄弟のキャラクター達による占いがおみくじ感覚で楽しめます。この特集ページが提供するアニメーションは以下のように大きく４つのフェーズ（イントロ、スタート、占い、結果）に分かれています。 (c)小山宙哉/講談社　企画協力ロックミー各フェーズの中で文字やキャラクターが移動したり、フェードイン/フェードアウトなどのアニメーション効果が付与されています。次フェーズへの遷移は各フェーズのアニメーション完了時もしくはclick/tapイベント発生時に行われます。今回の記事ではこのようなフェーズごとに区切られたアニメーション（フェーズ有りアニメーション）をHTML/CSS/JSで実
- frontend

1