タグ

ブックマーク / codezine.jp (22)

  • HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」

    はじめに HTML5において追加されたCanvasは、HTMLJavaScriptを用いてWebページ内に図形や線などを描画できる機能で、動画や音楽を再生するvideoタグやaudioタグなどとともに、HTML5の代表的な機能としてしばしば紹介されます。 Canvas機能を用いるとHTMLのcanvas要素で定義された領域に対してJavaScriptで描画処理を行えます。以下のような描画を行うAPIが提供されています。 線(直線、曲線) 図形(四角形、円) 色とスタイル(単色、グラデーション、影) 文字の描画(サイズ、フォント、色の指定) 変形(拡大、回転、マトリクス変換) しかし、Canvas描画処理のJavaScript APIはグラフィックス処理独特の記述方法となっており、学習のハードルはそれなりに高いものになっています。 今回紹介するjCanvasは、HTML5 Canvasの機

    HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」
  • Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ(その1)

    連載では、業務アプリケーション開発を行う熱血若手エンジニアのために、面倒な作業が楽になる便利なツールをご紹介します。「定時になったらスマートに帰社してアフター5を存分に楽しみたい!」や「設計書やレビューの準備に煩わされるのは嫌だ、コーディングに集中したい!」などを実現してくれる便利なツールやソフトウエアを、サンプルコードを交えて説明します。 はじめに 普段、設計書をもとに業務アプリケーションを開発したり、単体テストや連結テストに追われて忙しい日々を過ごしたりしていると、たまには気分転換で、なにかおもしろいモバイルアプリを手軽に作りたいなということはありませんか? しかし、いざ時間の取れる週末にアプリを作ろうと思ってみたものの、自宅のパソコンに開発環境を用意したり、開発に必要なライブラリなどをダウンロードしたり設定したりしていると、それだけであっという間に時間が過ぎてしまいます。また、An

  • Facebookモバイルアプリ開発チュートリアル一覧

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    Facebookモバイルアプリ開発チュートリアル一覧
  • 格安VPSサーバで実用的なRuby on Railsアプリ運用環境を構築する

    はじめに Virtual Private Server(VPS)とは、一台のサーバー上で仮想サーバーを何台も起動させることで、個々のユーザーに対して管理者権限を付与し、専用サーバーのような環境を提供するサービスのことをいいます。VPSのユーザーはサーバーのリソースを自由に使用でき、CGI実行環境のカスタマイズや大規模データベースの利用などが可能です。 ServersMan@VPSは、そのVPSを格安で提供するサービスの一つ。例えば、ServersMan@VPSの「Entryプラン」では、HDD容量10GB、メモリー容量256MBのVPSが、初期費用無料、月額490円で利用できます。 また、料金の安さだけではありません。申し込んでからすぐ利用できる、VPS環境を簡単にリセットできる、マニュアルや管理ツールが充実しているというメリットもありますので、試験的な開発や個人的な開発でサーバーのチュー

    格安VPSサーバで実用的なRuby on Railsアプリ運用環境を構築する
  • フリーのEclipse用AIRプラグイン「AIR GEAR 1.0.0」リリース、WYSIWYGでAIR開発OK!:CodeZine

    Eclipse用AIRアプリケーション開発支援プラグイン「AIR GEAR 1.0.0」が2日にリリースされた。オープンソースで公開されており、Eclipse Public License 1.0内で自由に使用することができる。「GUIを使った開発」「ActionScript/MXMLを使ったAIR開発」「簡単にできるパッケージ作成」など、AIR開発を強力に支援するプラグインとなっている。 ソースはSourceForgeにて公開されている。jarファイルをダウンロードできるので、これをeclipse/pluginsフォルダ内に配置してEclipseを起動するだけでよい。

  • RailsとAIRで作成する画像のRevolver表示(前篇):CodeZine

    はじめに SAPのクライアント環境である「SAP NetWeaver Business Client」が「Adobe AIR」ベースになるということが公式発表されており、AIRに対する注目が世界的に高まっています。 そこで稿では、「AIRで作成できるアプリケーションは、どのようなことができるのか?」を紹介する一環として、図1に示すような画像表示を行えるアプリケーションとそのコーディングに関して説明します。 図1では、検索ボタンを押下した際にRails ActionWebServiceから野球選手の画像と説明を取得し、表示します。ウェブサービスを通じて取得した複数の画像を楕円形に並べて表示し、奥の画像は遠くにあるように見えるよう縮小して表示します。また、楕円の左右にある緑と紫の三角ボタンをクリックすることで楕円を回転させ、中央に表示される画像を切り替えることができます。画像が切り替わると、

  • PHP、MySQL、JavaScriptによるセキュアなインターネットファイル共有システムの作成:CodeZine

    はじめに 私は最近、いつもの共有ディレクトリメカニズムを使ってファイル共有を実装することに嫌気がさしてきました。管理者レベルで定義するアクセス権が多すぎるだけでなく、異なるオペレーティングシステム間でファイルを共有するためのあらゆる処理が必要になります。その上、インターネット接続しか使用できないとしたらどうでしょう。もちろん、EメールやFTPを使うことはできますが、必ずしもスマートな解決策ではありません。 そこで、ようやくPHPを使う気になったのです。次のことをすべて実行するPHPファイル共有プログラムを作成しました。ブラウザでファイルをアップロード/ダウンロードする これらのファイルをメタデータと一緒にリレーショナルデータベース管理システム(Relational Database Management SystemRDBMS)に格納する 可能な場合はファイルを暗号化して圧縮する ファイ

  • CodeZine:CakePHP内の処理を理解する(CakePHP, 設定, フレームワーク, PHP)

    はじめに PHPの世界ではフレームワークがさかんに発表され、次から次へと新興勢力が現れてきます。そんな中で大きなコミュニティに発展しているのがCakePHPフレームワークです。一部では、開発環境をいったんCakePHPからRuby on Railsに移行したものの、再びCakePHPに戻ってくるという「CakePHP回帰現象」も起こり始めています。CakePHPは、手軽に利用できるPHP言語にぴったりの「手軽に利用できるフレームワーク」です。フレームワークとは、先人の知恵をまとめ上げたものと言うことができます。その中にはどんなノウハウが蓄積されているでしょうか。PHP4/PHP5で使用できるRails風フレームワークCakePHPを使って、フレームワークの処理の流れを調べてみましょう。対象読者 この記事は、CakePHPでの開発を始めた方が対象です。CakePHPに関する基的な知識に関し

  • Zend Framework入門(7):抽象化レイヤによるデータベースアクセス手法 - Zend_Db(後編) -:CodeZine

    はじめに 連載では、PHP上で動作するアプリケーションフレームワークであるZend Frameworkについて紹介していきます。前回はZend_Dbによる抽象化レイヤを用いたデータベースアクセスを紹介しました。第7回目となる今回はZend_Dbの後編として、テーブルに対応するクラスを作ってデータベースにアクセスする方法を取り上げます。対象読者 PHPの基構文は一通り理解しているが、フレームワークを利用したことはないという方を対象としています。これまでの記事Zend Framework入門(1):フレームワークの全体像とインストールZend Framework入門(2):Hello World!アプリケーションの作成Zend Framework入門(3):PHPでMVCアプリケーションを構築しよう - Zend_Controller(前編) -Zend Framework入門(4):PH

  • Struts 2入門(1)〜基本形で理解する仕組みと構造〜:CodeZine

    はじめに 「Apache Struts」(以下、Struts)とは、Web開発のデファクトスタンダードとしてあまりにも有名な、Java言語で書かれたオープンソースのWebアプリケーション・フレームワークです。JavaでのWeb開発者には、もはや説明する必要はないかもしれません。 最初のStruts(以下、Struts 1)がリリースされる2001年以前は、JavaでのWebアプリケーションというと、JSPとサーブレットを直接用いたアプリケーションが一般的でした。そのため、ちょっとしたアプリケーションでも、けっこうなコード量が必要だったのですが、Struts 1のフレームワーク機能により、煩わしい記述の手間がずいぶん少なくなり、Webアプリケーション開発の敷居がぐっと下がりました。 連載は、そんなStruts 1の次世代バージョンであるStruts 2を紹介します。Struts 2は、字面

  • 5分でわかるActiveReports帳票-らくらく始める帳票作成:CodeZine

    はじめに ActiveReports for .NET(以下ActiveReports)はVisual Studioと統合された使いやすいレポートデザイナや高機能なレポートビューア、多彩な出力形態をサポートする帳票作成コンポーネントです。今回はActiveReportsの最新版3.0Jを利用した帳票アプリケーションの開発の流れを、サンプルを交えながら紹介します。 対象読者Visual Basic 2005またはVisual C# 2005を使ってプログラムを作ったことのある方。帳票作成ツールに興味のある方。 必要な環境Visual Studio 2005、Visual Studio .NET 2003でプログラムが作れる環境。 記事のサンプルコードはC# 2.0/Visual Basic 2005で記述しています。 なお、今回紹介するサンプルには作成した帳票をPDF形式で出力する機能があ

  • CakePHPフレームワークによる快速WEB開発:CodeZine

    CakePHPの基礎知識チュートリアル CakePHPに初めて触れる、という方は下記のチュートリアルを試してください。概略をつかむことができると思います。http://www.cakephp.jp/doc/blog_tutorial.html(日語)http://manual.cakephp.org/appendix/blog_tutorial(英文オリジナル) MVCの分け方 CakePHPでは、MVCそれぞれに一つずつのファイルが対応しています。ディレクトリの名前を見れば、それぞれのファイルがどこに入っているのか、直感的に判断できるはずです。DBに「users」テーブルがある場合

  • RSSリーダーの作成から学ぶ、はじめてのiGoolgeガジェット開発:CodeZine

    はじめに iGoogleは、Googleが提供するWebサービスで、ユーザーがニュースや天気予報をはじめとした任意のコンテンツをブラウザ上で閲覧できるサービスです。 既に多数のコンテンツが公開されていますが、これらのiGoogleガジェットは簡単に作成することができます。 自分で開発したアプリケーションやサービスの一部をiGoogleガジェットのコンテンツとして公開することで、コンテンツの使い勝手や付加価値を向上させることが可能です。 この記事では、RSSリーダーを作成しながらiGoogleガジェットの開発方法に触れてみたいと思います。今回作成するiGoogleガジェットのイメージを以下に示します。 記事は、以下の順序で進みます。iGoogleガジェットでHello WorldRSSリーダを実装するユーザーの設定情報を扱う複数のRSSをタブ切り替えを利用して表示する 対象読者 JavaS

  • jMakiでリッチなGUIを作ろう!:CodeZine

    はじめに Javaを利用してAJAXアプリケーションを開発するためのフレームワークがいくつか登場していますが、jMakiは最も手軽にAJAXを利用できるものでしょう。今回は、jMakiと併せてリリースされているEclipse用プラグインを使い、実際にjMakiを使ってAJAXアプリケーションを作成する手順を説明します。作業を通じて、jMakiがどのような働きをするものなのか、体感してみてください。対象読者AJAXに興味があるJava開発者。JavaScriptのコーディングだけは死んでもしたくない、という人。WebアプリケーションのGUIをもっとリッチにしたい人。 JavaによるAJAX開発とは? 今や「AJAX」は、Webアプリケーション開発になくてはならない技術といってよいでしょう。JSP/サーブレットなどで開発を行う者にとっても、AJAXは無視できなくなっています。が、だからといって

  • DocBookによるドキュメント作成:CodeZine

    はじめに DocBookはテクニカルドキュメントをXMLで作成するためのOASIS標準で、SpringやHibernateのドキュメントはDocBookで生成されています。DocBookは特にコンピュータ関連のコンテンツに適しており、テクニカルコンテンツ用のDTD(Document Type Definition)とXMLスキーマによって定義された一連のXMLタグで構成されています。DocBookおよびその他のオープンソースプロジェクトには、DTDの他にも、DocBook対応のXMLをPDFHTML、Eclipse Help、およびMANページに変換できるようにするツールとフレームワークのコレクションが用意されています。これにより、同じマテリアルを何度も記述したり、手動で形式を変換したりする手間を多少緩和することができます。 「そんな大騒ぎするほどのことでもないね。必要ならHTMLでもE

  • CodeZine:Aptana 「HTML、CSS、JS、PHP、Ruby、AIR」 フリーの開発環境Aptana 1.0リリース(エディタ, ツール)

    Web関連の言語に対応した統合開発環境Aptanaの正式版がリリースされた。単体で提供される「Aptana IDE」とEclipseプラグイン版の2つが用意されている。Eclipseの場合は更新機能に以下のURLを登録することで入手できる。 http://update.aptana.com/install/3.2/ AptanaはHTMLJavaScriptCSSなどに対応した統合開発環境で、プラグインの追加によりPHPRubyAIRなどの開発にも利用できる。プラグインの追加はIDE起動時に表示される「Aptana Start Page」より、関連プラグインの「install」ボタンを押すことで行える。なお、プラグインの実行にあたっては各言語の実行環境を用意する必要がある。 Eclipseベースのツールのため、強力なエディタやソースコード管理システムを利用することができる。主な

  • Pythonを始めよう:CodeZine

    はじめに こんにちわ、hirataraです。 稿では、オブジェクト指向のスクリプト言語であるPythonの紹介をしたいと思います。と言っても、実は私がPythonを勉強し始めたのは数ヶ月前のことで、まだPythonに関してさほど詳しいとは言えません。それでもこの記事を書こうと思い立ったのは、ある言語が他の言語に比べて面白い部分と言うのは、その言語にどっぷり漬かってその言語を使うことが当たり前になっている人間よりも、その言語を好きになり始めたくらいの人間の方が見つけやすいのではないかという思いからです。 そのような事情で、もしかすると当のPythonistaからお叱りを受けるような内容も含まれるかもしれませんが、その点はTBやコメントでご教授頂けると幸いです。この記事で、少しでもPythonに興味を持ってくれる方が増えることを願っています。対象読者他言語でのプログラミング経験者Pytho

  • CodeZine:CakePHPフレームワークによる快速WEB開発(CakePHP, Cake, フレームワーク, PHP)

    はじめに PHPは、データベース(以下、DB)と連携する高機能なWebアプリケーションを容易に作成できるスクリプト言語です。現在、さらに短期間で効率的な開発を実現するために、さまざまなPHPフレームワークが公開され、開発環境が整いつつあります。今回は特に、Ruby On Railsに触発されて開発が始まり、なおかつ独自の発展を遂げているCakePHP(ケイク・ピー・エイチ・ピー)フレームワークを紹介します。PHPという言語の面白さや、フレームワークによる開発に興味を持っていただければと思います。対象読者 PHPの基礎知識を持ち、フレームワークを利用した効率的なWeb開発に関心のある方。必要な環境 CakePHPを利用するために必要な環境は次のとおりです。LinuxWindowsMacなどの各種OS環境Apache、LighttdなどのWebサーバーMySQLなどのDBMySQL推奨)

  • CodeZine:OpenIDを使ってみよう(openid, 認証方法, Perl)

    はじめに OpenIDは最近非常に注目が高まっている認証技術の一つです。ここでは、OpenIDを利用したPerlのサンプルを通じてOpenIDのメカニズムに触れていきたいと思います。必要な環境 Perl 5.8以上が動作する環境が良いと思います。基動作の確認はMac OS Xを利用しましたサンプルの紹介 早速サンプルコードの「openid-test.cgi」を見ることにしましょう。このサンプルはOpenIDを利用した簡易ログインページです。 #!/usr/bin/perl use strict; use warnings; use CGI; use Net::OpenID::Consumer; #use LWPx::ParanoidAgent; use LWP::UserAgent; my $query = CGI->new; $query->charset('utf-8

  • JSONを使ってAJAXベースのアプリケーションを高速化する:CodeZine

    稿では、Amazon Web ServicesをPHPで操作する方法を説明します。AWSを利用する方法には大きく分けてRESTとSOAPがあります。稿ではまず、簡単なため多くの開発者に利用されているRESTを紹介し(SOAPは稿では扱いません)、より抽象度の高い方法であるPEAR Services_Amazonを使った利用方法を紹介します。