CSSフレームワーク「Compass」の基礎
Compassのメリット CSSスプライトが簡単に作成できる Compassでは、フォルダに配置するだけで、CSSスプライトで記載された一枚画像が簡単に作れます。CSSスプライトを利用すれば、1ページ辺りの画像の読み込みを何度も実行せずにすむため、ページの高速化につながります。 独自のmixinが利用できる グラデーションやベンダープレフィックスを自動で付与してくれる機能があります。 独自の関数が利用できる 画像のサイズを取得したり、三角関数の計算をしたりできる関数があります。 mixinや関数はCompassの公式リファレンスで紹介されています。ここでは記載できないほどのmixinや関数がありますので、一度見てみると面白いかと思います。 上記に加え、第1回目に記載したこちらのSassのメリットももちろん享受できます。 読みやすい 変数や繰り返し処理が使える 成果物の品質を統一できる 高速
NAntを活用して開発時の作業を自動化する
はじめに アプリケーションを開発していると、同じような作業を繰り返さなければいけないことがあります。例えば、リリースモードでコンパイルしたり、VSS（Visual Source Safe：ソースコード管理ソフト）から最新ソースを取ってきてビルドしたりというような作業です。このような定型作業には慣れてしまっているかもしれませんが、NAntを使って自動化するとちょっとした手間を省くことができ、プログラミングに専念できるようになります。本稿では、NAntの概要と、使用例について紹介します。 なお、NAntと同様の機能を持つ.NET Framework 2.0同梱ツール「MSBuild」についての紹介記事『MSBuildを活用して開発時の作業を自動化する』も併せてご覧いただくことをおすすめします。 対象読者 Visual Studio （.NET）で開発を行っている方、作業の効率化・自動化に興味の
Gettextによるウェブアプリケーションの国際化と地域化
はじめに アプリケーションをさまざまなロケール（言語や地域）で利用できるようにすることを「国際化」と言います。国際化されたアプリケーションを、実際に特定の言語や地域で利用できるようにすることを「地域化」と言います。 国際化・地域化の対象は、大きく分けて次の2つです。 日時や通貨・数値 メッセージ文字列 日時や通貨・数値については、『I18Nv2による日時と通貨・数値の表記国際化』で解説しました。 本稿ではメッセージ文字列を扱います。ここで紹介する手法を取り入れたウェブアプリケーションは、クライアントのロケールにあった形式でメッセージ文字列を表示することができます。たとえば、ブラウザの言語を英語にしてアクセスすると「Hello Taro YABUKI!」、日本語にしてアクセスすると「こんにちは、Taro YABUKI。」と表示するようなウェブアプリケーションを作ります。 必要な環境 XAMP
クラウドアプリケーション開発をJavaScriptだけで！
対象ユーザ GoogleのPaaS型クラウド「Google App Engine」に興味はあるが経験のない方。JavaScriptやActionScriptによるプログラミング、およびjQueryでの簡単なプログラミング経験のある方。JavaやPythonの開発経験は不要です。 必要な環境 コマンドライン動作環境 Java SE5またはJava SE 6 Eclipse（オプショナルですが強く推奨） 1 クラウド移行の意義 1.1 災害発生時に実証されるクラウドの威力 5年ほど前から米国で構築され始めたクラウドコンピューティングは、日本でも急速にその価値が認識され存在感を高めつつあります。クラウドは東日本大震災への対応と復興/復旧においても、公共Webサイトの複製を構築したり業務システムを復旧させたりするときに、拡張性・可用性・迅速性などがいかんなく発揮されています。もちろん平時での利用で
言語仕様から読み解くC# 3.0入門
はじめに C# 3.0の情報や話題も徐々に増えてきてましたし、実際に試されている方も多いことと思います。DLINQやXLINQなどのテクノロジもその姿を現しました。しかし、たまに「C# 3.0で追加された言語仕様はどれもLINQを実現するためのようなもの」といった発言や書き込みを目にします。確かに実現には必要ですが、これは少しショック！ ということで、C# 3.0の言語仕様自体に興味を持っていただくべく投稿初挑戦です。これらがどのような新しいスタイルを導くのかをお見せできればと思います。では、未熟者ですがよろしくお願いします。 対象読者 C# 3.0の言語仕様に興味のある方 関数プログラミングに興味のある方 やさしい未婚女性（お料理が好きだとうれしい） C# 3.0 言語仕様解説 本題に入る前に、まずざっと追加分の仕様を紹介したいと思います。あまり細かい部分までは説明しきれませんので、詳細
アドベンチャーゲームに活用できるフラグ管理のやり方
はじめに ゲームでは、その進行状況を「フラグ」と呼ばれるもので管理します。フラグとは「flag」、つまり「旗」のことで、ONまたはOFFどちらかの状態を表すものです。例えば「王様と会話したかどうか？」で発生するイベントを変えたいときなどは、王様と会話したときに、フラグがONになるよう（俗に「フラグを立てる」といいます）設定しておき、イベント発生時に、そのフラグをチェックして、ONならばイベントA、OFFならばイベントBのように処理を分岐します。主に、アドベンチャーゲームや、ロールプレイングゲームなどで用いられる手法ですね。今回はそのフラグ管理の方法を解説してみたいと思います。 サンプルプログラムは「ミステリールーム」。家に隠されたダイヤモンドを探し出す、ミステリーアドベンチャーです。さあ、あなたはこの家の謎を解いて、クリアすることが出来るでしょうか？ 「ミステリールーム」で遊ぶ ちなみに元
Pythonを始めよう
はじめに こんにちわ、hirataraです。 本稿では、オブジェクト指向のスクリプト言語であるPythonの紹介をしたいと思います。と言っても、実は私がPythonを勉強し始めたのは数ヶ月前のことで、まだPythonに関してさほど詳しいとは言えません。それでもこの記事を書こうと思い立ったのは、ある言語が他の言語に比べて面白い部分と言うのは、その言語にどっぷり漬かってその言語を使うことが当たり前になっている人間よりも、その言語を好きになり始めたくらいの人間の方が見つけやすいのではないかという思いからです。 そのような事情で、もしかすると本当のPythonistaからお叱りを受けるような内容も含まれるかもしれませんが、その点はTBやコメントでご教授頂けると幸いです。この記事で、少しでもPythonに興味を持ってくれる方が増えることを願っています。 対象読者 他言語でのプログラミング経験者 Py
Javaで軽快に使える「軽量フレームワーク」特集 ～小さなライブラリ1つで動くStripes Framework（3）
はじめに Stripesを利用して本格的な開発を行おうとすると、いろいろと必要となってくる機能が出てくるでしょう。例えば、Ajaxからのアクセスや、セッションの利用などです。今回は、Stripesを利用したWeb開発で役立つさまざまな機能をピックアップして紹介していくことにしましょう。 対象読者 Javaで手ごろなフレームワークを探している技術者。 最近のフレームワークをごくざっと理解しておきたい方。 Web開発の手法がどうも気に入らない、と常々考えているJavaプログラマ。 jQueryによる非同期通信 まずは、Ajax関連のライブラリとの連携についてです。現在、Webの開発ではJavaScriptのライブラリが非常に重要になってきています。こうしたAjax関連のライブラリとStripesとの連携について考えてみましょう。 この種のライブラリは、<script>タグでライブラリをロードし
今からでも遅くない JAXPを学ぼう！（前編） XPathとXSLTを体験する
JAXP（Java API for XML Processing）とは JAXPとはJava API for XML Processingの略であることから、どのようなものか推測できます。XML文書を処理するためのJava APIと言えば何となく理解できるかと思いますが、XML文書を処理すると言ってもJava自らが処理するわけではなく、既にXMLの世界にあるXML文書を処理するための方法を用いて処理することになります。 具体的には次のような仕様を基礎にしています。これらの仕様はJAXPの仕様ではありません。JAXPはあくまでこれらの仕様の上に作られています。 XSLT（XSL Transformations） XPath（XML Path Language） XInclude（XML Inclusions） DOM（Document Object Model） Level 2 DOM Le
JaxerによるサーバーサイドJavaScript
はじめに 既に「Ajax」という言葉が陳腐に感じてしまうほど、JavaScriptはWeb開発者の間に広く浸透しています。今では、クライアント側でのUI構築にJavaScriptは不可欠となっている、といってよいでしょう。クールなサイトを目指してJavaScriptを必死に勉強する人はずいぶんと多いはずです。 が、ある程度まで学習が進むと、多くのJavaScriptプログラマは「壁」にぶつかってしまいます。それは「サーバーサイドプログラム」という壁です。Ajaxによるサーバーへの非同期通信が当たり前のように使われるようになった今、JavaScriptプログラミングといえども「サーバー側に用意されるプログラム」の作成なしには行えなくなりつつあります。 サーバーサイドのプログラム作成はどうすべきなのか。PHPを勉強するのか、Perlあたりがいいのか、はたまたRubyかPythonか。いずれにせ
テンプレートから学ぶ 受注する開発者のためのテスト仕様書
1. はじめに ソフトウェア開発プロジェクトにおいてテストは極めてストレスに満ちています。「テストとは作った成果物に誤りがあるかどうかを見つける作業だ」という本質的に不愉快な活動であることに加えて、プロジェクトの終わりにさしかかって時間も逼迫しているのに仕様変更を受けて再テストなどという、体力的にも精神的にもきつい作業であるからです。 本稿では、さまざまなストレスを受ける立場の開発者が少しでも楽に「きちんとテストしました」と言うために、テスト仕様書のテンプレートを紹介します。このテンプレートは発注者に報告するための文書だけでなく、さまざまなテスト技法の紹介も含まれていて、いつどういうテストをすればよいのかという手引きにもなっています。 さて、はじめに、ソフトウェア開発プロジェクトと品質・生産性・納期の関係を見てみましょう（図1）。 お客様（発注者）はプロジェクトを起案する際、何を作るかを「
Firefox拡張機能の基礎を実例で学ぶ：CodeZine
はじめに Internet Explorer（以下、IE）が主流のブラウザ市場の中で、Firefoxはシェアを伸ばしています。Firefoxがシェアを拡大している理由の一つに、拡張機能の存在があるでしょう。非常に多くの拡張機能が世界中の人々によって開発されています。これらの拡張機能を組み合わせることによって、Firefoxを自分の好みのブラウザにカスタマイズできるのです。 とはいえ、他人が作った拡張機能がぴったり自分に合っているとは限りません。幸いなことにFirefoxの拡張機能は、XML言語の一種でUI部分を規定するXUL、動作を規定するJavaScript、そしていくつかの設定ファイルから構成されています。これらはいずれもごくありふれた開発言語であり、特別な知識は必要ありません。しかも、エディタとFirefoxがあれば高価な開発環境をそろえる必要もありません。他人の作った拡張機能を自分
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NUnitの全貌 ～ 基本から、最新バージョンの新機能まで
オライリー・ジャパンとトップスタジオ、ePubフォーマットによる電子書籍出版を開始
jQuery UI／プラグインの活用：CodeZine（コードジン）
「要件定義」の4つの構造と依存関係に着目した実践手法
手軽に扱えるjQueryプラグインを使ってみよう
仮想ネットワーク実装でTCP/IPを学ぼう（6） ― セキュリティの基礎と仮想ネットワークの仕様
初めてのCatalyst入門（1） PerlによるWebフレームワークCatalystとは？