Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー
Titanium Mobile は JavaScript で iPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3)：Web技術でネイティブアプリを作れるTitanium（2） - ＠IT などに解説があります。 少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリは こんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり･･･という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の
JavaScript whileループとPot.Deferred.forEverイテレータでCPU使用率を比較-Pot.js+PotLite.jsリリースノート | 圧縮電子精神音楽浮遊構造体
2012年2月11日土曜日 JavaScript whileループとPot.Deferred.forEverイテレータでCPU使用率を比較-Pot.js+PotLite.jsリリースノート Pot.js 1.13 と PotLite.js 1.30 リリースしました。 Pot.js 1.13 と PotLite.js 1.30 では、主に内部ループ処理を大幅に高速化しました。 (そろそろ ChangeLog 作らないとまずいかも…) あとは、変数宣言とか 例の (function(){}()) とか (結局直してる) 細かい修正などです。 先日、Hacker News や Echo JS で Pot.js が紹介されました (ありがとうございます)。 でもアクセスが今までの 1000 倍くらいになって、すごいことになってちょっとビビった。 (API サーバのほうは適当に調節し
[JS]多彩なアニメーションが実装できる2.3KBの超軽量スクリプト -jsMorph
Tutorial demos さまざまな基本となるアニメーションのユニット集。 [ad#ad-2] jsMorphの実装 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elements or elementCollection that are rendered Object prop, // css properties of end position [Object params], // parameters that influence the motion (dur
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その2 | Takazudo Clipping*
自分なんぞがオブジェクト指向とはなんぞと語るなんておこがましく、「オブジェクトっぽい話」でいいかなーと思っていたのですが、ブックマークするときに「オブジェクト」でタグ付けてる人がいたので、これはいかんと思い、こっそりタイトルを直しました。 2回目の今回は、複数のインスタンスをまとめて操作する方法について書きます。 まんじゅうマネージャー 前回、クラス作ってインスタンスを作ると便利だというところで終わりましたが、便利な点としてはまず、「複数のインスタンスをまとめて操作したり、作ったりできることができる」という点があります。どういうことかというと、とりあえず、以下のサンプルを見てみてください。 まんじゅうマネージャーサンプル まんじゅうを一気に作ったり、隠したりすることができます。 これで賞味期限が切れたりしても大丈夫なはずです。 この機能を作れと言われたら、前回の知識だけは結構厳しいのではな
Tumblr Thumbnails | Tumblrのサムネイルを作成するサービス
What is Tumblr Thumbnails? - これは何？ このサービスはTumblrにphotoタイプでPostされたエントリをサムネイル表示させるためのスクリプトを提供するサービスです。貼り付け用コードをカスタマイズすることで日付やタグなどで絞り込んだサムネイルも表示することが出来ます。 How to use? - 使い方 <head>部分に次のコードを記述します。 <script type="text/javascript" src="http://th.umbls.com/js/th.umbls.js"></script> サムネイルを表示させたい場所に次のコードを記述します。 <script type="text/javascript" src="http://api.umbls.com/thumbnails/get?user=ユーザー名"></script> オプショ
読み込み失敗した画像だけリロードするナイスコマンド - 地獄のネコブログ
重いサイトを開いてたときに、不便したので作った。 本当は、読込に失敗したフレームも再読込したかったんだけど、 やり方が分からなかったので画像のみです。 これは地味に便利かも。 ニコニコ動画とか、サムネが表示されないこと多いからなぁ。 ちなみに、 commands.removeUserCommand("reloadimage"); commands.addUserCommand(["reloadimage"],"reload images",obj.reload); この2行は commands.addUserCommand(["reloadimage"],"reload images",obj.reload,true); と、最後に true を指定してやることでも実現できます。 さて、このコマンドをどのようにマッピングするか悩むとしよう。 yetmappings.js どのマッピングがあ
OpenSocial - Google Code
å©ç¨æ¹æ³ ã¹ã¿ã¼ã ã¬ã¤ãã«ç®ãéãã¾ãã ããããã®ãã㪠ãã®ä»ã®ãã㪠>> Google Developer Day 2008 Japan ã»ãã·ã§ã³ãOpenSocialã ã½ã¼ã·ã£ã« ãµã¤ãã¸ã®ãã¬ã³ã å人ãååã¨ã®ã³ãã¥ãã±ã¼ã·ã§ã³ãæ軽ã«è¡ããã¢ããªã±ã¼ã·ã§ã³ãããã°ãã¦ã§ãã®é åã¯ããã«é«ã¾ãã¾ããããããã¢ããªã±ã
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
firefox用スクリプトアップローダー - uploader.jp
このアップローダーは、uploader.jp の無料アップローダーレンタルサービスによって作成されています。簡単な無料会員登録を行っていただくだけで、スマートフォン対応の便利なアップローダーを無料でレンタルできます。費用は一切かかりませんので、この機会にぜひお試しください。 必ず利用規約をご確認いただき、同意の上でご利用ください。同意されない場合は、誠に申し訳ありませんが、サービスの提供を続行することができませんので速やかに操作を中止してください。このアップローダーについて、ご質問などがありましたら、メールフォームよりご連絡ください。アップローダーの管理人が対応します。一週間以内に対応が確認できない場合は、こちらからご連絡ください。
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
JavaScriptのメモリリークを検出するFirefox拡張「Leak Monitor」:phpspot開発日誌
Leak Monitor :: Mozilla Add-ons :: Add Features to Mozilla Software JavaScriptのメモリリークを検出するFirefox拡張。 Firefox用のメモリリーク検出用機能拡張である、Leak Monitorをインストールするといろんなところでメモリリークが起きていることが検出できます。 script.aculo.us でさえ、prototype.js の影響によって次のようなメモリリークが出てしまう模様。 JavaScriptの場合、マニュアルなどが整備されておらず、ブラウザごとに仕様が違うため、 何を対策すべきか、といったことがよく分からなかったりしますが、この拡張があれば、少なくともFirefoxの場合においてはメモリリークを防げそうですね。 関連エントリ WebデザイナーのためのFirefoxエクステンション20
「iPod touch」で使える！ ブックマークレット大辞典 (1/7)
「Mail」や「Googleマップ」に対応した新ファームウェアが発表され、ますます便利になった「iPod touch」。そのiPod touchのウェブブラウザーである「Safari」は、指で画面を操作して直感的にウェブブラウズできる一方で、文字列検索ができないなど不便な点もある。そこで注目したいのが「ブックマークレット」だ。 ブックマークレットとは、JavaScriptで記述されたプログラムのこと。ブックマークから呼び出して実行し、文字列検索やウェブ検索といった処理を行なってくれる。今回、筆者が愛用している、とっておきのブックマークレットを紹介するのでぜひ活用してほしい。 なお、すべてのブックマークレットは、ファームウエアがバージョン1.1.3のiPod touchでテストして、動作したものになる。ブックマークレットが動作しない場合は、ブックマークレットのURLが正しいかどうか、「設定」
Illustratorの作業を自動化して効率化でき、今すぐ役立つ便利なスクリプトいろいろ - GIGAZINE
Adobe Illustratorは確かに便利なすばらしいソフトですが、機能が豊富であるがゆえに操作が複雑になっており、単純作業を繰り返していると死にたくなってきます。人間はもっとクリエイティブな方に集中すればいいのであり、プログラムに自動でやらせた方がいいことは自動でやらせましょう。そんなときに便利なのが、さまざまな作業を自動でしてくれる「スクリプト」、というわけ。 今回はそんな作業にいつか役立つ、知っていればそのうち使うであろうスクリプトを揃えてみました。 Illustratorの作業を自動化する便利なスクリプトは以下から。 10 Free and Extremely Useful Illustrator Scripts | Vectips すべてのパスを閉じる/すべての選択したパスを閉じる「Close All Paths / Close All Selected Paths」 テキス
ページ中の3の倍数と3のつく数字をアホにするブックマークレット - F.Ko-Jiの「一秒後は未来」
世界のナベアツをJavaScriptでやってみる。ページ中にある「3の倍数」と「3のつく数字」をアホにするブックマークレットをつくってみました。 以下のリンクを右クリックでお気に入りに保存して、好きなページで実行。 世界のナベアツ ブックマークレット (←お気に入りに保存) もしくは、以下の内容を直接ブラウザのアドレスバーにコピー＆ペーストしてEnter。 javascript:(function(){var%20s=document.createElement(‘script’);s.charset=’UTF-8′;s.src=’http://fkoji.com/js/bookmarklet/nabeatsu.js’;document.body.appendChild(s)}()) テスト用ページはこちらに。 » 世界のナベアツ テスト用ページ (3の倍数と3のつく数字をアホにする) は
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」:phpspot開発日誌
Flexigrid 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」。 カラムのソート、ページング、項目のフィルタリングが可能なグリッドＵＩ。 jQueryベースで、18KBで使えます。 単純なグリッドＵＩ ソート機能やページング機能を搭載したグリッド jQueryをメインで使っていて、手軽にこうしたエクセル風ＵＩを実装したい場合に使えそうです。 関連エントリ リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」 Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント AjaxベースのPHPを使ったグリッドコンポーネント Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント 高機能なJavascriptツリーグリッドコンポーネント
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使える、各種の補助ツールです。(CS3・CS4でもだいたい使えます(確認中・対応予定)) なにぶんフリーウェアなので、「ものすごく便利！」というほどではありませんが、ちょっとだけ、かゆいところに手がとどく感じで、便利だと思います。 他のいろいろなサイトで配布されているIllustrator用プラグインやツールと同じように、ダウンロードしたスクリプトのファイルを特定のフォルダに入れるだけで、機能のひとつとしてメニューから使えるようになります。ぜひ、作業の効率化・
Lifehacker：Firefoxアドオンの作り方 - ITmedia Biz.ID
多少のプログラミング経験があれば、Firefoxアドオンを作るのはそんなに難しくない。自作アドオンを作るためのハウツーを紹介する。 ここで自家製Firefoxアドオンをリリースし始めて以来、何人ものユーザーから「Firefoxアドオンを作るのは難しいの？」という問い合わせを受けた。多少プログラミングの経験がある人なら、その答えは「そんなに難しくない」だ。 Firefoxアドオンの中身はJavascript――ブックマークレットや従来のWebページで使われている、あまりミステリアスではない言語――とXUL（「ズール」と発音する）というマークアップ言語だ。独自のアドオンを作るには、ある程度のJavascriptのノウハウとXMLファイルの快適な編集、それからお気に入りのブラウザを思いのままにすることへの健全な好奇心が必要だ。 わたしがWeb上のフリーチュートリアルを使ってFirefoxアドオン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まるさんかくしかく Tech学習と入門ログ
