You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit(JIT)です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
【はじめに】 この記事は、@astronaughtsさん企画の「Titanium Advent Calendar 2011」向けに書いています。 @astronaughtsさんは、この企画もそうですけど、それ以外にも関西で最大規模のTitaniumイベントTi.Developers.meetingの主催者でもあります。最初はどうしようかと思うくらいしょぼかったw Ti.Devs.me、諦めずに開催を繰り返して大きなイベントに育て上げた@astronaughtsに、個人的今年のTitaniumMVPを送りたいです。 さて、そんなわけでTitaniumの話題を一つ。Titaniumでは、アプリ内でブラウザが開くwebViewという仕組みを使うことができます。 これを使うと、アプリ内でWEBページを見てもらうことができるので、Titanium以外でもよく使われている仕組みです。これ、意外と怖
JavaScriptはEcma Internationalと呼ばれる標準化団体によって言語仕様の標準化が行われています。最新バージョンは、2009年12月に策定されたECMAScript 5th Editon。これが昨年4月にISO/IEC 16262 3rd Editionとして国際標準にもなりました。その後、昨年の6月には修正版のECMAScript 5.1が公開されています。 現在のWebブラウザがJavaScriptの仕様として参照しているのが、このECMAScript仕様です。 そして次期版ECMAScriptとして、ECMAScript 6th EditionもしくはES.nextもしくはProject Harmonyなどと呼ばれる仕様策定作業が進行中です。2013年末の策定完了を予定しているようです。 それまでまだ2年ありますが、すでに次期版ECMAScriptに関する情報が
Moment.js - A lightweight javascript date library JavaScriptでの日付の処理が超便利になる「Moment.js」 以下にできることをまとめてみます 文字列からパースして日付オブジェクトを生成 UNIXのタイムスタンプから日付オブジェクトを生成 「Dec 25, 1995」みたいな文字列から日付オブジェクトを生成 日付オブジェクトに時間を簡単に を加算・減算 指定日時からの経過時間を取得 オブジェクトをベースにフォーマットして出力する moment(date).format("dddd, MMMM Do YYYY, h:mm:ss a"); phpにもdateという関数やstrtotimeという関数があったりしますが、そういう便利機能をJSでも使うことが出来るようなものです。 日付をヘビーに使うようなプロダクトで使えそうですね。 サイ
マーケットプレイスを良く見て行くと、様々なモジュールやテンプレート、デザインなどが揃っています。英語が分からない人でもスクリーンショットなどを見ればどんなものなのか分かるはずなので、是非じっくり回遊してみてください。 さて、Titanium Mobile用のモジュールを作るには、通常Objective-CやJavaで書く事になりますが、実はJavaScriptでもモジュールを作ることができます。実際、マーケットプレイスにJavaScriptで書かれたモジュールもいくつか見つかります。 これまで自分には無関係と思っていた人も、アイデア次第ではJavaScriptベースのモジュールで小遣い稼ぎができるかもしれませんよ〜! モジュールの一番の目的は、Titanium Mobileに足らない機能をモジュールによって拡張することです。しかし、それ以外にライブラリ的などのように、開発の効率化を図るため
「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を発表 ~最も支持されるJavaScriptの表現方法とは~ 株式会社アイ・エム・ジェイ(JASDAQ 4305)のグループ会社である株式会社IMJモバイル(本社:東京都目黒区 代表取締役社長:川合純一)は、「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を実施いたしました。 調査期間は2011年9月14日~9月15日、有効回答数は412名から得られました。 調査結果概要 スマートフォンの普及に伴い、インタラクション性が高いサイトが求められています。 スマートフォンサイトを構築する際の効果的な表現方法としてJavaScriptの活用がありますが、実際にJavaScriptを使った表現方法がユーザーに与える印象について実例を用いた調査を行いました。 調査の結果、シンプルにわかりやすい表現方法はユーザ
前の翻訳記事でも述べらているけど、やっぱりデザイナーもプログラミングはある程度書けたほうがいいと思う。んで、その言語はJavaScript! O’ReillyさんからJavaScriptを学ぶうえで役立つ本をまとめた電子書籍(JavaScript Bibliography)が公開されているのを教えてもらったのでAmazonリンクを張ってみるポスト。こう見てみると、翻訳されていないJS本いっぱいですね(気づいてないのもありそう…)。原書の方はKindle版も売ってますので、円高のアレもあるのでYOU買っちゃったらいいんじゃないの! JavaScript Bibliography - O’Reilly Media Beginning JavaScript
アナタ知ってたなら早く教えなさいよ! ども、世間が GW のピーク時に終焉を迎えた、僕です。 Titanium ネタが全然なくて、Ti.Developers.meeting までお預け感が否めなかったわけですが、なんかいろいろ触っているうちにちょっとしたことに気が付きました。 いつものように「フンフンフン♪鹿のフン♪」と鼻歌交じりにタイタンしてる時、コード修正の度にビルドするのがめんどくさくて「JavaScript のくせに・・・」とか、Titanium の仕組みを無視した感情が沸き起こってきたのです。まぁわかっていただけると思いますが、JavaScript ってもともとインタプリタ言語(※1)なんだから、いちいちビルドしなくても即時反映してくれたらいいのに!ってことなんですが、実は Titanium もちゃんとそーなっていました。一部のパターンを除いてですが・・・。 あ、そーそー。先に謝
あたし Web デザイナーだけど、制作期間実質 1 週間(コードだけなら 3 日)で iPhone カメラアプリを制作して、今日リリースまでこぎつけることができました。 単にネコミミ画像をオーバーレイして写真が撮れるだけのアプリだけど、Objective-C なにそれ?おいしいの?ってくらいのレベルでしかなかったデザイナーが、なにゆえ作れたか? Titanium Mobile! はい、ひとえにTitanium Mobile様々でございます。 思いおこせば、iPhone アプリ開発できたらカッコイイだろうなと思って Objective-C の本を何冊か買ったのが 1 年前。当然、全く分かることもなくすぐさま放置でした。それから iPhone アプリ開発の情熱は消えつつあったのですが、今年の 2 月に@astronaughts に「JavaScript で iPhone アプリ開発できる Ti
API なんて全部覚えられない えーっと、今年は絶対ロックフィッシュを攻めに行くと意気込んでいる、僕です。(釣りの話です) さてさてみなさん、Titanium の API って覚えてます?僕は全然覚えてないです(^o^)ノ まぁもちろんよく使う、Titanium.UI とかはある程度覚えてますけどね~。でもやっぱりちょこちょこリファレンスをカンニングしないとだめですね。そこで役に立つのがエディタのコード補完機能です。でも、もともと Titanium のコーディングをエディタが考慮していることはまずありません。Titanium studio は別ですが、まだ Titanium studio は使えたもんじry ということで、各種エディタでコード補完ができるようにする記事をまとめました。 Komodo Edit 僕も愛用の Komodo Edit です。最新は 6.1 です。メニューが日本語
このウェブサイトは販売用です! t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
Titanium mobile 盛り上がってきたー! ども。最近 Chrome Extension に浮気ぎみな僕です。 以前書いた記事がご好評をいただきましたので、また性懲りもなく まとめてみました。 はい、調子に乗ってすみませんです。 でもでも、あの記事以来自分でもいろいろ情報収集していたんですが、Titanium mobile 関連の記事がかなり 増えてきていて、盛り上がり方が尋常じゃない気がしたので 今回調子に乗りました。 で、いざまとめ始めるとボリュームが当初思ってたより多くなってしまいました・・・ 前回の分と重複していないはずですが、かぶってたらすんません。 あとおんなじブログの別記事も多いと思います。ご了承くらさい。 とりあえず必見のスライド @masuidrive さんのセミナーで使用されたスライドです。知っているスライドの中で一番有益な物だと思います。 Titani
はじめまして! 技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します! 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか? 「Google V8 JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ><」というヒトでも安心して始められるのでは
かれこれ2ヶ月くらい、ちまちまと作り続けていたのがようやく動くようになったかなーという状態になったので公開してみる。 http://www1216u.sakura.ne.jp/livecoder/ 公開停止しました 手元のMacでChrome, Safari, Firefoxでは動いていた。IEは知らない。 ソースはGithubに。 https://github.com/sugyan/live-coder 使い方 Twitterでsignin。 /edit のエディタ上でテキストを編集すると、 /view/ でリアルタイムに編集が反映される(こちらはread only)。 同じユーザのページを見ているユーザ同士でのテキストチャットが可能。 構成 Server node.js v0.4.1 ライブラリはnpmにて socket.io, express, ejs, oauth, configを
スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜しければご覧ください。[/note] サンプル ※Androidも動くらしいですが、僕が持っていないのでiPhone以外は動作確認していません。 サンプルにアクセスすると以下のような画面になります。 結構な数のサンプルが用意されているのですが、ここでは一部ご紹介したいと思います。 アコーディオン アコーディオンコンテンツです。タップで開閉します。 ページめくり ページめくりです。フリックすると本をめくるようなアニメーションエフェクトで次のコンテンツに進
Node.jsは普及しそうに無い: ニュースの社会科学的な裏側 http://anlyznews.blogspot.com/2011/02/nodejs.html という記事があったので、もしかしたらいい感じにNode.jsについてのよくある誤解がここに網羅されてるんじゃないかと思ってエントリを書きます。決して顔真っ赤にして反論してるわけじゃないよ! で、まず 理由は簡単で、Googleがリリースしたアプリケーション・サーバーであるnode.jsが、JavaScriptとその実行エンジンを基本とした構成となっており、その性能が高いからだ。 とありますが、Node.jsはGoogle製ではありません。Node.jsがベースとしているJavaScriptのV8エンジンはGoogle製(のオープンソース)ですが、Node.js自身はJoyentという会社のサポートによって作られています。メインコ
JavaScriptのスキルをステップアップさせていく中で必読なのがオライリージャパンからリリースされているJavaScript: The Good Parts ―「良いパーツ」によるベストプラクティスです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者: Douglas Crockford,水野貴明出版社/メーカー: オライリージャパン発売日: 2008/12/22メディア: 大型本購入: 94人 クリック: 1,643回この商品を含むブログ (190件) を見る もちろん必読といっている以上ぜひとも読んでいただきたいのですが、その中でも特にTitanium Mobileを触るためにJavaScriptはじめました!的な方に基本構文以外で知っておいて頂きたいこと*1をいくつかまとめたいと思います。 ちなみにprototypeチェーン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く