Thank you for being patient. We are doing some work on the site and will be back shortly.
Thank you for being patient. We are doing some work on the site and will be back shortly.
最近のブラウザはgetUserMediaという機能でJavaScriptからカメラを操作してリアルタイムに動画を読んだりできるようなので、画像認識のデモ的なものを作ってみた。 表紙検索 PCのGoogle Chrome、Opera、AndroidのOpera Mobileの場合 動画が読めるといっても実際のところ一部のブラウザでしか使えなかったので段階的に対応してみた。 まず、PCのGoogle ChromeとOpera、AndroidのOpera Mobileの最新バージョンが全ての機能が使えるブラウザです。 これらのブラウザで hyoushi.me というドメインを開くと、サイトのトップに「カメラ起動」というでかいボタンが表示されています。 IS05 + Opera Mobile (僕はウェブカメラを持っていないのでこれはIS05 + Opera Mobileのキャプチャです) カメラ
[速報]アドビがHTML5とモバイルにフォーカスした新ツール群「Adobe Edge Tools & Services」を発表。アニメーション作成、レスポンシブデザインなどが効率的に 米アドビは24日(日本時間24日深夜)、サンフランシスコでイベント「Create the Web」を開催。CSSやJavaScriptを使ったアニメーション作成、画面の大きさによって動的にレイアウトが変化するレスポンシブなWebデザイン、複数のモバイルデバイスへの対応、HTML5やCSS3に対応したコーディングなど、最新のWeb技術に対応した開発を支援する新ツール群「Adobe Edge Tools & Services」を発表しました。 発表された新ツールやサービスを日本語で解説するWebサイトもすでに公開されています。サンフランシスコで開催されたイベントの内容を、ダイジェストで紹介しましょう。 Adobe
iOS6出た! iOS6が出来ましたね。社内ではiPhone5を入手した社員がLTEの速度に驚いていました。私はまだiPhone4Sですが、iOS6にして新しい機能を楽しんでいるところです。さて、iOS6にしてSafariの仕様が変わって困ったと言った投稿が海外のフォーラムで挙っています。それも、基本的なPOST通信についてです。これは困ったということで、動作を確認して対策方法についてシェアしたいと思います。 どんな時にPOSTをキャッシュする? まずはどんな状況か確認してみたいと思います。 Cache-ControlもExpiresも無い場合 : iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control max-age=0指定 と Expires指定 : iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control: no-
Socialite.js 5KBの読込でソーシャルボタンの実装が簡単にできる「Socialite.js」 jQuery等に依存せず、単体で動作するあたりが特徴です。更に、ページ内に多数のソーシャルボタンを置くと重くなってしまいがちですが、スクロールと共にシェア数を読み込めるようなデモも用意されており、一気に読み込ませたくないケースでも使うことが可能。 残念ながら日本のサイトには対応していません。 関連エントリ 様々にCSSでデザインされたソーシャルボタンセット Facebook,Twitter,Google+の独自デザインのソーシャルボタン作成用jQueryプラグイン「Sharrre」 ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」 円形に広がるソーシャルシェアボタン実装jQueryプラグイン「jOrbital」
9月22 JavaScript で PSD Parser を作り始めました はじめに JavaScript で PSD ファイル (Photoshop Document) をパースする psd.js というのを作り始めました。 以下のURLで公開しています。 https://github.com/imaya/psd.js psd.js と聞いて、なんか前に聞いた事あるって言う人もいると思いますが、以前話題になった psd.js は Twitpic へ譲渡されたあと GitHub で公開しなくなったようなので、3日ほどでまったく新しく作り始めました。 現在できること まだざっくりとしか実装していません。 基本的な parse Image Data, Channel Image Data からキャンバス生成 未実装の部分はすごく大雑把にデータを切り出しているだけです。 将来的にやりたいこと ブ
Node.jsで外部コマンドのラッパーとして動作するmoduleを作成する方法の基本を書きます。例としてcurlとwgetのラッパーのmoduleを作成します。ラッパーのmoduleとは何か? pdftk、pdflatex、imagemagick、ghostscript等々、node.jsだけで実現することが困難と思われる処理を行うコマンドを、nodeから簡単に使えるようにした関数なりオブジェクトなりで出来たmoduleのことを(おそらく)ラッパーと言います。 npmjs.orgにはいろいろなコマンドに対するラッパーが数多く公開されています。例えばpdftk、pdflatex、imagemagickに対して以下のようなラッパーが公開されています。 pdftk https://npmjs.org/package/pdftk-helper pdflatex https://npmjs.org
jQuery News Ticker 文字をタイプしている風のニュースティッカーを実装できる「jQuery News Ticker」。 ページの一番上なんかにニュースを流す際に使えそうです。 ul リストで次のようにニュースを並べておいて初期化するだけなので超簡単です フィードのURLを指定して表示することも可能みたい。 その方式ならいちいちHTMLを書き換える必要がなくてよいですね。 他にも豊富なカスタマイズオプションがあります。 関連エントリ ペラペラめくれるカウンター実装jQueryプラグイン「flipCounter」 iPhoneのON/OFFスイッチっぽいものを実装するjQueryプラグイン「Toggles」 アニメーションでコンテンツをより効果的にみせるためのjQueryプラグイン集
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
リストを複数行に自動で分割してくれるjQueryプラグイン「Easy List Splitter」 2012年09月13日- jQuery plugin: Easy List Splitter リストを複数行に自動で分割してくれるjQueryプラグイン「Easy List Splitter」。 ul li 等でリスト定義すると縦に長〜くなってしまいますが、これを複数行に分割して横長にしてくれるプラグイン。 レイアウト上、分割したいんだけど、めんどくさいんだよなぁ、という方も、ライブラリを読み込んで、$(element).easyListSplitter({ colNumber: 3 }) みたいにやれば3列にしてくれます。 なんということでしょう。 地味〜かもしれませんが、これは便利だと、殆どのマークアップエンジニアの方は首を揃えて頷いてくれるでしょう。 関連エントリ ツイッターのつぶやき
エレメントの高さ(height)、幅(width)だけでなく、outerHeight, innerHeight, outerWidth, innerWidthのサイズを揃えるjQueryのプラグインを紹介します。 デモ:幅 equalize.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/equalize.js" type="text/javascript"></script> Step 2: HTML HTMLは適用する要素を内包するラッパーを用意します。 下記はデモの高さを揃える方のHTMLです。 <div id="heigh
モバイルアプリケーションのためのバックエンドサービスに特化したクラウド、BaaS(Backend as a Service)として知られる「Parse」が、Cloud Codeという機能でサーバサイドスクリプトのサポートを開始しました。JavaScriptでサーバ側の機能を作り込むことができます。 これまでParseに代表されるBaaSでは一般に、データストア機能、プッシュ通信機能、ユーザー管理機能、ソーシャルとの連係、ロケーションとの連係など、あらかじめAPI経由で呼び出すことができる機能は決まっていました。 ParseのCloud Codeは、任意のロジックをBaaSに組み込むことを実現します。 サーバ側で演算、入力値のチェックなど 例えば、いままでは演算処理などのロジックはモバイルデバイス側のアプリケーションで記述しなければならなかったため、レストランガイドのアプリケーションで星の数
HTML5, CSS3, JSでマルチプラットフォームのデスクトップアプリを作れる「TideSDK」 2012年09月12日- TideSDK | Create multi-platform desktop apps with HTML5, CSS3 and JavaScript HTML5, CSS3, JSでマルチプラットフォームのデスクトップアプリを作れる「TideSDK」。 元々はTitaniumDesktopとして開発されていましたが、TideSDKという名前になったっぽい。 Windows, Mac, Linux のアプリをWEB開発言語で開発できるTitaniumMobileみたいな仕組みです。 スマホだけじゃなくてやっぱりデスクトップアプリも欲しいということがありますから、こういう仕組みでさっくりとやってしまいたいですね。 Windows版アプリ Linux版アプリ Mac
4月はnode.jsを使い倒すという目標のもと、 node.jsをインストールしたら、さっそく個人的に大注目しているSocket.IOを 用いたリアルタイムWebの構築をしてみました。 今日はとっても定番と言われているチャットアプリです。 その環境構築から、実装内容までブログに書きたいと思います。 こんなサンプルアプリを作りました 機能としては、「http://localhost:8080/」にアクセスすると、Socket.IOのサーバーに接続されます。 メッセージ送信と名前送信をすることが出来ます。 メッセージ送信は、送った内容が自分も含め接続しているユーザー全員に送信されます。 名前送信は、自分以外の全ユーザーに送信されます。 以下が構成イメージです。 まずは導入から node.jsは導入済みの前提で、socket.ioのインストールを行います。 node.jsのインストールは(nod
Node.jsで簡単なHTTPサーバを作ってみた Posted by tatat on 2011/03/16 22:27 Categorized as JavaScript, Linux Tags Apache, CentOS, chkconfig, JavaScript, mod_proxy, Node.js, Shell Script Comments (0) とりあえずNode.jsのWebサーバでHello World.してみました。 80番ポートはApacheが使ってるので名前ベースのバーチャルホストでリバースプロキシして80番ポートでアクセスできるようにします。 環境 CentOS 5.5 (32bit) Apache HTTP Server 2.2.14 Apache mod_proxy Node.js 0.4.2 Node.jsでHTTPサーバを書く とりあえずサーバから見
先日、MeteorというJavaScriptベースのウェブプラットフォームが発表されました。(meteorは流星) そのコンセプトを見て、ビビッと来ましたので、ドキュメンテーションのコンセプト部分の訳をしてみました。 コンセプト 今まで私たちは単ページのJavaScriptアプリケーションのかなりの部分を手で書いてきました。アプリケーション全体を一つのデータフォーマット(JSON)を使って一つの言語(JavaScript)で書くことは本当に幸せです。そんなアプリを書く時欲しかったもの、それがMeteorです。 We've written our fair share of single-page JavaScript applications by hand. Writing an entire application in one language (JavaScript) with o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く