Androidアプリをブラウザだけで作成可能、新しい開発ツールが続々
アシアルは、Webブラウザ上でAndroidアプリを作成できるサービス「Monaca」を2011年7月25日に開始した。米Appcelerator社は、LinuxやWindowsで動く開発ツールの新版をリリースし、アプリのバグ修正を容易にした。どちらも無償なので、まずは試してみよう。 JavaScriptを使って、Androidアプリケーションを手軽に開発できるツールが充実してきた。 アシアルは、Webブラウザ上でアプリケーションを作成できるサービス「Monaca（ベータ版）」を7月25日に開始した。Monacaは、ほとんどの機能を無償で提供する。7月18日には米Appcelerator社が、LinuxやWindowsで使える開発ツールの新版「Titanium Studio 1.0.2」をリリースした。新版では、アプリケーションのバグを容易に修正できるデバッグ機能を無償で提供するようになっ
Twitter、Webアプリ開発ツール「Bootstrap」を公開
米Twitterは8月19日（現地時間）、CSSを使ってWebアプリのフロントエンドを開発できるツール「Bootstrap」をリリースしたと発表した。Apache License, Version 2.0の下、Githubで公開されている。 Bootstrapは、Twitter内部の開発者がサービス開発で不統一なライブラリを利用することで生じていた問題を解決する目的で立ち上げられた。数カ月にわたる改良の後、今回一般に向けて安定版を公開したという。 同ツールはCSSとHTMLの最新のブラウザ技術を利用しており、文字フォント、フォーム、ボタン、表組みやナビゲーションなどを簡単に作成できるとしている。 Twitterは人気アプリの機能を公式ツールに取り込むなどでサードパーティーから批判を浴びたことがあり、最近は開発者サイトの設置や画像アップロードAPIの提供などでサードパーティーとの関係改善に取
はじめての mixi アプリ - IT戦記
IE ではたぶん動きません。 友達一覧取得 <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="simple mixi Appli"> <Require feature="opensocial-0.8"/> </ModulePrefs> <Content type="html"> <
Chrome ExtensionsでUstreamを表示してみる – Shift×Style×Blog
ActionScriptのTipsやFlashで制作されているサイトの紹介など、やってみた系、試してみた系など、多くのFlashに関することを紹介していくサイトChrome ExtensionsでUstreamを表示してみる 2010 年 4 月 24 日 さ、というわけでこの間から大阪てら子で発表したGoogle ChromeのExtensionsのエントリーが続いていますが今回もGoogle ChromeのExtensionsのお話です。 あとこのエントリーすごく長いです。 ワタシFlash屋さんなんですが、最近Flashのエントリー全然書いてないですね。 orz < Flashさせてください 今回はChrome ExtensionsでUstreamを楽しむお話 でまぁとりあえずUstreamを引っ張ってくるswfを作成するところが一番の肝です。 ちゅーわけで、こことかこことか参考
Chrome Extentionで高機能なデスクトップ通知を作る - TechTalkManiacs
ふと思いついたことがあって、Chrome Extentionを作っています。某所に対してごにょごにょしてデスクトップ通知をするのですが、単なる通知ではさびしいですし、なにより不便です。Opera標準のRSSリーダーのようなクリックしたらリンク先に飛ぶなどのリアクションがあるデスクトップ通知が欲しいのですが、意外とこのあたりの情報がまとまっていなくて苦労しましたのでまとめておきます。 デスクトップ通知する よく知られているようにChrome ExtentionはHTML+JavaScript+CSSでChromeの拡張が作れる仕組みです。 まず、Manifest Fileと呼ばれるJSON形式のファイルがあり、ここに記述された挙動やファイル構成を元に動作します。 デスクトップ通知を行うにも、まず使用者からデスクトップ通知をしてもいいよ、という許可をもらう必要がありますので、このファイルに許可
Google Chrome Extensions クリックイベントで新しいタブを開く
RSSリーダーを作成中。 Google Chrome Extensions でRSSリーダーを作成する ・・・といっても、ひとつのサイトしか見れないですが。 RSSデータを取得して表示するところまではうまくいったのですが、 リンクをクリックしても反応がないです。 リンクがクリックされたとき、新しくタブを開きblogを表示するようにしてみます。 manifest.json 新しくタブを作成するには、 「chrome.tabs.create」 というメソッドを使用します。 拡張機能の考え方として、基本的に全ての機能はDeny。 使用したい機能があればmanifest.jsonにAllowの設定を入れる。 という方針のようで、初期状態ではこのメソッドは使用できません。 manifest.jsonのpermissionsに"tabs"という記載を追加して、 chrome.tabs.createが使
Google Chrome Extensions でRSSリーダーを作成する
Chromeの拡張機能の作り方を調べてみました。 Google Chrome Extensions (拡張機能)の作り方 ・・・まあ、サンプルを写経しただけですが。 このblogのRSSデータを取得し、ポップアップで取得する拡張機能を作成してみます。 取得するデータ 最初、RSSのURLは http://symfoware.blog68.fc2.com/?xml これだと思っていたのですが、強制的に以下のURLに転送されてしまいます。 http://feeds.fc2.com/fc2/xml?host=symfoware.blog68&format=xml" 拡張機能の設定ファイルで、アクセス可能なURLを指定しますが、 http://symfoware.blog68.fc2.com このURLだけ指定していると、プログラムが動いてくれずはまりました・・・ 取得したRSSのデータを加工して
Chrome拡張開発入門の次に読む記事…？ - なんとなく開発日記(仮)
注：未完結の記事です。「これはどうやって実装するの！？」というリクエスト、お待ちしています。 この記事では、主に、「Chrome拡張開発してみたい！とりあえずHelloWorldはできたよ！でも、こういう動作をさせる方法がわからない！！」という方を対象にしています。 ※HelloWorldまでの習得は、こちらのサイトが大変わかりやすいと思います。 ほかのサイトで詳しく解説されていることに関しては、そのサイトに丸投げしてしまっています。すみません…。 分からない関数等がありましたら、こちらで調べてみてください。 もくじ 1.選択したテキストを取得する。 ポップアップから、選択部分を取得するここは僕も非常に苦戦しました。ポップアップから window.getSelection().toString(); を実行しても、返ってくるのは「ポップアップ内での選択部分」で、表示しているページの選択部分
YouTube - HTML5 を用いた Google Chrome エクステンション開発: Google DevFest 2010 Japan
Google DevFest 2010 Japan セッション： Extensions5: HTML5 を用いた高度な Google Chrome エクステンション開発 スピーカ： ブライアン・ケニス Google Chrome エクステンション開発のための高度なテクニックをいくつか学びましょう。このセッションではエクステンション間の通信、効率的なコンテンツ挿入、 HTML5 を使ったテクニックなどを扱います。 詳しい情報は Google DevFest 2010 Japan のサイトをご覧ください。 http://sites.google.com/site/devfest2010japan/programme
chrome extensionでwebページの書き換え : 研究開発
総合研究大学院大学 複合科学研究科 情報学専攻 卒 博士（情報学） 自然言語処理や機械学習、データ分析に関する研究内容とwebシステムの開発と運用について書いています。 シリコンバレーベンチャーみたいに深い技術の事業化をしたいと思っています。 ご興味ある方はご連絡ください。 content_scriptsのjavascriptでなら閲覧中のwebページを書き換えられます。 ○webページのhtmlソースの全体置換は document.body.innerHTML = document.body.innerHTML.replace( ); これでも出来ますが こういうことをやるとタグも破壊します タグなどは要らず、テキストノードだけ選択的に編集したいのです。 ノードがテキストノードであることをチェックするには if (node.nodeType === 3) { } ....もちろん i
橋本商会 » chrome extensionの作り方+クロスドメインXMLHTTPリクエストのやり方
こないだ箱根合宿で学んだ。 単にchrome拡張を作ってみたかったというのと、chromeではgreasemonkeyが実行できるけど、Firefoxと違ってGM_xmlhttpRequestが無いのでクロスドメイン通信ができないのでなんとなくやってみたかった。 自分の見ているページの履歴を全部自分のサーバーに送って保存したい。 まずos0xさんのChrome拡張入門のスライドが勉強になる。 とくに 拡張コンテキスト、コンテントコンテキスト、ページコンテキストの3つのコンテキストが存在し、それぞれは完全に分かれているので、お互いが干渉してしまうことはない。さらに、拡張同士も独立したコンテキストで実行される。 拡張コンテキストはタブ操作やクロスドメイン通信などの特権を実行でき、コンテントコンテキストと通信したり、スクリプトを実行したりといったことができます。 コンテントコンテキスト(Cont
簡単なGoogle Chromeの拡張を作ってみる その1（Simple Clock） : トラねこblog
2009年11月19日10:15 カテゴリ 簡単なGoogle Chromeの拡張を作ってみる その1（Simple Clock） こんにちは。藤田です。 普段メインで使うブラウザはFirefoxだったのですが、しばらく前からGoogle Chromeをメインで使うようになりました。高速な動作や起動の速さに加え、開発版で拡張機能（Extensions)が使えるようになったのが大きいです。MacやUbuntuのマシンにも入れていますが、Windowsと同じように十分実用的に使えます。 既に便利な拡張もいくつも作られていますが、やはりFirefoxに比べるとまだまだ足りません。 足りないものは自分で作ってしまえるようになろう！ということで、まずは簡単な拡張を作ることで作り方を覚えることにします。 Chromeの拡張はHTMLとJavaScriptで作りますので、HTMLやJavaScriptの
はじめてのGoogle Chrome Extension
はじめてのGoogle Chrome Extension Google Chrome Extensionを作成したので、Google Chrome Extensionの作成方法について解説したいと思います。 今回作成したのは、ページがRSSを配信している場合はアドレスバーの右側にRSSアイコンを表示して、アイコンをクリックするとFastladderの登録ページに移動するというもの。ちょっとしたカスタマイズでお使いのRSSリーダー用に改造できる思います。 非常にざっくりとした解説ですが、一連のフローはわかると思います。また、Chromeの各種APIはChrome Extensions API リファレンスを参考にしてください。 最初の準備 まずは、Google Chrome のメニューにあるレンチアイコン→Tools→拡張機能 から拡張機能管理を開きます。 拡張機能管理の右上にある『デベロッ
[JS]jQueryのプラグインを開発するためのテンプレート -jQuery Boilerplate
jQuery Boilerplate [ad#ad-2] jQuery BoilerplateはjQueryのドキュメント「Plugins/Authoring」から、より良いパフォーマンスとメモリ使用を提供することを目標として開発したとのことです。 jQuery Boilerplate (stripped version) jQueryのプラグインのテンプレート(stripped version)です。 ※2011年7月26日現在のものです。 (function($) { $.pluginName = function(element, options) { var defaults = { foo: 'bar', onFoo: function() {} } var plugin = this; plugin.settings = {} var $element = $(element)
Androidゲーム開発をまじめにやってみたまとめ - shimobayashiの日記
ゴールデンウィークから作り始め、1週間くらい前にようやく"鉄Qプリンセス"(https://market.android.com/details?id=name.shimobayashi.tekkyu)をリリースすることができました。大体2週間でゲーム製作に飽きる自分としてはかなりの長丁場になったのですが、その分色々と得られるものはあったので適当にメモしておこうと思います。個人ゲーム製作に興味がある方はどうぞ。 基本的なゲームプログラミングに関する話題は、Androidゲーム開発入門、私が2Dアクションゲームをつくるまでに蓄積されたTips - shimobayashiの日記http://d.hatena.ne.jp/shimobayashi/20110410/1302442681に以前にまとめているので、非技術的な話題が中心になるのかな。 Androidの音周りは本当にクソメディアの音量
続・先取り！ Google Chrome Extensions 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
第1回 Google Chrome Extensionsとは | gihyo.jp
この記事で取り上げているAPIは現在と使い方が異なっていたり、使用できなくなったものを含んでいます。 特にToolstrips APIは最新のChromeでは使用できなくなっています。詳しくは『続・先取り！ Google Chrome Extensions』をご覧ください。 はじめまして。株式会社ALBERTの太田と申します。Google Chromeのベータ版公開から早1年が経ち、開発版には待望の Extensions が実装されています。今回から4回にわたって、この Extensions の導入や開発手順について、解説させていただきます。 Google Chromeの開発版とExtensions Google Chrome には3つのバージョンがあります。一般ユーザー向けの正式リリースであるstable版、テスター向けのbeta版、開発者向けのdev版の3つです。 さらに、Chromi
Webシステム開発に便利な7つのツール
Webシステム開発で使っている便利なツールをあげてみました。 あらためて社内の開発環境を見直す機会があったので、使っているツールを並べてみました。こうして見ると色々なツールを使って開発をしていますね。わりと定番系なものが多いですが、良かったら参考にどうぞ。 1. Apache / PostgreSQL / PHP Mac OS X に MacPorts でインストールしたApache / PostgreSQL / PHP 環境を使って開発をしています。 PHPは5.3、PostgreSQLは8.4 or 9.0です。 ただ旧バージョンのPHPを使ったり、Linux でなければ動かないモジュールを使うこともあるので、その際は社内のCentOSサーバにSSHで入って開発したりもします。 Vimを使ってるので、SSHで入ればどのサーバでも開発できるのは利点ですね。 Mac を使い出して、しばらく
リファレンス ガイド: Data API プロトコル - YouTube の API とツール
概要 このドキュメントは、YouTube とやり取りするクライアント アプリケーションを作成するプログラマを対象としています。このドキュメントでは、デベロッパー ガイド: Data API プロトコルの内容と Java や PHP のデベロッパー用の言語固有のガイドの内容を補足します。 このドキュメントでは、YouTube Data API を使用して取得できるさまざまなタイプのフィードを順に説明します。異なるフィード間を移動する方法を説明する図も示します。たとえば、ユーザーの再生リスト フィードに、個々の再生リストとユーザー プロフィールのようなデータを参照する URL が含まれていることを図で示します。これらの図により、あるフィードから別のフィードに移動する方法がわかります。最後に、このドキュメントでは、YouTube Data API リクエストに使用するパラメータと、API レスポ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome拡張入門