はてなブックマーク

IE11で変わったActiveXObject、attachEventやUser Agentに対応してみる こんばんは、ころすけ(@wg_koro)です。 IE11がリリースされましたね！中身を調べてみると結構変わっていました。…というわけで、ちょっと対応が必要になったのでメモ。 User Agentから「MSIE」が消えた UAから「MSIE」の文字が消えました。IE11は下記のUAになります。 Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko なので、IE11をUA文字列から検出したい場合は下記のようになるかと思われます。 [javascript] // IE11かどうか判定 var ua = ‘Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Geck

こんばんは、ころすけ(@wg_koro)です。 諸々の理由で、iframe先のページが生きているのか死んでいるのか(404など)、判定しなくてはならなくなりました。 さてどうしよう。iframeは404でもonload走るし、ステータスコード取れないし・・・。 そうだ、postMessage使おう というわけで、たどり着いたのがpostMessageを使う方法。iframe先が自分のページであることが前提になりますが、こいつを使えばどうにかなる。 あ、「postMessage」はiframeを使って、異なるページ間でメッセージ(文字列)を送受信する仕組みです。クロスドメインであってもOK。IE以外はもちろんのこと、IEも8以上で対応しています。割と広いブラウザで使える技術です。 ページ作って試してみた。 iframe先が生きているかのテスト 上記のページを表示して「iframe先は生きてる

こんにちは、ころすけ(@wg_koro)です。 Pythonスクリプトを実行する前に、文法が正しいかどうかチェックしたい時ってありますよね！いわばPerlの-cオプション。 これの実現にはpyflakesインストールとか色々方法がありますが、自分は下記コマンドで済ませています。何もインストールしなくていいのがミソ。

これらの記事を読んでいるうちに、このブログサーバーのDBもMySQLからMariaDBに乗り換えたくなった。MySQL古いし(5.1)。 → 載せ替えてみた。 移行作業はびっくりするくらいあっさりと終わったので、その工程をメモっておきます。あ、環境はCentOS6です。 リポジトリを追加 MariaDBの公式ページにリポジトリ情報が載っているので、それをコピーして使います。https://downloads.mariadb.org/mariadb/repositories/#mirror=yamagata-university [shell] $ sudo vi /etc/yum.repos.d/mariadb.repo # 中にコピペしてきた内容を書き込む # MariaDB 10.0 CentOS repository list – created 2014-03-06 07:56 U

こんばんは、ころすけ(@wg_koro)です。 以前、Androidの実機でSelenium自動テストを走らせる方法を書きましたが、あれはちょっとめんどいですね。 今度はもうちょっとお手軽にモバイルWebアプリをテストします。 ChromeのUser agentを変更して使う Chrome DriverはUser agentを変更して起動させることができます。今回はこれをやってみます。あ、スクリプトはPythonで書いていマス。 やり方は簡単。webdriverにOptionを食わせるだけ。 OptionにUser agentを指定します。(今回はiPhoneを指定しました) [python] import os from selenium import webdriver options = webdriver.ChromeOptions() options.add_argument(‘

超簡単。 $ pip install uwsgi 以上ｗ！ インストールはさくっとできたので、動かしてみる。ドキュメントを参考に、簡単なFlaskアプリを書いて試す。 [python] #!/usr/bin/env python # examle.py from flask import Flask app = Flask(__name__) @app.route(‘/’) def index(): return "<span style=’color:red’>I am app 1</span>" [/python]

こんばんは、ころすけ(@wg_koro)です。 WebアプリをAndroid実機でテストするのって面倒くさいですよね！どうにかならないかなー・・・ってSelenium使えばいいんじゃね？ やってみたら案外すんなりできたのでご紹介。スクリーンキャプチャも撮れた。なかなかイイ。 あ、Selenium WebdriverはJava, C#, Python, Rubyで操作できます。今回、自分はPythonで操作しました。 自動操縦までの手順 Android SDKのインストール (adbコマンドを使えるようにする) AndroidへSelenium Serverをインストールする スクリプトでゴリゴリ操作する Android SDKのインストール 実はこれが一番面倒くさい。けど、adbコマンドは必須なので頑張って入れましょう。インストール手順は下記サイトが参考になります。 AndroidへSel

エントリーはMarkdowon記法で書いています。コバニチハ。 (過去記事：Markdown記法を使うと文書作成効率が２倍になるよ！) このブログにはMarkdownで記事を書けるように「Markdown on Save Improved」というプラグインを入れています。 あとたまにプログラム系の記事も書くので、コードの見栄えをよくするために「SyntaxHighlighter Evolved」というプラグインもいれています。 この2つのプラグイン、実は相性がものすごく悪いんです。困ったなーと思っていたんですが、先日、偶然解決策を見つけたので書いておきます。 まずは問題点 Markdown記法で書いた文章の中に、SyntaxHighlighterを効かせたコードを書くとこうなります。 [python] !/usr/bin/env python –– coding: utf-8 –– imp

こんばんは、ころすけ(@wg_koro)です。 このブログのサーバーで使っているnginxの設定を見直していました。んー、何か遅いよなぁ。 もしかしてnginxのキャッシュ、使われてないんじゃないか？ キャッシュ未使用だと、ページ受信にかかる時間は551ms。 ※各画像はクリックで拡大できます キャッシュが使われると42ms。大違い。 今回設定を見直すまで、ずっと上の「キャッシュ未使用な状態」だったのです。 原因は何だろう とりあえず、ヘッダーにキャッシュステータスを出力させてみる。configファイルのserverブロック以下に下記の一行を追加。 add_header X-Cache $upstream_cache_status; これでレスポンスヘッダにキャッシュ状態が表示されるようになります。 キャッシュが使われるとHIT、使われていない場合はMISSと出力されます。 これであちこち

こんばんは、ころすけ(@wg_koro)です。 2ページ間の通信(片方は別ドメイン)をどうしようかなーと考えていたら、JSONPでもクロスドメインAjax(XmlHttpRequest Lv2)でもない、postMessageなるものを見つけました。IEも、IE8から使えるそうな。結構前からあるのね。全然知らなかった・・・。 window.postMessage は、安全にクロスドメイン通信を可能にするためのメソッドです。通常、異なった複数のページでのスクリプトはそれらが実行されたページが同じプロトコル（たいてい http）、ポート番号（http のデフォルトは 80）、ホスト（両方のページによって同じ値に設定される document.domain を基準とする）である場合に限りお互いにアクセスすることだけが可能です。window.postMessage は正しく使われたときに安全な方法で

こんにちは、ころすけ(@wg_koro)です。 Gmail+Chromeユーザーの方に、お勧めしたいGmailチェッカー(Chrome拡張)があります(・ω・)ノ その名も「Checker Plus for Gmail」。 インストールすると、ツールバーにGmailアイコンが表示されます。 アイコンをクリックするとメール内容のプレビューを見ることができます。ちなみにマルチアカウントログイン中でも、それぞれのメールを分けてチェックしてくれます。優秀！ で、これが一番感動した。プレビューをクリックすると・・・ でーん。本文読めちゃう！ 既読化、アーカイブ、迷惑メール報告、削除といった操作が可能。便利！ あ、この拡張を使うにあたり、一つだけ注意する部分があります。設定画面の「音声で通知」のチェックは外しておきましょう。これを外しておかないと、突然メール内容のアルファベットを声高に読み上げ始めます

職場にある電子書籍専用スキャナーのUSBケーブルがどっかいった・・・どこいった？ 自炊してMacに書籍を取り込んだ場合、プレビューだけで余白をカットできるってことをご存じですか？Acrobatとかはイリマセン！！ 余計な余白をカットして、電子端末で読みやすくしましょう(・∀・) 余白カット方法 PDFをプレビューで開き、左上にあるツールBOXから選択ツールを選びます。 切り取りたい部分を選択します。 ※画像クリックで拡大できます 左側のサムネイルを一回クリックし、Command + Aで全ページ選択します。 選択した部分が、大事な部分を切り取ってしまわないか確認します。 メニューの「ツール」→「切り取り」を実行。 切り取り完了！ 最後に「ファイル」→「書き出す」で保存すれば完了です！ ちなみに、このまま元ファイルを閉じるとオリジナルのPDFも変わっちゃいます。オリジナルファイルを変えたくな

コンバンハころすけ( @wg_koro )です。 皆さんはAndroidでPDF書籍を読む時、どのアプリを使っていますか？多くのAndroidに最初から入っている「Document Viewer」でしょうか？それともAdobeのAdobe Reader？ 自分はePubも読める「ezPDF Reader」に落ち着きました。有料ですけど(239円)。 このアプリ、画面の余白を切り取って表示できる機能があるんですが、これが大のお気に入りです(・∀・) つまり、こういう書類があった場合 ※これはDocument Viewerで開いています。各画像クリックで拡大できます 文章の周りにある余白を除去して、本文を画面一杯に表示できます。 この状態(↑)で文章を読み進めることができます。邪魔な左右スクロールは発生しません。非常に読みやすい(・∀・)！ ただこのアプリ、操作が分かりづらい！なので今回は 端

23AndMeがAPIを公開, 人間の遺伝子情報を利用するアプリの可能性生まれる 学べる … 個人の遺伝子情報を調べてくれる23andMeはこのたび、APIを公開することにより、デベロッパが遺伝子情報を利用したクールなアプリを作れるようにした。 23andMeがこれまでに検査した遺伝子情報を提供とのこと。 うーんうーん、何に使えるだろう・・・。色々考えてみたけど思いつかない。うーーーん…。 ちなみに、APIでは遺伝子を持つ人のプロファイルを取得できたり、ゲノムのチェックポイントであるrsIDを入力して遺伝子型(アデニン”A”, グアニン”G”, シトシン”C”, チミン”T”)を見たりできるようです。 面白そう・・・だけど使い道が思い浮かばないなぁ。ううううん・・・。何かないですかね(・ω・)？

Redmine.JP Redmineはwebベースのプロジェクト管理ソフトウェアです。タスク管理、進捗管理、情報共有が行えます。ソフトウェア開発やwebサイト制作などITプロジェクトでの利用に最も適していますが、それ以外の業務でも幅広く活用できます。 このRedmineの通知メールはGmail経由で送信しているんですが、2.0.3を入れた際、設定で少しつまづいたのでメモしておきます。 config/configuration.yml つまづいたのはこのファイル。 configuration.yml.example にはGmail経由での設定例が載っていますが、これをそのまま使うと動きません。 production: email_delivery: delivery_method: :smtp smtp_settings: tls: true enable_starttls_auto: tr

jQuery Mobileで妙なハマり方をしました。というわけで、メモ。 ※以降、jqmと書きます。 現象 とあるスクリプトとjqmの両方を読み込ませると、画面が真っ白になる。 スクリプトの中では”document.write() ”が使われています。 どうやらwriteした中身を「ページ」として生成してしまう様子。 [html title=”サンプル.html”] <p>文章1</p> <script type=’text/javascript’> document.write(‘<p>文章2</p>’); </script> [/html] このようなHTMLがあって、ブラウザで表示させると 「文章2」 しか画面に出力されません。本来ならば「文章1」「文章2」の両方が出力されるはず。 NGサンプルページ この現象はissueにもあがっていたようですが、報告数が少ないためか、closed

スマートフォン対応って意外と手間かかりますよねコンバンハ。 つい先日、このブログにWordPressプラグイン「jQuery Colorbox」を導入しました。このプラグインを導入すると、エントリー内の画像をクリックした時に綺麗なエフェクトで画像を拡大してくれます。こんな感じですね。 ところがこのプラグイン、スマートフォンで画像をクリックするといただけないことになります。今回はその回避策を書きます。 スマートフォンで見た時の問題点 見れば一目瞭然。スマートフォンで画像をクリックすると… 画像どこや(=ω=) このような状態になります。しかもこの状態を解除するバツボタン(X)がどこかにいってしまいます。なので解除できません！ 回避策 とりあえず、スマートフォンで見た時はjQuery Colorboxを動かさないようにします。プラグインの中に、下記のjavascriptを書き込むだけ。 [ja

Dropboxのカメラインポート機能使ってますか！ デジカメをPCに繋げば自動でDropboxにアップしてくれるし、Android/iPhoneもDropboxアプリの設定をしておけば、撮った写真を自動でアップしてくれるから非常に便利(・∀・)！ ただ、この機能には一つ困ったちゃんなところがあります。 全部の写真を「Camera Uploads」ディレクトリに放り込んじゃうので、写真が多くなるとファイルを探すのが大変… こんな感じ(＝ω＝) 写真が増えてわけわからなくなったので、フォルダ整理させるスクリプトを作りました。これを走らせると↓のように「年/月/日」のディレクトリに写真を振り分けます。 ※写真クリックで拡大 画面キャプチャーはMacのものですが、一応Windowsでも動きます。 スクリプトはGithubに置いてます。・・・が、Githubの使い方わかんねーよ！という方のために、z

「文章を書く」ことは結構好きですコンバンハ。 皆さんは文書を何で書いていますか？Word？メモ帳？ブログを書かれている方であればブログエディタというものもありますね！ 自分はメモ帳を推してみます(あるいはテキストエディタ)。メモ帳と「Markdown」という書き方の組み合わせが超オススメです！ メモ帳を推す理由 ソフトのインストールがほぼ不要！ これです。これにつきます。 WordであればOfficeソフトのインストールが、ブログエディタならブログエディタのインストールが必要です。ところが、Windowsに最初からついているメモ帳であればインストールは不要です。Macなら「テキストエディット」が最初から入っていますね。 メモ帳で作成したファイルは「ただのテキストファイル」なので、スマートフォンからも簡単に読み書きができます。 下図はAndroidのDropboxからテキストを読み込んで編集

on{X}が面白くてすっかりハマってますコンニチハ。 このon{X}、お手軽な割に評価が低い。やっぱりFacebookアカウント必須なのが効いてるのかなぁ。Twitterでもログインできるといいんですけどね。 on{X}は下記のようなことが簡単にできます。あと自分でjavascriptを書けば、この他にも簡単に色々追加できます。 もし気温が10℃以下になりそうなら、朝8時に天気予報を表示する 自宅を離れたら、牛乳を買うようにリマインダを出す その日初めてAndroidのロックを解除したら天気をチェックし、雨が降るようなら「傘もってけ！」と通知する ランニングを始めたら音楽アプリを起動 特定の誰かから「いまどこ」とSMSが来たら、自動で位置情報を返信 朝7時から家を出るまで(8時)、10分毎に自分が利用する路線情報をチェック。何かあれば通知する(これは自分が作りましたｗ) Androidを使

最近はPython使って位置情報をごりごり加工してますコンバンハ。 以前はMongoDBを使って半径XXＫｍ以内にある建物を求めるってことをやりました。今回は２つの座標間の距離を求めてみます。すっごく簡単なのでオススメ。 パッケージはpyprojを使います。 pyprojインストール $ pip install pyproj コード [python title="getdistance.py"] #!/usr/bin/env python # -*- coding:utf-8 -*- from pyproj import Geod class GetDistance: def get_distance(self, start, to): """ pyprojを使って距離を求める """ res = u'[ %(from)s ]から[ %(to)s ]まで %(distance_str)s

Android4.0にはルート不要のバックアップ機能があると読んだので試してみた。 root 不要の完全なバックアップ・リストア方法 | コムギドットネット バックアップを試すアプリはおさわり探偵　なめこ栽培キットを使います。…せっかく集めたなめこが消えたら泣く！と思いつつ実験。 消去前。なめこ図鑑はこんな感じ。 USBデバッグで繋いでコマンド実行。 adb backup -f [バックアップとして保存するファイル名] -apk [バックアップ対象のパッケージ名] $ adb backup -f nameko.bak -apk jp.co.beeworks.funghiGardeningKit 画面が↓のようになる。バックアップ実行。 なめこアンインストール。ドキドキ。 なめこが端末から消えたのを確認してから復元コマンド。 adb restore [バックアップファイル名] $ adb r