xiii-xiii.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、xiii-xiii.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
xiii-xiii.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、xiii-xiii.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
HOMEマーケティングAdobe Business Catalystプレゼンツ、ウェブで遊べるインベーダーゲーム「Web Invaders」
twitter facebook hatena google pocket フォームに入力された内容を送信前にチェックするバリデーションの紹介です。 これにより、ユーザーの入力間違いを簡易的に防ぐことが可能です。 JQuery Form Validation And Hints sponsors 使用方法 JQuery Form Validation And Hintsからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.form-validation-and-hints.js"></script> 次に通常通りフォーム部分を記述したら、内容に応じてクラスを付与すれば完成です。 <for
select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」 2010年07月08日- Mega Select List Example select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」。 通常のselectボックスというと以下のようなおなじみのデザインです。 MegaMenuを使うと、li でのリストっぽく表示でき、クリック1回なしにそのまま内容が全て見えるのでワンクリックで選択出来ます。 あまりアイテム数が多すぎるとレイアウト的に問題が出るかもしれないのですが、そこそこのリストであれば実装することで使いやすさをUPさせることができそうですね。 関連エントリ ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」
画像を一切使用せずに実装する、軽快なアニメーションを伴ったナビゲーションのチュートリアルを紹介します。 Awesome Cufonized Fly-out Menu with jQuery and CSS3 デモページ デモでは右に配置されたナビゲーションの各ラベルにマウスホバーするとアニメーションでハイライトが移動し、それに伴う説明文が右からスライド表示されます。 HTML HTMLは非常にシンプルです。 <textarea name="code" class="html" cols="60" rows="5"> <div id="slidingMenuDesc" class="slidingMenuDesc"> <div><span>Maybe that's what life is... a wink of the eye and winking stars.</span></div
CSSセレクタの話題って1年半ぶりぐらい。 知らない間に CSS3 Selectors Level 3が出てたので、tokenizer を書いてみました。 (function() { window.tokenizer = tokenizer; var _A_TAG = 1, // E _A_COMBINATOR = 2, // E > F _A_ID = 3, // #ID _A_CLASS = 4, // .CLASS _A_ATTR = 5, // [ATTR] _A_ATTR_VALUE = 6, // [ATTR="VALUE"] _A_PSEUDO = 7, // :target _A_PSEUDO_FUNC = 8, // :lang(...) :nth-child(...) _A_PSEUDO_NOT = 9, // :not(...) _A_COMMA = 10, // E
iPhone File System BrowserはiPhone/iPod Touch用のオープンソース・ソフトウェア。iPhoneは非常に魅力溢れるデバイスだ。小さな筐体の中に無限の可能性が詰まっている。だからこそいじってみたい、もっと知りたいという欲求が止まらない。 シミュレータの場合はローカルのディレクトリ構造が見られる JailBreakはまさにその最たるものだろう。知ってか知らずか、その穴を残しているのが何ともアップルらしい。iPhoneはどんなファイル構造になっていて、どのようなファイルがあるのか…それを知りたい人はiPhone File System Browserを使ってみよう。 iPhone File System BrowserはおそらくApp Storeには並ばないであろうソフトウェアだ。起動すると単純にルートディレクトリが表示される。JailBreakしている場合
Diggy: open source JavaScript game engine (with example game) - Lost Decade Games パズルゲーム等が作れるオープンソースのJavaScriptゲームエンジン「Diggy」。 次のような3個同じアイコンがそろうと崩れるようなサンプルのゲームもついてます。 mixi アプリなんかに応用してみるのも良いかもしれませんね。 関連エントリ JavaScriptで書かれたテトリスゲーム 暇つぶし&学習に利用できるJavaScriptで出来たゲーム集 ストリートファイターみたいなゲームを作れるようになったjQuery用ゲームフレームワーク「gameQuery」 JavaScriptでリズムゲーム「JavaScript Rock Star」
CloudieはJava製のオープンソース・ソフトウェア。Web OSはインターネットが流行り始めたくらいからずっと取り組みが続けられているが、今ひとつメジャーにならない。Chrome OSが正式リリースされれば、もしかすると状況は変わるかも知れない。 リンクを上手く使ったWeb OS 結局の所、Web上においてOSはプラットフォームにはなり得ないのだ。既に無数のWebアプリケーションが存在し、使いこなしている中で一カ所に集約するのはプラットフォームではなくリンク集になる。Cloudieはその可能性を伺えるソフトウェアだ。 CloudieはWeb APIを駆使して提供されるWeb OSで、Googleアカウントを使ってログインする。ログインするとプレゼンテーションやメール、コンタクト、ドキュメントエディター、表計算、カレンダーなどのアプリケーションアイコンが並ぶ。これらはGoogleの各サ
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 from metamix.com 米Mozillaは現地時間の7月6日、ウェブブラウザーの最新版Firefox4のベータ版をリリースした。今回の目玉は、HTML5対応とUI変更。Win/MacOSX/Linuxプラットフォームで英語版のみダウンロード可能だ
来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
参院選の投票日、7月11日があと1週間後にせまってきました。 そんな中グーグルが参院選情報をまとめたサイト「未来を選ぼう 参院選2010」を7月2日に公開しています。 時期としてはちょっと遅すぎとは思いますが、内容はさすがグーグルが本気だしてきたことを感じさせます。 「未来を選ぼう 参院選 2010」 候補者と選挙区の情報、まとめました。 (Google Japan Blog) 実際に見てみましょう。 続きを読む前に応援クリックお願いします! 未来を選ぼう 参院選2010 ↑画像をクリックするとサイトが開きます。(新しいウィンドウが開きます) グーグルらしいシンプルなトップです。 トップ画面の下段の「検索ランキングの推移」から見てみましょう。 初期状態では日本全体になっています。 全国で検索ランキングの上位10人が表示されています。 これにより「どれだけネットで検索されたか」=「有権者に
私も、なんとかiPadアブリを一つ作ることが出来ました。 AppBank for iPad無料全てのiPadユーザのために 先日はWhat's Hotに取り上げて頂きましたし、 AppBank for iPadがAppStoreのWhat’s Hotに載ったそうです! まだまだiPad無料アプリランキングにランクインしてます。リリースしてから一ヶ月になろうとしてますが、まだランキングに存在出来ているのはひとえに皆様のおかげです。ありがとうございます。 で、一応区切りかな?ってことで以下の記事に追記したいことをまとめてみます。 iPadアプリ開発で気をつけたい7つのポイント(個人メモ) 題して、「ここは頑張りたい5つのポイント」です。 前回書いたことのまとめ1.アプリ開発の基本について2.iPadは画面が広い、とにかく広い3.iPhoneアプリとの違いを明確に出す4.iPad専用?ユニバーサ
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
今秋の発売迫る! 完成間近なグーグルPCの「Chrome OS」スクリーンショットを一挙公開2010.07.06 11:00 かなりパソコンらしい仕上がりになってきましたよ... Windows陣営のマイクロソフトさえ警戒感を抱いているという、グーグルがオープンソースで開発を進める「Chrome OS」ですが、ここに来て、いよいよ今秋の製品発売を前に完成度の高まりが伝えられていますよ。なんか10月には超高機能な「Android 3.0」まで正式リリースされてくるようですし、グーグルからの怒涛の攻勢に大いに期待ですね。 ではでは、続きから、これまでに「Chromium」の公式サイトで明らかになってきている情報を総括し、Chrome OSの全容へと迫ってみることにいたしましょう。どうぞご覧くださいませ。 Chrome OSは、基本的なスタンスといたしまして、複数ユーザーでの利用がサポートされて
iPadと外部ディスプレイを接続してデジタルサイネージに使う。HTML Videoを再生すると、動画だけがディスプレイに出力される。画像クリックでサンプルページを表示します(iPad専用) iPadが日本で発売されてから1か月ほど経ちました。購入された方はどのように使っているでしょうか。 iPadの魅力は、発売前から話題の電子書籍や電子雑誌のリーダーだけではありません。PCよりも安価で小さく、操作性の良いネット端末としての特性を生かして、「デジタルサイネージ」の用途で活用できるのも魅力のひとつです。 iPadを使ったデジタルサイネージ デジタルサイネージは日本語にすると「電子看板」で、室内・屋外に電子機器を利用して掲示する広告のことです。写真や文字をスライド表示したり、派手なCGや動画を表示したりと、さまざまなタイプがあります。 デジタルサイネージは、iPad本体だけでも標準のスライド機能
メルアド宅配便、Twitter IDで荷物を発送できるサービスという記事より。 ソフトバンクグループで物流事業を行うソフトバンク・フレームワークス株式会社は5日、受取人のメールアドレスを入力するだけで、互いに氏名や住所を明かすことなく荷物が送れる「メルアド宅配便」において、Twitter ID対応サービスを開始した。 メールアドレスで荷物を送ることができる「メルアド宅配便」に、ツイッターIDが対応し、ツイッターIDだけで荷物を送ることができるようになるそうです。 受取人と差出人がTwitterで相互にフォローしている場合、差出人は受取人の氏名や住所、電話番号などを入力せずに、Twitter IDを入力するだけで荷物を発送できる。 お互いにフォローしている、というところがポイントですね。ある程度、知り合いに限ってフォローしていると、フォローリストの有効活用になりそうです。 受け取り拒否すれば
電線や人物など、写真の不要な場所を簡単に消し去ることができる「TouchRetouch」というiPhoneアプリを試してみました。 基本的な使い方としては、消したい箇所をなぞる、という具合です。 適当な写真を選び、消したい箇所をツール(LassoまたはBrush)を使ってなぞります。 拡大もできますので、こんな具合に赤くなぞっていきます。 きゃっ! ルパンがApple Storeのリンゴマークを盗んでいったわ! といった具合に、ちょっと微妙な感じではありますが、こんな感じで写真の部分を消すことが出来るアプリです。 次の写真のような感じだと、一瞬「おおっ!?」となるでしょうか? Before After けっこうアバウトな感じでなぞっても、このくらいの精度で消してくれました。 「TouchRetouch」は115円のiPhoneアプリです。 #「App Store」を見る #ネタフル「iPh
いまさらJava対.NETはちょっとテーマとして古くないかな? とは思うものの、とても面白いビデオが公開されたので紹介します。「Java 4-ever」という映画のトレーラー、という設定のおもしろビデオ。 9月8日にノルウェイのオスロで開催されるイベント「JavaZone 2010」の宣伝のために作られたようです。こんなストーリー。 Java 4-ever Trailer 父親は寝る前に息子にマイクロソフトテクノロジーのすばらしさをおとぎ話のように語る。その父に子どもは無邪気に問いかける。「パパ、どうしていつも.NETなの?」 父親の顔色が変わる。「さあ、もう寝る時間だ」 少年は青年となり、禁じられた技術をこっそり友人と試すようになる。「こいつはスゲー、ロバストで、セキュアで、ポータブルで、スケーラブルじゃんか!」 そこへ父親の監視の目が光る「お前たち、Javaやオープンソースを使ってたり
写真の輪郭を検出してペン画調・絵画調にエフェクトをかけることができる「PICT.Edge」というiPhoneアプリを試してみました。 使い方は簡単で、フィルムアイコンをクリックし、アルバムロールから既存の写真を選択する、もしくは新たに写真を撮影するだけです。 例えばこのような写真が‥‥ こんな感じになったりします。なかなか面白いですよね。 写真は保存する他、ツイッター向けにアップロードすることもできます。 エフェクトの設定も、いろいろと組み合わせることができます。 「PICT.Edge」の販売が10,000本突破記念で、7月7日まで無料でダウンロードできます。 #「App Store」を見る #ネタフル「iPhone用アプリカテゴリー」もどうぞ。
こんにちは、太田です。前回はHTMLとテキスト操作を解説しました。今回は、さらにHTMLの操作の実例を中心に解説していきます。 JavaScriptとエスケープ まず、エスケープについて確認しておきましょう。外部から入力されたデータを画面上に表示する際はクロスサイトスクリプティングに注意する必要があることはもはや常識と言ってよいと思います。サーバーサイドのウェブ開発用フレームワークでは、ほとんどの場合HTMLのエスケープ用のメソッドが用意されていて、HTMLのエスケープは適切に行えるはずです。しかし、注意しなければいけないのは、HTMLのエスケープはJavaScriptにそのまま当てはめることはできないという点です。当たり前の話ですが、HTMLとJavaScriptではエスケープすべき文字が異なります。また、IEの6、7ではCSSにJavaScriptを埋めこむことができるのでCSSにも注
@mazzoが公開していた、iPadアプリ「ギター弦次狼HD」のギターソロ動画を見たのですが、こんなことができてしまうのですねー。 ということで早速、iPadでギターソロを弾いている動画です。 ちょっと楽器アプリ方面には疎いので、ギターアプリでこんな風にギターソロを弾くのがどうなのかちょっと説明できないのですが、個人的には非常に驚きました。 開放弦から14フレットまで一気に駆け上がれるiPadソロギターアプリ「Guitar弦次狼HD」というエントリーを書かれているので、詳しく知りたい方はこちをぜひ。 演奏にはチョーキング、ハンマリングオン、プリングオフ、スライドなどが使えます。ブリッジのところで右手を使うことも可能ですが、この演奏では使ってません。うまく使えばハミングバードピッピングなんかもできるのでメタル系ソロでは便利かも。 「ギター弦次狼HD」は無料のiPadアプリです。 #ネタフル「
jQuery&HTML5&CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」 2010年07月06日- Plugins | jQuery Plugins jQuery&HTML5&CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」。 次のようなリッチな動画プレイヤーがノンFlashで実装できるプレイヤーです。HTML5非対応ブラウザ用にFlashでフォールバックも可能。 Youtube、vimeoの埋め込みもOKです。 jQuery UI Theme-Roller を使ってテーマの変更も容易だそうです。 HTML5の動画プレイヤーは色々出てますが選択肢のひとつとして覚えておいてもよさそうですね。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能
画面の大きさに応じて文字数やレイアウトを動的に変える「リフロー」は、EPUBが持つ特徴の1つですが、小さめの端末ではせわしなくページを捲らなければなりません。補足的な文章はポップアップで対応するなどして1画面あたりの情報密度を高められないものか、と考えていたところ、絶妙なタイミングでその助けとなる情報を入手しました。早速、そのご報告とまいりましょう。 iBooksでJavaScriptが動く 先日、IDPFでEPUBを担当しているLiza Daly委員の個人ブログに、興味深い記事が投稿されました。タイトルはストレートに「JavaScript and interactivity in iBooks」、iBooksでJavaScriptを使ったインタラクティブ性あるEPUBを作成する、という趣旨です。 この記事のポイントですが、ひとつにはSafari 3.1以降に実装されている独自CSSプロパ
ついに飛行機に「立乗り席」が登場 片道0円から 1 名前:中国住み(青海加油!):2010/07/04(日) 21:59:53.02 ID:Sja9LnY4 ?PLT ヨーロッパの格安航空会社――ライアンエアーは1日、6ドルからの立ち席航空券を検討していることを明らかにした。 ライアンエアーCEOのマイケル・オレアリー(Michael O'Leary)氏は1日、ライアンエアーは、250の航空機の後部10列の座席と二つのトイレを取り外して、立ち席を設けるという方針を示した。それによると、さらに50人の乗客を乗せられるという。 立ち席の安全性テストは来年から行うことになる。テストに合格したら、 1時間以下の飛行距離に導入し次第に会社の全部の便に導入するという。 値段に関しては、一部の立ち席航空券を無料で提供し、他を6ドルから 12ドルの値段で販売するという。 http://www.youtub
iPhone/iPadの登場で、ユーザーインタフェース(UI)のデファクトスタンダード(事実上の業界標準)は、これまでの米マイクロソフト発から米アップル/米グーグル発へと変わり始めた。特にiPad以降は、「もうノートPCは不要」と話す利用者が増えるなど、“キーボードレス+フィンガータッチ”が受け入れられている。新UIの台頭は、企業情報システムの開発要件へも影響する。 ユーザーインタフェースが、情報システムの重要な要素であることは否定のしようがない。これまでは、メニューの表示方式やファンクションキーへの機能割り当てなどの多くが、マイクロソフトのWindowsや各種アプリケーションの仕様に沿ってきた。アプリケーションベンダーにすれば、「ユーザーが使い慣れたインタフェースに合わせれば、導入時の操作習得などが軽減されるため、新規参入やリプレースが容易になる」からだ。新たなソフトを導入しても、経験則
http://d.hatena.ne.jp/tily/20100705/js_eeepub
jQuery のソースから拾ってきたネタなんすが、arguments.callee と setTimeout を使ったリトライ処理が超便利なのでご紹介。 まず基本形はこんな感じす。 (function() { // なんか処理 if (error) { setTimeout(arguments.callee, 20); } })(); 上のコードは error が真のとき20マイクロ秒後に無名関数の実行をリトライします。20マイクロ秒だとリトライ間隔が短いような気がするかもしれませんが、リトライ回数は1秒に50回ですので言うほどでもないです。 arguments.callee は関数内でのみ参照可能で、実行中の関数自身への参照を保持します。上の例では arguments.callee は無名関数への参照となります。setTimeout に arguments.callee を渡すその関数を
http://github.com/tily/js-eeepub JavaScript で ePub を読むだけじゃなくて作成できたら面白いだろうなと思って、勉強も兼ねて jugyo さんの EeePub を JavaScript に移植してみた。 不完全なところが色々あるし、もっと便利にできそうな気がするんだけど、だいぶ飽きてきたんで一旦 github で公開してみる。 zip.js と xmlbuilder.js に依存している。あと、JSSpec でスペックを書いてみた。スペックに書いてるまんまだけど、こんな感じで使う。 var easy = new EeePub.Easy({ title:'sample', creator:'tily', identifiers:'http://example.com/book/foo', uid:'http://example.com/book/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く