サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
iPhone 16e
a-h.panepon.com
ファイル選択をしたら自動的にajaxでアップロードする機能をつくっていたのだけど、やっぱりIE対応でつまづいた。いちおうIE8対応を目指した。 ajax送信は、このライブラリを使用。 jQuery Form Plugin http://malsup.com/jquery/form/ そのままだとIEで動かない。 596行目のfinallyがIEではエラーになるので、コメントアウト。 次、ファイル選択で自動アップロードしたかったので、jQueryのchangeイベントで処理を書いたが発火してくれない。 jQueryのchangeイベントで気をつけること http://d.hatena.ne.jp/sho-yamasaki/20120319/1332168988 onchangeならうまくいくらしい。 あと、ファイル選択部分を以下をつかって整えた。 JavaScript · Jasny Boo
Google AppEngineで、Python2.5から2.7にアプリをコンバートする時に、テンプレートエンジンがDjangoからJinja2に変更になった。 Migrating to Python 2.7 https://developers.google.com/appengine/docs/python/python25/migrate27?hl=ja その時に、従来のdjango用テンプレートを、Jinja2用に書き直すのにわかりやすいドキュメントがなくて、いろいろ苦労したので、JangoフィルタのJinjaへの変換対照表をメモっておく。 誰かの役に立てば幸い。 テンプレートの継承 {{ block.super }} ↓ {{ super() }} 日付 {{ recipe.date|date:"Y/m/d" }} ↓ {{ recipe.date|datetimeformat(
久しぶりのブログ更新です。ちょっとした小ネタですが、クライアントサイドJavaScriptのエラー捕捉して、analyticsにイベントとして記録する方法です。 サーバーサイドのエラーは残っているのですが、クライアントサイドのエラーがわからない。そういえば、過去にそんなサービスを見たことあったなー、と思って調べてみました。 クライアントサイドJavaScriptのエラー捕捉をするプロキシサービスProxinohttp://jp.techcrunch.com/archives/20110822yc-funded-proxino-automated-error-reporting-for-your-client-side-javascript/ 現在は、月額$10になってるようですが、それでも高い・・・。 最速インターフェース研究会 :: JavaScriptでDebugScreenを表示する
最近、まわりでCoffeeScriptがすごいという声が。 CoffeeScriptって？ Javascriptを洗練させてPythonやRubyライクな文法で書ける言語。 コンパイルするとクロスブラウザでJS Lintも通るJavascriptになるというもの。 某WebベースのTwitterクライアントも、JS部分はこれで書いてるとか。 CoffeeScript - sappari wiki https://sites.google.com/site/sappariwiki/coffeescript CoffeeScriptについては、日本語だと、ここがよくまとまってます。 さっそく、CoffeeScritptを入れて、Titaniumの最初のコード(プロジェクトを新規作成するとできるやつ)をCoffeeScriptで書きなおしました。 https://gist.github.com/
そろそろiPhoneアプリに手を出そうということで、最近、話題になっているTitaniumを使って、JavascriptでiPhoneアプリを作ってみています。 titanium-mobile-doc-ja - Project Hosting on Google http://code.google.com/p/titanium-mobile-doc-ja/ 日本のTitaniumの情報はここが詳しい。 http://tidocs.com/mobile/latest/ リファレンスは↑が公式より探しやすくてGood ただ、しばらく開発してみると、毎回Titanium Developerからビルドするのが面倒。 JS開発におけるオートリロードみたいな方法はないものか？ TitaniumのコードをGUIなしでエディタからすばやくbuildする - はこべにっき http://d.hatena.
Twitterの「おすすめユーザー」がうっとおしいので消したいという話があったので、Google Chrome限定ですが、簡単なスクリプトを書いてみました。 hide_recommended_users.user.js Google Chrome で↑のリンクをクリックすると ↑のような表示がでるので続行を押して、インストールを選んでください。 この機能を解除するには、Chromeの拡張機能管理画面でアンインストールしてください。 簡単につくったので、「おすすめユーザー」が最初一瞬表示されてしまいますが、ご容赦を。
久しぶりの更新です。 FirefoxからChromeに移行する際に、ネックだったのが、FireBugがないことと、RakuCopyやCopyUrl+に相当するページのタイトルとURLをクリップボードにコピーしてくれる機能拡張が見当たらないことでした。 そこで、他の機能拡張を参考にしながら簡単なものを作って、しばらく使っていました。普通に使えてるので公開することにしました。 One Key Copy - Google Chrome extension gallery https://chrome.google.com/extensions/detail/pjbanhcnijokhfehelpnnfofgfjkbeml CキーでページのタイトルとURLをクリップボードにコピーします。 キーは固定です。コピーするとページの右上にcopiedと表示がでます。 テキストエリアにある場合は、テキスト入
全国4300館の蔵書検索ができるカーリルが公開されて、まわりが「図書館！図書館！」言うので、「なんか最近、図書館熱いよね。」「図書館をもっと便利に使いたい。」ってことで、図書館関連の便利な、おもしろいツール＆サービスを12個選んでみました。 1．野田市立図書館http://www.library-noda.jp/index.html まず目に付くのが各種ブラウザ用の検索プラグイン。新着雑誌記事速報にGoogle AJAX Feed API使ってたり、新着図書のRSSがあったり。公共の図書館ですが、新しい技術を積極的に取り入れてます。 2．図書館活用便利ツール - 読書学 -図書館徹底活用-http://www.dokushogaku.com/tools さいたま市図書館限定ですが、新刊のTwitter Bot にAmazon上で図書館の蔵書をチェックできる各ブラウザ用のユーザースクリプトが
unsafeWindowが導入された経緯はこの辺り Greasemonkeyの共通な落とし穴を避ける - minghaiの日記 http://d.hatena.ne.jp/minghai/20080101 ujihisa@会場 Q: JSにはヒアドキュメントがない? A: ない ヒアドキュメントってすごく大事だと思う deguchi @会場 @ujihisa ヒアドキュメントの代わりになるものならあるよ var text = <> hoge hige </> E4Xが実装されてるブラウザ限定だけど ujihisa@会場 ! deguchi @会場 もちろんIEにはない！ ujihisa@会場 xmlリテラル的な感じ scalaの 「またIEか」 repeatedly@会場 何かamachangの記事で見た記憶が > <> ujihisa@会場><>< 37to@会場 これは便利 ujihi
これはなに？ Skypeのチャットを日常的に使っているのですが、とても不便なことがあります。 やりとりの内容を残しておきたいと思って、選択してコピーすると、読みづらいテキストになってしまうことです。 これを、必要なときは、手作業で整えたり、テキストエディタで置換したり。 かなり手間なので、Skypeのチャットログをきれいに整形してくれる（洗う）ツールを作りました。 skype washer http://a-h.panepon.com/skypewasher/ 例) 変換前 [2008/08/11 13:23:58] deguchisの発言: 飲み会の場所どうしよ？ [2008/08/11 13:23:59] nektixeの発言: うまい魚食べたいね。 [2008/08/11 13:24:02] nektixeの発言: どこかない？ [2008/08/11 13:24:29] deguc
source washed ©2008 AUSGANG SOFT
Livedoor Readerで、ピンをたてた記事をまとめて開こうとすると、ポップアップブロックにひっかかって、タブで表示されません。解除する設定もなく、これはストレスフル。 ちょうど Greasemetalがバージョンアップして、GM_openInTab ファンクションをサポートしていたので、window.openを上書きして、ピンをタブで開けるようにする UserJavaScript を書いてみました。
久しぶりにGreasemonkeyスクリプトを書いてみました。 browseboost.user.js 若干わかりにくいですが、Googleで検索すると検索結果をバックグラウンドのタブ（赤線）で自動的に開きます。 開くページの数はスクリプト先頭の OPENLIMIT で変更可能。 デフォルトは2つ。 思いつきは、検索結果の最初の2つくらいはよく開くんじゃないかということ。 昔、Fasterfoxというリンクを先読みする拡張が、サーバーに負荷をかけるということで批判されてたけど、２つくらいなら許されるんじゃないかと。 GM_xmlhttpRequest でHTMLだけ先読みを試みるも、どうも体感的に先読みになってないっぽいので、GM_openInTab で表にこないタブに開いておくことにしました。 マウスでタブ切り替え、ワンキーでタブを閉じるとかできるようにしてる環境では便利かもです。 この
Gyazoが便利すぎる。 Skypeでやりとりする際に、「この部分、レイアウト崩れている」「こんなデザインでどうか？」などと伝えるのにウチでは使われまくっている。 Gyazoは、範囲選択→画像化→アップロード→URLをクリップボードにコピー、を一括してやってくれるので、声や文章では伝えられない部分をすぐに共有できて便利。 なんだけど、たまにイラストレーター上にサイトのモックアップを作るときに、単にクリップボードにコピーするだけでよい場合も。 そういうシンプルなソフトがないか探してみたけどなさげ。 既存のスクリーンショットツールのコマンドラインオプションでできないか、探してみると、WinShot＋AutoHotKeyでやってる人がいたー。 ホットキー一発で WinShot でスクリーンショットを撮る http://moewe.xrea.jp/log/2005_09.html#d2005091
毎日の作業で特定のフォルダにある同じ拡張子のファイルを開くことが多いので、その作業を簡単にできないかなぁと思っていたところ、bluewindとバッチファイルを組みあわせることで、できそうだったのでやってみました。 例えば、C:\hoge\jsにあるjsファイルを開きたい場合、以下のようなバッチファイルを書いて @echo off start C:\hoge\js\%1.js bluwindのコマンドとして設定します。 あとは、 js common とコマンドのあとにファイル名だけを打てばOK。 bluewindの入力補完や履歴機能が使えるので、使うほどに直感的にファイルを開くことができます。（最初少し慣れも必要） ※バッチファイルではなく、Explorerにパラメータを渡す形式でも可能なのですが、XPだと毎回セキュリティダイアログがでて、うっとおしいので、この方法にしました。 Tips コ
prototype.js でタブ切り替え - AUSGANG SOFT http://a-h.panepon.com/einfach/archives/2006/1012175043.html に、同じページで複数タブを表示できるようにならないか？ というご要望をいただきました。l もともと１つしかタブがない想定なので、大幅な改造が必要。 いい機会なので、作ってみました。 サンプル http://a-h.panepon.com/einfach/archives/tabSample.html CSSもJavascriptも↑のファイル内に書いています。 変更点 複数タブに対応ページ末尾の new TabMaker('tab'); new TabMaker('menu'); ↑という指定で、複数のタブを作っています。 サンプルを参考にHTML、CSSもそれぞれの名前で指定してください。 逆にい
新年、あけました。 新しいことをやってみようということで、会社でActionScript3を勉強することに。 その下準備の作業をメモ。Windows環境です。 概要 3月22日の技術勉強会 - ActionScript3 / Flex / Apollo 勉強会 - はてな技術発表会日記 - 機能変更、お知らせなど http://hatena.g.hatena.ne.jp/hatenatech/20070324/1174713674 まずは、概要がよくまとまっている↑からスタート。 開発環境を整える とりあえず、AS3をコンパイルできる環境を整えよう。 Flex Builderは有料だし、慣れたエディタを使いたいので、Flex2 SDKを使う方法でいくことに。(これがけっこう大変だった) Java(JRE or JDK)が必須なのだけど、入ってたので割愛。 Adobe - Flex 2の
mixiやチャットで友人にコメントするとき、共通に好きな漫画のセリフをパロディ化して使うことがあります。 Twitter / AUSGANG SOFT: クーラーつけるとネットが切れる。二者択一。。。 http://twitter.com/nektixe/statuses/208569602 Twitter / uj: @nektixe 逆に考えるんだ。「暖房をつけちゃっていい」 http://twitter.com/ujihisa/statuses/208571982 Twitter / AUSGANG SOFT: @ujihisa いいや！限界だ！押すね！ http://twitter.com/nektixe/statuses/208581402 たいてい名言集をググってコピーしてくるんですが、それを簡単にしたいなと。 思ったので、「ジョジョの奇妙な冒険」の名セリフを自動表示するGre
フィルインメッセージって？ ↓こんなやつ。 ブラウザの検索窓などに使われていて、ちょっと使いやすくなるっぽい効果を与えます。 prototype.jsで簡単にこの効果をつけられるライブラリを作ってみました。 ダウンロード http://a-h.panepon.com/einfach/archives/fillin.js 使い方・サンプル <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="fillin.js"></script> prototype.jsのあとにこのライブラリを読み込んで 以下のように書くと <input type="text" id="sample_text1"> <script type="text/javascript"> Eve
Kanasan.jsって？ 関西でJavaScriptの小さい勉強会を開くことになった (Kanasansoft Web Lab.) http://www.kanasansoft.com/weblab/2007/10/javascript_1.html Shibuya.JSが盛り上がっているのを関西から見ていると非常に悔しい。関西にも同様なコミュニティはないのか。 https://twitter.com/kanasan/statuses/342758542 Twitter上のkanasanのこの発言から始まった関西ＪＳイベント。 同様の思いを持ってた人は僕も含めてかなり多かったのではないかと。 リバース風邪で前の晩から何も食べないまま、ふらふらしながら蛍池に。 20数人の参加者。かなり多い。 やっぱりTwitterで知ったひとの割合が多かった。 内容 Kanasanによる基調講演。 プロジ
最近、Javascriptで開発していて、ブラウザ依存のバグに出会うことが多いので、実例をメモ。 原因と対策は、リンク先を参照されたし。 ifreame上のinput、textareaからキャレットが消えるバグ Windows版Firefoxで発症。 実例 ↑の場合は、背景のオーバレイDIVを消したら、治った。 Bug 226933 - Caret vanishes in input form elements over iframe - lambda {|diary| lambda { diary += 1 } }.call(hatena) http://d.hatena.ne.jp/winebarrel/20070814/p1 透明のオーバレイDIVを表示すると勝手にFlashが消えるバグ Mac版Firefoxのみ発症。 透明度が関連するので、DIVのフェードイン、フェードアウトのエ
ちょうど関東に行っている時期をあわせられたので参加してきました。 殴り書きですが見ることのできたセッションの感想などを。 C-Shirt インターネット上にCreativeCommonsで公開されている写真や、イラスト、クリップアートなどを組み合わせてTシャツのデザインを作成して、それをすぐに転写してC-Shirtにしてくれるセッション。 今回はMozilla24ということで、フォクすけのイラスト素材も提供されてました。 みんなクリエイティブ。 思いもよらぬ作品が生まれたり。 できあがったC-Shirtの実物が画面で見るより非常にクオリティが高くてびっくり。 フォクすけの素材がベクターで提供されていたから？ これも裏方で、ひたすらアイロンかけていたCreativeCommonsのスタッフの皆さんおかげ。お疲れ様でした！ Shibuya.js http://shibuyajs.org/ 一度
シリコンバレー土産にiPhoneを買ってきてもらいました。 速攻でiPod touchが発表されました。。。が、いつでも思いついたときに、手にとって寝転びながら見れるフルブラウザとして思いのほか便利です。 でも、時々、IT系のニュースサイトを見ていると、広告のために読み込みが遅く、記事が分割されていてイラツキ、挙句、Safariが落ちるというパターンが何度も。 マイコミジャーナルとか、マイコミジャーナルとか、マイコミジャーナルとか。 そこで、携帯電話用にページを変換してくれる「Google Mobile Proxy」へ、見てるページを転送してくれるブックマークレットを書きました。 Gproxy ↑のリンク先へ移動して、iPhoneのSafariで直接ブックマーク。ブックマークの編集画面で先頭の「http://a-h.panepon.com/gproxy.htm?」を消してください。その後、
最近の作業の保存は、サブバージョンにコミットです。 Windowsで、クライアントはTortoiseSVN。 TortoiseSVNをコマンドラインから利用するとマウス作業が減って省力化できます。 サンプル(リポジトリが C:\remix\ という前提) C:\Program Files\TortoiseSVN\bin\TortoiseProc.exe /command:commit /path:"C:\remix\core\views\" /closeonend:1 /notempfile/notempfile は必須。/closeonend:1 は自動的にログを閉じる。 パラメーターの詳細は C:\Program Files\TortoiseSVN\bin\TortoiseSVN_ja.chm 目次の一番最後 "D.1. 使用できるコマンドとオプションの一覧" を参照。 おすすめはBl
しばらく空きました。 けっこう充実しつつ、Blog書く余裕なく。 メモ程度ですが、気の向いたときに更新します。 Vistaを使って２ヶ月雑感メモ。 使用マシンは、Panasonic CF-Y7。 Windows Vista Business。 ・萌ディタが動きません＞＜ ↓こうしたら動いた Twitter / AUSGANG SOFT: @bulkneets 互換モードXPSP2で、管理者権... http://twitter.com/nektixe/statuses/68221762 互換モードXPSP2で、管理者権限で実行をチェック exeファイルのプロパティ→互換タブで↑でいけました。 ・セキュリテイうざい ↓切る方法 【コラム】Windows Vistaスマートチューニング (7) ユーザーアカウント制御(UAC)を無効にする | パソコン | マイコミジャーナル http://j
今ごろ、まるごとJavaScript & Ajax ! Vol.1を読んでいたら、こんな記事が。 [ThinkIT] 第2回：jQueryライブラリの内部とonloadイベント記法 (2/2) http://www.thinkit.co.jp/cert/article/0703/10/2/2.htm 通常のonloadイベントではページ内の全ての画像ファイル等の読み込みも完了してからコードが実行されるのに対し、jquery.jsはHTMLのDOM解析が完了した途端にコードを実行できるアクセラレーション機能を備えています（注4）。 おおすごいなーと。 ライブラリなしでも使いたいなーと思っていたら、 window.onload 前でも DOM 処理が可能なら通知してくれる domready.js - METAREAL http://weblog.metareal.org/2007/07/10/
六月です。 今日から、転職して、洛西一周さんと鈴木健さんが立ち上げる新会社、株式会社NOTAに。 とてもおもしろいプロジェクトが進行中で、それに参加します。 ２月の関西LiveCodingで洛西さんに 「紙copiは、RakuCopyとなんとなく似ていて親近感があるんですー。」 って話していた時から、３ヶ月ちょっと。こうなってるとは、全然予測してませんでした。 自分が何が一番やりたいか考えてみた結果、もっともやってみたいことだなと。 ということで今日から横浜。プログラマー。
あれこれ拡張やスクリプトを入れすぎているせいかFirefoxが重い、新しいタブを開くのももっさりしている。 あー、リンク先をタブを開かずにiframeで開けたらいいのに！ それGreasemonkeyでいいんじゃね？ ということで作りました。GreaseFox。 greasefox.user.jsその他のGreasemonkeyスクリプト このスクリプトをインストールすると対象に指定したサイトでは、クリックするとページ上にオーバーレイでリンク先が開きます。 開いたオーバーレイは、左右の黒帯に一度カーソルを移動して、戻すと閉じます。 使用例ムービー http://blog.amazie.jp/greasefox.htm 設定方法 対象にするサイトを /* Setting */ var include_URL = <><![CDATA[ http://www.checkpad.jp/* htt
しばらく間が空いてしまいましたが、Greasemonkey アプリケーション第三弾です。 思いついたら即検索！ ブラウザ上でいつでもどこでも使えるサーチエンジンです。 hoeditor.user.js その他のGreasemonkeyスクリプト 今回もいままでのスクリプトに機能を付け足しています。 簡単な使い方 インストールしたら、新しいページ を開いて 日本語入力がOFFになっているのを確認してから"s"キーを押します。 すると以下のような検索キーワードを訪ねるダイアログボックスが表示されます。 検索したいキーワードを入力してEnter。 以下のような検索結果が表示されます。（"apple"で検索した例） 標準で 超弩級Wikipedia検索 人力検索はてな Yahoo!検索はてブ順 Google の検索結果を表示します。 もう一度検索したい場合は、再度、sキーを押してください。 他の機
次のページ
このページを最初にブックマークしてみませんか？
『AUSGANG SOFT [宇宙屋]』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
