jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
Adobe、HTML5モバイルアプリ開発フレームワークのNitobiを買収
Adobe、HTML5モバイルアプリ開発フレームワークのNitobiを買収：PhoneGap開発元 AdobeがHTML5モバイルアプリ開発フレームワークの「PhoneGap」を獲得。FlashとAIRによる開発プラットプラットフォームに加え、iOSやAndroid向け非Flashアプリの開発プラットフォームを提供できるようになる。 米Adobe Systemsは10月3日（現地時間）、ロサンゼルスで開催中の開発者向けカンファレンス「MAX2011」において、モバイルアプリ開発プラットフォーム「PhoneGap」を提供するカナダのNitobi Softwareを買収することで合意に達したと発表した。買収総額などの詳細は公表されていない。取引は10月に完了する見込みだ。 Adobeはこれにより、FlashとAIRによるFlash利用のモバイルアプリ開発プラットフォームに加え、HTML5ベース
正方形のユニットで構成された、スマフォ対応のHTML5ベースのフレームワーク -Fluid Squares
表示サイズによって正方形のユニットが最適に構成される、Media Queriesを使ったフレームワークを紹介します。 IE8以下のMedia Queries非サポートブラウザにもスクリプトで対応しています。 Fluid Squares V2 [ad#ad-2] Fluid Squaresの主な特徴 正方形のユニットを使った、HTML5ベースの可変グリッドのフレームワーク。 Media Queriesで表示サイズによって、カラム数が増減、フォントサイズも調整。 モバイル ファーストで、小さいディスプレイのためにCSSを記述。 最近のモダンブラウザだけでなく、iOS, Android, BlackBerryなどにも対応。 IEなどMedia Queries非サポートブラウザには「css3-mediaqueries-js」で対応。 Fluid Squaresのデモ カラム数は1, 2, 3, 4
PC、タブレット、スマートフォンで使えるUIフレームワーク「Kendo UI 」
多くの、端末がリリースされていて、端末間の表示を合わせるのはフレームワークを使わないと色々と面倒になってきました。今日紹介するのはPC、タブレット、スマートフォンで使えるHTML5ベースのUIフレームワーク「Kendo UI 」です。 基本的にはjsとcssで作られたフレームワークとなっていてjsとcssを読み込み、ルールに沿って、記述していく形になります。 詳しくは以下 用意されているUIはグラフやスムーズに閉開ウィンドウ、テーブル、スライダーなどなど、基本的なサイトデザインに利用できそうなユーザーインターフェイスウィジェットが多数要されています。 Kendo UIで利用できる一部のUIウィジェット 多くのフレームワークがリリースされていますが、自分に使いやすいもの、目的の達成できるかを考えて選択していきたいですね。「Basic usage」からKendo UIで実現できるユーザーインタ
【レポート】黄金比でどのスクリーンにも適したデザインを「Less Framework 3」 | エンタープライズ | マイコミジャーナル
Less Framework is a cross-device CSS grid system based on using inline media queries. iPhone、iPad、PC、Androidベースのスマートフォンやタブレットデバイスなど、インターネットを利用するデバイスの多様化が進んでいる。スクリーンサイズの異なるデバイスで動作するブラウザ向けにそれぞれ最適化されたWebデザインを提供するテクニックのひとつに、CSS3で策定が進められているメディアクエリを使う方法がある。このテクニックをベースにして開発されたCSSフレームワークのひとつにLess Framework 3がある。 Less Framework 3は、言ってしまえばデバイスのスクリーンサイズや表示領域サイズに応じて幅を変更するシンプルなフレームワークだ。Less Framework 3のサイトにアクセ
CSS3のWEBデザインを簡易化してくれるUIフレームワーク「CSS3 Button UI」
まだまだ対応ブラウザの問題から、コーポレートサイトなどでは導入が難しいCSSですが、スマートフォンなど環境が整ってきたこともあり、利用し始めているという方も多いと思います。今日紹介するのは、角アール、シャドウなどCSS3を利用した表現を簡単に実装できるCSS UIフレームワーク「CSS3 Button UI」です。 予め、CSSが設定されており、簡単なクラスを割り当てるだけで、CSS3をのボタンを再現することができます。 詳しくは以下 コードの呼び出し例は以下のとおり。 上記は画像で貼り付けてありますが、マウスオーバーの処理もセットされていて、実用的に利用できそうです。その他にも角アールのものや文字の前に画像を表示させるものなどがセットされています。その他のデモは配布元の「CSS3 Button UI」からご覧ください。ボタンはCSS3でとお考えの方は是非どうぞ。 CSS3 Button
電話を使ったWEBサービスを構築する際に使えそうなフレームワーク「Plivo」:phpspot開発日誌
Plivo 電話を使ったWEBサービスを構築する際に使えそうなフレームワーク「Plivo」。 マイクなどを使って録音し、WEBに簡単にアップロードしてシェアできたりする「こえ部」が面白かったりしますが、Plivoを使えば電話とアプリケーションを絡めたサービスを作る際に使えそうです。 システムとの対話にはREST APIを使い、RESTの仕様を覚えれば内部について深く知らなくてもある程度使えるようなものになっているみたい。 例えば、スカイプやGTalk等からのリクエストを自分のアプリケーションに流した後、何らかの処理を行い、mp3音声を返すみたいなことが出来るようです。 Amazon EC2に登録したりすると電話がかかってきたりしますが、おんなじような仕組みなんでしょうかね。 各種言語用のヘルパーライブラリもあるみたい。PHPでいうとこちら 実際に試してみたわけでもなく、なんとなく面白そう、
ActionScript3用ゲームフレームワーク·flixel MOONGIFT
オンラインのゲームは人気が高い。特にFlashのように手軽に遊べるものは、アイディア勝負なのでユニークで面白い。だが実際に開発しようと思うと、キャラクターの動きやアイテムや武器の制御など頭を悩ますことが多そうだ。 こんなリッチなグラフィックスのゲームも そうした複雑な問題を解決しつつ、Flashベースのゲームを開発しやすくしてくれるフレームワークがflixelだ。すでに多様なゲームがflixelを使って作られていて、実際に試すことができる。シンプルなものもあれば、グラフィックスに凝ったサイズの大きなものもある。 グラフィックスは全般的にドット絵でファミコン風のものが多い。ゲームもシンプルなルールのものが多く、矢印キーと二つくらい（xキーとcキーなど）のキーを組み合わせて操作するようになっている。すでに多数の実績があると、自分でも作ってみようと思えるだろう。 アクションゲームが多い 本家のF
[JS]ちょっとした処理に使えるマイクロフレームワークを50以上集めた「microjs」 | Web活メモ帳
特定の用途だけに特化したフレームワークが必要な場合、シンプルなもので良いのではないだろうか。 「microjs」では、DOM構築後のタイミングで処理を実行したいだけのフレームワークやBase64処理をするだけの物、ブラウザ判別するだけの物など、 ちょっとした時に使えるフレームワークが50以上揃っています。 以下にいくつか気になった物をご紹介。 domReady DOM構築後のタイミングで処理を実行場合に使えます。0.2KB。 domReady(function () { // dom is loaded! }); Base64.js Base64処理ができます。0.9KB。 Bowser ブラウザ判別したい時に。0.2KB。 if (bowser().msie && bowser().version <= 6) { alert('hello China'); } Micro-Templat
![[JS]ちょっとした処理に使えるマイクロフレームワークを50以上集めた「microjs」 | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/bca94c36880f0d47719b5c7a82560f477388c164/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F05%2F20110506-01.jpg)
Webデザイナー&UIデベロッパー向けのHTML5/CSS3/jQuery/PHPフレームワーク・G5 Framework
Webデザイナーやフロントエンドデベロッパー 向けのフレームワークが登場したようですね。 HTML5/CSS3/jQuery/PHPを使って構成さ れており、シンプルで軽量。小規模レベルの プロジェクトのスターターキット等にも利用して 欲しい、とのことです。 話題を集めるHTML5やCSS3、jQueryで構成されているので勉強がてら触ってみるのもいいかもしれません。ライセンスはGPLとMITのデュアルライセンスです。 (X)HTML5, CSS3, PHP & jQuery Front-End Development Frameworkとのこと。PHPファイル1枚にHTML5/css3/jQueryを詰め込んだシンプルな構成です。 簡単に始められますよ。最初からそこそこ作られています。 マルチカラムのデモなんかも。 上記はIETesterを使用したIE7のキャプチャ。CSS-PIEなども
[CSS]最近のウェブ構築には欠かせない要件を備えたCSSのフレームワーク -The 1140px Grid
1280px以上の大きなモニター対応、iPhoneなどのスマホ対応、単調になりがちなグリッドのバリエーション、IE6への配慮など、最近のウェブ構築には欠かせない要件を備えたCSSのフレームワークを紹介します。 The 1140px Grid · Fluid down to mobile [ad#ad-2] 以前、Twitter(@colisscom)で紹介した時からバージョンアップしたようなので、改めてブログでご紹介。 The 1140px Gridは、1280のモニターには1140pxのグリッド、スマホなどのそれより小さいモニターにはその幅に可変したリキッドタイプのグリッドを提供するスタイルシートのフレームワークで下記にその特徴的なポイントを紹介します。 1140pxで12カラムを採用した理由 12という数字は非常に便利で、二等分、三等分、四等分、六等分して利用することができます。また、
高度なゲームも作れる。HTML5/Canvasフレームワーク·CasualJS MOONGIFT
CasualJSはCanvasタグを使ったアニメーション/ゲーム作成用JavaScriptフレームワーク。 CasualJSはJavaScript/HTML5製のオープンソース・ソフトウェア。JavaScriptはHTML5の登場によって大きく花開こうとしている。位置情報の利用、ストレージ、WebSocket（今は切り離されているが）、Canvasタグ等様々な新技術が盛り込まれている。 ボタン Canvasタグを使うことで、アニメーションを行ったりグラフィックを描くことができる。それもJavaScriptからインタラクティブに扱えるものだ。だが全てを作り込むのは大変だ。そこで使ってみたいのがCasualJSというJavaScriptフレームワークだ。 CasualJSはHTML5のCanvasを利用するためのフレームワークだ。ActionScript3ライクという説明がついている通り、アニ
スマートフォン向けのJSフレームワーク・Wink Toolkitがバージョンアップしてより素敵になったよ
以前ご紹介した、スマートフォン向けの JavaScriptフレームワーク、Wink Toolkit がバージョンアップしたんだぜ、と開発者 さんからわざわざお問い合わせ頂いたの でご紹介。以前もかなり豊富なUIでとても 有意義なフレームワークだと感じましたが、 今回はUI面が特にパワーアップ。 Wink Toolkitがバージョン1.3になって機能もいくつか追加されました。3ヶ月間、UIの改善にかなり力を入れてくれたようで、スマフォにかなり合わせてくれましたよ。 jQuery Mobileライクなインターフェースになりました。もともとUIエフェクトの評価は高かったWink Toolkitですが、全体的なデザインが見直されてかなり垢抜けた感じです。 尚、以前の機能やUIは過去記事をご参照下さい。 Wink Toolkitが割と良かったので日本語サンプル作った Demo 前回はほぼ全てのデモを
WSGIとPythonでスマートなWebアプリケーション開発を 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Perlの自作フレームワークで作る、アジャイルなWebサービス - はてなニュース
「えっ、そんなはてなとそっくりみたいなことしている会社があるんですか」。Webアプリケーションの開発言語はPerl、Webアプリケーションフレームワークは自社で作り、Webアプリケーションを開発して、CentOSで動作させる――。そんな、はてなの開発とよく似た開発をしている会社が、リクルートメディアコミュニケーションズ（以下RMC）さんです。はてなチーフエンジニアの大西が、自社フレームワーク開発の経緯や、その実際を、RMCの現役エンジニアさんたちに聞きました。ライターの青宮しおりがまとめます。 （※この記事は、リクルートメディアコミュニケーションズ提供によるPR記事です） ――今日はお時間ありがとうございます。はてなでチーフエンジニアをしている大西です。2001年、はてなの創業の年からはてなで働き始めて、はてなの開発を取りまとめてきました。今日は、3人のかたとお話しできるのですね。簡単に自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5とCSS3を使いこなしたくなるフレームワーク15選
CSS3で超クールなボタンを35個作れるCSSフレームワーク | Web活メモ帳
[CSS]グリッドだけでなく、主要エレメントも揃ったCSS3ベースのフレームワーク -Not Just a Grid
Online Inmate Search | Mugshots | Jails | Bluetrip Criminal Data
http://japan.internet.com/developer/20080530/26.html