テレビ・レコーダーのバックエンドにおけるCI/CDへの取り組みFeature Flagを用いたサーバーサイドリリースの実装と柔軟な運用について/implementation_and_operation_of_server_side_release_with_feature_flag
html5j.org
html5jについて html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わるすべての人々を応援する、非営利・中立のコミュニティです。私たちは、日本のWebクリエイター・エンジニアのスキル向上をお手伝いして、日本が世界のWebシーンをリードするような存在になることを心より願っています。 html5jの活動 html5jはWebクリエイター・エンジニアの皆さんに対し、「つながる」「学べる」「盛り上がる」を合言葉とし、以下の活動を行なっています。 html5jメーリングリスト Web開発に関する話題について質問したり、共有したりするためのメーリングリストです。また、勉強会の告知なども行なっています。 html5jメーリングリストに参加する （Googleグループに移動） 投稿ルール HTML5などの技術やWeb開発に関する話題であれば、どんな内容でも構いません。
大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク·AngularJS MOONGIFT
AngularJSはMVCモデルを徹底したJavaScript製のWebアプリケーションフレームワークです。 Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。 まずごくシンプルなデモから。 クリックでビューが切り替わります。 node.js製のWebサーバも付属しています。 HTMLソースはこんな感じです。 JavaScriptのコードです。ルーティングやテンプレート、コントローラを指定してます。 Hello Worldのサンプルコード。JavaScriptによるハンドリングが見当たりません。 入力チェックを含めたフォームサンプル。こちらもごくシンプルなコードです。 入力チェックはリアルタイムに
Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
リッチなWebアプリケーションを開発するフレームワークSproutCore後継プロジェクト·Ember.js MOONGIFT
Ember.jsは旧SproutCoreの後継プロジェクトです。リッチなWebアプリケーションフレームワークになります。 SproutCoreがFacebookに買収されました。SproutCoreはリッチなWebアプリケーションを開発できるフレームワークですが、今後の開発についてはEmber.jsとして継続される模様です。 スマートフォンに特化している訳ではありませんが利用できます。 デスクトップ向けでHello World。 コードを見ると分かりますが、HTMLを直接ではなく、テンプレートです。 デモのTodoアプリです。 登録したりチェックして削除したりできます。データは保存していないので再読み込みすると消えます。 Todoアプリのコード。こちらはビュー側です。 こちらはコントローラ、モデル側。コードは見やすいです。 Ember.jsはMVCに分かれており、コードも見やすく使い勝手が
HTML5でゲーム開発をはじめたい人は注目·HTML5 Game Dev MOONGIFT
HTML5 Game DevはHTML5でゲームを開発し、そのノウハウを蓄積するプロジェクト。 HTML5 Game DevはHTML5/JavaScript製のオープンソース・ソフトウェア。iOS/Androidにはじまり、モバイル向けのゲーム開発が熱い。とは言え、Web開発で培ってきたナレッジがそのままゲームに活かせる訳ではない。画面遷移やオブジェクトの管理、レンダリングなどが全く異なっている。 ブラウザのレース もしゲーム開発をしたいと思うならば、これまでの知識を一旦リセットして改めて学び直すくらいの意識が必要だ。もちろんそれは容易なことではないだろう。だが仲間と一緒ならばできるかも知れない。そのためのプロジェクトがHTML5 Game Devだ。 HTML5 Game DevはHTML5を駆使してゲーム開発を行うプロジェクトだ。その中でノウハウを蓄積し、整理していくことを目的として
社内で立てたいWebベースのSubversionリポジトリブラウザ·sventon MOONGIFT
sventonはJava製WebベースのSubversionリポジトリブラウザ。 sventonはJava製のオープンソース・ソフトウェア。個人の間ではGitやMercurialといったバージョン管理システムがもてはやされているが、企業においてはまだまだSubversionが強い。機能的にも十分であり、社内開発であればあえて乗り換える理由がない場合も多いだろう。 そんなSubversionの管理ではTortoiseSVNが使われているだろうが、非開発者が使うならばWebベースのが良いと思うはずだ。そこで使ってみたいのがsventonになる。 sventonはWebベースのSubversionリポジトリブラウザだ。階層をそのまま表示してフォルダを辿りながらファイルを閲覧していくことができる。またコミットログを閲覧してファイルの差分を確認することも可能だ。差分はDiffとして表示することもサイ
今すぐフォローすべきnode.js界のスーパーエンジニア - 小さい頃はエラ呼吸
はじめに 最近、サーバサイドJavaScript環境であるnode.jsをいじったりしています。 node.jsはまだ書籍も出ていない新しい分野なので、情報収集の手段はインターネットがすべてになります。Webサイトやブログなどを読みながら勉強していくにつれて、node.js界のすごい人たちというのがだんだんとわかってきました。 そこで、これからnode.jsを勉強する人のために、日本におけるnode.js界隈のスーパーエンジニアたちをまとめてみました。彼らの代表的なエントリを書かせていただきましたが、これ以外にもたくさん有用なエントリがあると思いますので、ぜひ探してみてください。 @mesoさん twitter：http://twitter.com/#!/meso おすすめエントリ Node.jsについてのよくある誤解 - 自分の感受性くらい @sugyanさん twitter：https
JavaScriptのコードを解析して型を明示する·Doctor JS MOONGIFT
Doctor JSはJavaScriptコードを解析して返却値の型を特定するソフトウェア。 Doctor JSはJavaScript/node.js製のオープンソース・ソフトウェア。勘違いもあるかも知れないが、一般的にコンパイル系言語では変数の型をきちんと定義した上で利用する。対してスクリプト系言語では変数の型をいちいち定義したりせずに利用できるものが多い。 トップ画面 JavaScriptでもそれは同様だ。型を定義せずに使える分、柔軟に煩わしさを感じずに使えるというメリットがある一方、想定外の変数が入ってきて処理がおかしくなる場合もある。それを事前にチェックしてコーディングに役立てられるのがDoctor JSだ。 Doctor JSはJavaScriptのソースコードを静的に解析し、関数の返却値の型を表示する。全てのコードを解析できるという訳ではないが、functionが順番に定義されて
ostatusやMongoDBを組み合わせたマイクロブログシステム·rstat.us MOONGIFT
rstat.usはRuby/Sinatraで作られたマイクロブログシステム。 rstat.usはRuby/Sinatra製のフリーウェア（ライセンスはWTFPL）。マイクロブログの人気は衰えることを知らない。Twitterはもちろん、FacebookやmixiといったSNSをはじめ多数のサイトでも類似した機能が実装されている。 トップページ システム自体はシンプルであり、真似するのもさほど難しくはない。そのために多数の開発者がクローンを開発してきた。そんな中、機能性も十分な多機能マイクロブログが登場した。それがrstat.usだ。 rstat.usはTwitter/Facebookまたは独自認証システムで認証可能なマイクロブログエンジンだ。ステータスをアップデートするという基本機能は変わらないが、人を指定してリプライしたり、Share（RSとつく）ができるようになっている。フォロー/フォロ
JavaScriptでSinatra風？RESTfulをサポートしたフレームワーク·Sammy.js MOONGIFT
Sammy.jsはJavaScriptによるRESTfulをサポートしたWebフレームワーク。 Sammy.jsはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを開発する際には、サーバサイドとクライアントサイドの二つを開発する必要がある。クライアントサイドにはJavaScriptやFlash、HTMLなどが使われているだろう。 フォームのハンドリングも可 しかしJavaScriptはどんどん高度化し、機能が増している。JavaScriptだけで解決できることは日々増えているのだ。もはやサーバサイドを必要とせず、Webアプリケーションを構築できてしまう。そのためのフレームワークがSammy.jsだ。 Sammy.jsはごく小さなWebフレームワークで、ルーティングを備えている。クライアントサイド内でRESTfulをルーティングで定義し、アクションを受け取ることが
スマートフォンで「できちゃうこと」って？
スマートフォンで「できちゃうこと」って？：イチから始める！ Androidセキュリティ（1）（1/3 ページ） 「もいちどイチから！ HTTP基礎訓練中」でWebアプリケーションの脆弱性と対策について学んだクウが、今度はAndroidの世界に挑戦。Android特有の問題、PCや従来の携帯電話向けのWebアプリとの違いや対策について紹介します。（編集部） やっぱ時代はスマートフォンだよね？ クウはベンチャー企業で働くエンジニア。同僚のユウヤや開発チームのリーダー、ナツさんと一緒にWebアプリケーションの開発に携わる傍ら、勉強会に顔を出してはWebアプリのセキュリティについて知識をためてきた。そんな彼が次に興味を持ったのは……。 クウ 「Androidアプリできたよー♪」 ユウヤ 「ん？ なんでそんなん作ってんの？」 クウ 「お勉強のために自分で作ったのだ♪ いまどきは、スマートフォン向けア
JavaScriptでネイティブアプリ開発、「Chromeless」新実験プロジェクト | エンタープライズ | マイコミジャーナル
Chromeless Browser Mozilla Labsは2007年、Webアプリケーションをデスクトップと融合させるプロジェクトPrismを発表した。Firefoxを構成している技術をベースにして特定のWebアプリケーションをあたかもネイティブアプリケーションのように振る舞わせることを目的としていた。Mozilla LabsはこのPrismプロジェクトを終了させると発表。代わりに、その後継プロジェクトとなるChromelessを開始した。 Chromelessの目的はPrismに近いところにあるが、この3年間の経験を加味してより一般的なアプローチを採用している。PrismはWebアプリケーションをデスクトップアプリケーションのように振る舞わせることに主眼が置かれていたが、ChromelessではHTML、JavaScript、CSSなどの技術を使ってネイティブ風アプリケーションを開
JavaScriptによる開発が大規模化したらドキュメントを生成「Dox」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
DoxはJSDocに対応したソースファイルからドキュメントを生成するライブラリ。 DoxはJavaScript/node.js製のオープンソース・ソフトウェア。JavaScriptがWebアプリケーション構築の際のメイン言語として使われるようになっている。その結果起こっているのがJavaScriptのコードの大規模化だ。 トップページ 大規模になれば当然、複数人での開発体制になる。そうなれば情報の共有やコーディングスタイルの統一などが必須になる。その一端を担うのがAPIドキュメントだ。ソースコードからドキュメントを生成するソフトウェアがDoxだ。 DoxはJSDocもサポートしたソフトウェアで、コンソールからコマンドを実行するだけでHTMLベースのドキュメントを生成する。ドキュメントにはMarkdownの記法が利用できる。システムとしてはnode.jsを使っており、npmを使ってインストー
TitaniumとAptanaが買収により統合へ － ＠IT
2011/01/19 モバイルやPC向けの統合アプリ開発フレームワーク「Titanium」を提供する米Appceleratorは1月18日、Eclipseベースの統合開発環境（IDE）の「RadRails」（Ruby on Rails向け）や「Pydev」（Python向け）を提供する米Aptanaを買収したと発表した。買収は1月7日に完了している。 Titaniumは、RIA（リッチ・インターネット・アプリケーション）と呼ばれるジャンルに属するオープンソースの開発フレームワーク。HTMLやCSS、JavaScript、Ruby、PythonといったWeb開発で使われる技術を使いながら、iPhoneやiPad、Androidといったデバイス向けのネイティブアプリケーション開発が行えるのが特徴。単一のコードベースで、PC、Webブラウザ、モバイルに各種プラットフォームに対応できる。Appce
連載：良いコ―ドへの道―普通のプログラマのためのステップアップガイド｜gihyo.jp … 技術評論社
最終回 配列／コレクションを利用した抽象化―その5 Step4：配列／コレクション化して抽象化する 縣俊貴 2009-05-18
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
iUIで始めるiPhone用Webアプリ開発の基礎知識
JavaScriptライブラリ「iUI」 連載第1回の「WebアプリをiPhoneっぽくするための5つのポイント」では、業務用iPhoneアプリをiPhoneっぽい見た目にする重要性を説き、iPhoneっぽくするための5つのポイントを解説しました。また、iPhoneっぽいWebアプリを作るためのJavaScriptライブラリをいくつか紹介しました。 今回は、そのJavaScriptライブラリの中から、「iUI」を使ってiPhone用のWebアプリを作ります。 手始めにiUIを使った簡単なサンプルページを作ってみます。また、iUIに独自の見た目、動作を追加する方法についても説明します。 iUIを試す前に iUIを使ったアプリケーション構築を実際に試す前に、まずiUI自体に含まれるサンプルページで、その動作を確認してみます。 なお、iPhoneの実機を使ってiUIの動作を確認するためには、iP
国産のクラウド構築ソフトがオープンソース化
ソフト開発ベンチャーのあくしゅは2010年11月19日、Amazon EC2のようなIaaS（インフラストラクチャ・アズ・ア・サービス）を構築するソフト群をオープンソースとして公開した。仮想マシンの生成やその自動化、管理画面、アプリケーションの分散処理支援といった各種ソフトを取り揃えた。 OSSとして公開したのは、仮想マシンの起動や削除などを制御する「Wakame-vdc」、仮想マシン群によるアプリケーションの分散処理を半自動化する「Wakame-os」、複数の仮想マシンから成るシステムの自動展開などを制御する「Wakame-fuel」の3ソフト。 Wakame-vdcは、仮想マシンソフトの「Xen」と「KVM」を使ったIaaSを構築できるソフト。Webブラウザによる管理画面を用意し、仮想マシンの生成や削除、セキュリティ設定などを簡単に操作できる。Wakame-osは、プログラムのソースコ
はてなブログ | 無料ブログを作成しよう
水風呂のすゝめ 毎日めちゃくちゃに暑い。 ここ数年「およげ!たいやきくん」のように昼間は太陽とオフィスビルとアスファルトの三方向から押し寄せる35℃オーバーの熱に挟まれ、夜になっても最低気温が27℃くらいまでしか下がらない。そんな理不尽な東京鍋の中の暮らしが毎年のことにな…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
