作ったもの

ここではサイト運営者が作成したものを公開したエントリ一覧を記載します。

下に行けばいくほど古くなります。このため、最新のものを見たい場合は、上のエントリを参照してください。エントリ内で使い方を説明しています。ファイルは、"ソース置き場"にあります。ソースも必ずありますので、必要ならば見てみてください。

・いつまでもWEBページを読むのをやめられない人に贈る2(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/10/web2chrome-c18a.html
・ベイジアンフィルターを移植してみた(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/09/chrome-2fd6.html
・Chrome拡張からGoogle Analyticsの月毎のブラウザバージョンシェアを取得してみる(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/08/chromegoogle-an.html
・NetApplicationsのブラウザバージョンシェアを取得する(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/08/netapplicatio-1.html
・Notificationを使ったイベント通知(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/08/notificationchr.html
・AmazonとGoogle Book Search APIを連携させてみる(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/07/amazongoogle-bo.html
・マウスオーバーでパラグラフの背景色を変えてみる(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/07/chrome-4cef.html
・関数電卓っぽいものを作ってみた(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/07/chrome-1e92.html
・Popup に名言を表示させる(Chrome拡張)～登録できます～
http://blogs.itmedia.co.jp/kichi/2010/06/popupchrome-ff2.html
・Google Font APIを使ってみる(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/05/google-font-api.html
・Google Tasksをダイアログで表示させてみた(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/05/google-taskschr.html
・Popup に名言を表示させる(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/05/new-tabchrome-9.html
・ブラウザシェアを予測してみた(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/05/chrome-6811.html
・Web Storageを使ってみた(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/05/web-storagechro.html
・Google AJAX Search APIをChrome拡張で使ってみる(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/04/google-ajax-sea.html
・ディスプレイの解像度の推移に関する考察(Chrome拡張でデータ取得)
http://blogs.itmedia.co.jp/kichi/2010/04/chrome-5e38.html
・Amazonのおすすめをただただ眺める～今度はリバースもするよ～(Chrome拡張)
http://blogs.itmedia.co.jp/kichi/2010/04/amazonchrome-ee.html
・いつまでもWEBページを読むのをやめられない人に贈る(Chrome Extensions)
http://blogs.itmedia.co.jp/kichi/2010/04/webchrome-exten.html
・Amazon のおすすめをただただ眺める(Chrome Extensions)
http://blogs.itmedia.co.jp/kichi/2010/03/chrome-extensio.html
・グラフを勝手に入れてみる(Chrome Extensions)
http://blogs.itmedia.co.jp/kichi/2010/03/chrome-extensio.html
・オルタナティブブログに勝手に検索窓をつけてみた2(Chrome Extenions)
・オルタナティブブログに勝手に検索窓をつけてみた(Chrome Extenions)
・Net Applicationsのブラウザバージョンシェア情報取得してみた(Chrome Extensions)
・ITmedia のニュース記事の関連キーワードのリンクを本文中に埋め込んでみる(Chromeの拡張機能で実現)
・ChromeがGreasemonkeyをネイティブでサポートするというので試してみた
・オルタナティブブログの新着エントリーを20から100に増やしてみた(Chromeの拡張機能で実現)
・NetApplicationsのブラウザシェア調査結果をChromeの拡張機能を使ってを取得する

【読むこと】
http://cou929.nu/data/google_javascript_style_guide/

【リンク】
Google Chrome Extensions
http://code.google.com/chrome/extensions/

【Chromeの起動】
--allow-file-access-from-files

【作りたいものリスト】
・gdata apiを使ったサンプル（一般）
・Google Ajax Search APIをダイアログで表示して検索窓を作成する（一般）
・グラフ貼付け（円グラフ追加、棒グラフ追加、データの縦横設定）（一般）
・Amazonのおすすめを眺めるだけでスクロースする（一般）
・時間がきたら強制的にブラウザを落とす（一般）
・検索しようとするとフレームを使って画面の数割を検索ページする（一般）
・日付をイベントアイコンに変換（Googleカレンダーのイベントアイコン化）（一般）
・リンクをクリックするダイアログが表示されて飛び先の簡易内容が表示される（一般）
・NetApplicationsのブラウザバージョンシェアをデータをマージさせる（一般？）
・Javascriptソースを見やすくする（一般）

【デバッグ】
chrome-extension://extensionId/popup.html

ChromeにてローカルファイルのJavaScriptのデバッグをする際は，ドメインの制限に注意が必要です。Chrome 6ではローカルファイルを別ドメインのファイルとして扱うため，XMLHttpRequestなどのクロスドメイン制約に引っかかってしまいます。それを回避する方法として，allow-file-access-from-filesという起動オプションがあります。

http://gihyo.jp/dev/feature/01/devtools/0004

【参考になるところ】
http://groups.google.co.jp/group/chromium-extensions-japan

【Chrome Extensions Popup系デバッグ】
chrome-extension://extensionId/popup.html

【localStorage】
localStorage.setItem( "amazon_recommend_scroll_flag", "false" );

var amazonrecommendscrollflag = localStorage.getItem("amazon_recommend_scroll_flag" );

【作りたいものに関して勉強が必要なページ】

http://code.google.com/intl/ja/more/
http://www.tohoho-web.com/js/dom.htm

http://code.google.com/intl/ja/apis/ajaxsearch/documentation/#fonje

http://code.google.com/chrome/extensions/

http://dev.screw-axis.com/doc/chrome_extensions/guide/content_script/

クリップボードにコピーできるっぽいが、まだdevらしい。
http://code.google.com/chrome/extensions/dev/experimental.clipboard.html

【いろいろ】
JSON.parse:テキストをJSONにする
JSON.stringify:JSONをテキストにする

objを表示
console.dir

垂直：Vertical
水平：Horizontal

【DOM】
insertBefore
var iframeelm = document.createElement("iframe");
iframeelm.setAttribute("src", "https://mail.google.com/tasks/canvas");
var body =document.body;
body.appendChild(iframeelm);
element.setAttribute("rel", "hoge");
setTimeout
var element=document.getElementById("test")
element.removeChild(element.childNodes.item(0));
var body =document.body;
body.style.opacity=0.5;

var textObj = document.createTextNode("DOM Sample");

var elements = document.getElementsByTagName("input");

var childnodecount = element.childNodes.length;
element.removeChild(element.firstChild);

cancelbutton.style.visibility = "hidden";

連想配列のキーの取り出し方

for (var keyString in myObj) {

　　alert( myObj[keyString] );

}          

【DOMのTips】
var tbl = document.getElementById("**");
tbl.tHead.rows[0].cellsで取れる
tbl.tBodies[0].rows[0].cellsでも取れる。

【Extensions Tips】
var imgURL = chrome.extension.getURL("images/myimage.png");

【Javascript】
var now = new Date();
ms = date.getTime();
Math.LOG10E*Math.log()
var min = 100 % 60;

var str = myArray[0] ;

addEventListenerでデータを渡す場合は、id等にデータを埋め込んで
e.target.idなどでデータを取得する。

document.addEventListener(
'keypress',
function(event) {
    var key = String.fromCharCode(event.charCode);
    if(key == '@'){
    }
    if(key == '!'){

},
false
);

event(ちょっと違うけど)
http://w3g.jp/xhtml/dic/event

var body = document.body;
body.style.opacity = 0.5;

document.referrer

setTimeout("message()", 2000);

document.createTextNode(enw.document.body.innerHTML);

Math.srrt

【Javascript】

切捨て　Math.floor(2.9999);

【jQuery UIを使用するためのチップス】
CSS内の画像の場所が違うため、以下の様に変更してから使うように。

var ss = document.styleSheets;
var imgURL = chrome.extension.getURL("images/ui-bg_diagonals-thick_18_b81900_40x40.png");
var temp = imgURL.split(/\//);
var temlulr = temp[0] + "//" + temp[2]+"/";

var urltemp;
var urltemp2;
for ( var i =0 ; i < ss.length ; i++ ){
    if ( ss[i].href == null ){
      for ( var j = 0 ; j < ss[i].rules.length ; j++ ){
        if ( ss[i].rules[j].style["background-image"] != undefined ) {
          urltemp = ss[i].rules[j].style["background-image"].split(/\//);
          urltemp2 = "url("+temlulr+"/"+urltemp[urltemp.length-2] + "/" + urltemp[urltemp.length-1];
          ss[i].rules[j].style["background-image"] = urltemp2;
        }
      }
      break;
    }
}

http://jqueryui.com/home

【そのほか】
http://code.google.com/intl/ja/apis/chart/docs/gallery/line_charts.html#axis_type

【フリーアイコン集】
http://commons.wikimedia.org/wiki/Crystal_Clear

【さいどうぃき】
http://code.google.com/intl/ja/apis/sidewiki/docs/2.0/developers_guide_js.html

【勉強になった】
http://d.hatena.ne.jp/umezo/20091121/1258819422

【Windows PowerShellでAlt+PrtScを打つ方法】
かなりためになりました。公開していただいた方ありがとう！
http://www.vector.co.jp/soft/dl/winnt/art/se434913.html

【勉強すること】
http://blog.tomatomax.net/archives/2696

サブページ (15): AppScriptTestpage Canvas関係 Google Apps Script系 Google Calenderにタスクを登録する Javascript覚書 Javascrit関係 SVG関係 SVG関係 WebGL Windows PowerShell関係ガントチャートＰＪゲームとかタスク管理ツールを作ってみる二人零和有限確定完全情報ゲームを作ってみる勉強用

sakurakichi

ナビゲーション

最近の更新履歴

リスト

作ったもの

コメント

sakurakichi	このサイトを検索