お久しぶりです。Perfumeエンジニアの新井です。 先週の9/21(日)にPerfumeがメジャーデビュー10周年&結成15周年の記念日を迎えました。 その記念日に、最終日を迎えたPerfume 5th Tour 2014『ぐるんぐるん』の詳しい様子は、こちらのライブレポートを御覧ください。 また、このPerfume Dayに各CDショップで開かれたイベントの様子はこちらの記事を。 「この記念日を迎えた感動を、自分なりに表現しなければ…」 「メジャーデビュー10周年ということで、これまでの歴史を振り返りたい…」 「よしそれじゃ、これまでリリースしたシングルをざっと振り返ろう!」 という個人的な使命感に駆られて、このブログを書いています。 やることはタイトル通り 『メジャーデビューからの全シングル20曲の売上枚数の遷移を折れ線チャートで表示』 それを実現するためにこの頃興味があったD3.j
It's presented how classical OOP approaches and design patterns can be used for modern JavaScript applications.Read less
もはや私が説明するまでもなく、おそらくJavaScriptのバイブルと呼んでも差し支えない本です。 オライリーらしくプログラムの初心者向けの本ではありませんので、 ある程度プログラミングを学習してから読むことをお勧めします。 ページ数が800ページ以上とボリュームがあり、一気に読める書籍ではありませんが、 全体的に面白く、かつ役にたつ内容が満載なので、 年末などの長期休暇を利用して読むのが良いのではないでしょうか。 実際に開発を進めていく上で、リファレンスとしても手元に置いておきたい一冊です。
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming). Patterns collected while developing 喜感网. General Patterns Function Declarations - creating anonymous functions and assigning t
と、コラボ特別編「JavaScript engineer's Night~サイバーエージェント×DeNA フロントエンドエンジニアの仕事@渋谷ヒカリエ~」 http://www.creativevillage.ne.jp/PR/seminar109.html で利用したスライドです。本編10分(!!)
Bower入門(応用編) さて、応用編を書いていきます。 基礎編ではBowerのインストールとライブラリ管理する上での基本的なコマンドを紹介しました。 応用編ではBowerのライブラリを管理する上で利用するべきツールやライブラリを公開する上で心がけるべきことについて書いていきます。 少し長いのでサマリ Bowerを管理する上で利用すると良いツール:grunt-bower-taskがオススメです ライブラリを公開する上で心がけること、その1:mainとignoreをちゃんと書きましょう ライブラリを公開する上で心がけること、その2:ちゃんとgit tagを使ってバージョン管理しましょう Bowerからインストールしたライブラリを利用する場合 前回の基礎編で少し書きましたが、おさらいすると、Bowerはあくまでパッケージマネージャなので、インストールしてもフォルダ構造までは変えてくれません。
// ==ClosureCompiler== // @compilation_level SIMPLE_OPTIMIZATIONS // @output_file_name default.js // ==/ClosureCompiler== // ADD YOUR CODE HERE function hello(name) { alert('Hello, ' + name); } hello('New user');
まず初めにパーフェクトJavaScriptです。 こちらは私の大好きな技術評論者のパーフェクトシリーズです。 JavaScript以外にもPHP,Python,Ruby,Javaなどの本もあり、どの書籍も素晴らしい内容です。 前半では基本的なJavaScriptの歴史、概要からはじまり、 型や変数、オブジェクト、関数、クロージャなど言語仕様を詳細に解説しています。 後半ではクライアントサイドプログラミングを中心にDOM、イベント、Ajax、HTML5などについての 実践的な内容を解説しており、リファレンスとしても有用な一冊です。 初心者向けの書籍ではないので、ある程度プログラミングの経験があり、 あらためてJavaScriptの言語仕様を理解したい方にはお勧めの一冊です。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして! スマホ対応アメーバピグ Webアプリ版の開発を担当している吉川浩太と申します。 knockout.js」の機能と特徴を、簡単にご紹介できればと思います。 knockout.js?knockout.js (http://knockoutjs.com/) knockout.jsはMVVM(Model-View-ViewModel)パターンのフレームワークです。 双方向データバインディングやアイテムテンプレート等の機能があり、SilverlightやWPF開発者にはかなりとっつきやすいフレームワークだと思います。 WebアプリではDOMを動
Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp
どーも、青山です。 もう、9月ですね。 最近、朝晩涼しく、秋ですね。 前回は「WordPressのURLの構造で(標準では)出来ない事」について記事を書かせて いただきましたが、今回は関係なく、「Kockout.js」についてです。 Knockout.jsについては、最近あだ名が「しゃかまる」に落ち着いた村上君が「過去の記事」で紹介しているので、説明は割愛させていただきます。 しかし、それだとあまりにも、あれなので、Knockout.jsを使おうと思った理由だけ紹介します。 ・MVVMモデルでViewのDOM構造に依存せずにロジックを組める ・jQueryのバージョンなど他ライブラリに依存しない ・複数ページで使わず、単一ページで十分 ・IE6~8にも対応している などが主な理由です。 では、タイトルの通り、フォト蔵APIを使って写真一覧を作ってみましょう。 ■フォト蔵APIの紹介 htt
CodeIQ中の人、babaQです。 ちょっと前になるのですが、コワーキングスペース茅場町 Co-Edo(コエド) で開催されたmasuidriveこと増井雄一郎さんのトークセッションに参加してきました。 HTML5を活用したメモ帳アプリ「wri.pe」誕生のきっかけ テーマは、増井さんが個人でつくった(とは思えない)メモ帳アプリ「wri.pe」 ゴールデンウィークを利用して、何かゴリゴリと作りたいと思い立ち、 1週間で「自分で使いたいものを作る!」と決めたのがきっかけなんだとか。 まず、浮かんだアイデアは2つ。 煩雑なメモをどうにかできるアプリと、未読のチャットを整理できるアプリ。 でも、1週間で開発するにはチャットはちょっと重い… ということで、メモアプリを作ることに決定。 まず最初に「メモアプリの課題」を整理したそうです。 - いつでも、どこでも使える(iPhone、iPadでも)
こんにちは、開発の村上です。 最近はJavaScriptを書いていたのですが、以前から名前だけ知ってたけど実態はよく知らなかったライブラリやフレームワークをひと通り調べてみたので 今回はJavaScriptの開発ツールやフレームワークなどの環境について書きたいと思います。 今回対象にするものは以下です。 ・エディタ ・JavaScript上位互換言語 ・PhantomJS ・Knockout.js 他にもBackboneやReqiureJSなどいくつか調べたのですが、長くなるので今回は対象外にしました。また別の機会に。 エディタ JavaScriptは書こうと思えばメモ帳でも書けます。実際、過去にメモ帳でSJISで書いてる方にお会いしたことがあります。が、心の安定が欲しい方はマネしちゃいけません。 JavaScriptは仕様が複雑なので、素直にIDEを利用することをオススメします。 Jet
こんにちは!最近寒いですが、みなさんいかがお過ごしでしょうか。 クリスマスも近いということで、クリスマスツリー→ツリー→組織ツリー→組織図!エンジニアのクリスマスはツリーですね! 今回は、Org Chartを使ってサイトマップを描いてみたいと思います。 1. Google Chart Toolsって? Googleが提供している、グラフや表を簡単に作成するAPIです。(Google Chart Tools) チャートギャラリーには、様々なグラフがギャラリー形式で並んでいます。 中には、メーターや世界地図、札束積み上げグラフ(?)など、ユニークなグラフもあります。 Code Playgroundでは、実際にコードを書いて即時実行しながら、様々なチャートで遊ぶことができます。 今回は、この中からOrg Chart(組織図)を使って、サイトマップを描いてみます。 2. サイトマップの作成 Org
Become an Embedly Provider Embedly supports over 1000+ Official Content Providers. Join our library of official providers to ensure your videos, photos, audio, and rich media content are delivered correctly every time, across all platforms. Join Us “TINT's display feed utilizes Embedly's API. By outsourcing this task, we're able to save ourselves a lot of time and technical issues.” “The Local Sto
describe("Jasmine", function() { it("makes testing JavaScript awesome!", function() { expect(yourCode).toBeLotsBetter(); }); }); Documentation User Guide Release Notes API Documentation Contributor Guide Download For pure JavaScript projects: VersionSizeDateSHA1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く