いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】
対象読者 JavaScriptフレームワーク・ライブラリの選定に悩んでいる方 本格的にJavaScriptを触るのが初めてという方 jQueryでの大規模なフロントエンド開発に限界を感じている方 必要な環境 Node.jsがインストールされていることが推奨です。 React.jsとは何か React.jsは最近注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。 前提として、JavaScriptの世界でMVCのVといえば、紛れもなくDOM（Document Object Model）のことを指します。特に何も意識しないで作った場合、都合の良いDOMからデータを引っ張り出しては別のDOMを書き換えるといった、行き当たりばったりな作りになりがちです。そこで、MVCの考え方を導入することにより、データを画面とは独立した構造体として切り出し
お手軽データバインディングライブラリ「Vue.js」を使いこなそう（基礎編）
はじめに Vue.jsは、シンプル・軽量・高速という特徴を持つデータバインディングライブラリとして最近注目を集めています。LINE社でもアプリ内WebViewの実装技術の選択肢の一つとしてVue.jsを採用しています。2014年11月27日にリリースされたLINEスケジュールは、Vue.jsを使って実装しているSPA（Single Page Application）の代表例です。 本稿は日本語記事がまだ少ないVue.jsの基本機能の紹介を目的とした「基礎編」として、公式ドキュメントの内容を元に解説します（執筆時点のバージョンであるv0.11の内容です）。 Vue.jsとは Vue.jsは、双方向バインディングによるModelとViewをつなぐ仕組み「ViewModelレイヤー（MVVMパターン）」を提供するJavaScriptのライブラリです。 Vue.jsの基本概念は以下のようになってい
Flashによるマルチプレイヤーゲーム入門： 三目並べ
必要な環境 Windowsオペレーティングシステム JRE Flash／Flex 3開発環境／FlashDevelop（FlashDevelop.org－Index page） Pulse SDKパッケージ（PULSE－A community platform for multi-player flash gamesより無料で入手可能） 詳細はパッケージ同梱のリストを参照 必要とされるプログラミングレベル このチュートリアルでは、Flashによる開発の経験があり、AS3でのプログラミングを容易に行える読者を想定しています。また、オブジェクト指向プログラミングの概念を知っていれば、なおよいでしょう。 準備 フリーのPulseパッケージをダウンロードしてインストールする必要があります。このパッケージには次のものが含まれています。 Pulse Server 多数のサンプル（ソースコード付き） P
FFmpeg APIで、さまざまな動画を操る - 前編：CodeZine
はじめに こんにちわ、hirataraです。 近年、YouTubeやニコニコ動画に代表される動画共有サービスの需要が、急速に高まっています。そのような状況で、オープンソースの動画読み書きソフトウェア「FFmpeg」が、にわかに注目を集めています。 本稿では、そのFFmpegの共有ライブラリを直接呼び出して、C言語から動画を扱う方法を紹介します。FFmpegにはffmpegという便利なコマンドがついていますので、ほとんどの場合はこのコマンドを利用します。しかし、FFmpegを共有ライブラリ付きでコンパイルすると、自分の作ったプログラムから直接FFmpegのAPIを利用することが可能になります。 FFmpegの共有ライブラリを利用すると、動画をファイルからデコードして再生をしたり、新たな動画を作成して特定フォーマットでエンコードし、ファイルに保存したりすることができます。対応codecがたくさ
CodeZine：携帯シミュレータ入門（開発ツール, まとめ）
はじめに 携帯サイトは、PCのWebブラウザではテストできません。携帯のWebブラウザにはさまざまな機種依存仕様があるからです。マークアップ言語の違い（HTML/HDML）絵文字表示可能な画像形式（gif/png/jpg、カラー/モノクロ、色数、サイズ）受信サイズアクセスキー これらは携帯の実機でテストする必要がありますが、開発中に携帯の実機でテストをするのは大変です。実機ではソースを見ることもできませんし、経費もかかります。 そこで携帯シミュレータの出番です。すべての機種依存仕様を正確にシミュレートできるわけではありませんが、上記のうち、1. 、2. 、5. をテストすることができます。本稿では、携帯サイトの開発に必須となる携帯シミュレータの紹介と、使用上のポイントを説明します。対象読者 携帯向けWebサイトの開発者必要な環境 Windows 2000/XP携帯シミュレータ一覧 携帯シ
[PHPプロ!] 重複するURLを防ぐことでSEO効果を上げるTips：CodeZine
onPHP5.comで、非常に見落としやすいSEOのTipsが掲載されています。これは、重複するURLを無くすことに重点が置かれたSEO対策です。 たとえば、http://www.example.com/ というサイトに http://example.com/ でも繋がるようであれば、これは重複するURLであるといえます。このようなURLが存在すると、同じページへのリクエストが複数のURLに分散されてしまうためSEO的に不利になるということです。 この記事ではこのような重複URLを、mod_rewriteとPHPスクリプトを用いて防ぐ方法が紹介されています。記事で取り上げられているのは、どちらを入力しても同じページが開く以下のような3つのケースです。 ドメイン名の違いによる重複
CodeZine：フリーのFlashコンパイラMTASCを使ってお絵かきツールを作る（Flash, ActionScript, MTASC, お絵かき）
はじめに Flashファイル（SWFファイル）を作るにはMacromedia Flashを使わないといけないと思われていますが、Flashファイルの仕様はAdobeのWEBサイトで公開されています。そして、フリーのFlashコンパイラMTASC（Motion-Twin ActionScript2 Compiler）もあります。MTASCを使えばFlashのスクリプトActionScript2を記述することで、Flashファイルを生成することができます。 しかも、MTASCはコマンドラインから利用することができるので、Flashの煩雑なGUIを利用せず、使い慣れたエディタを利用してプログラムを作ることができます。プログラマーにとっては非常に使いやすく感じることでしょう。 逆に言えば、デザイナーの人にとっては、扱いにくいものに感じられると思います。Flashは、主にWEBアニメーションやページ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo!、「日本語係り受け解析Webサービス」のAPIを公開
RailsでWikiシステムを作成する：CodeZine
JSONを使ってAJAXベースのアプリケーションを高速化する：CodeZine