ネットの上で働きながら海外で暮らしたい

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

日本向けのChrome Extension「一挙にショッピング検索」をChromeウェブストアに公開しました。



この拡張機能は、アマゾン、楽天、ヤフオクなどのショッピングサイトを一挙に検索して、それぞれのWebページをタブに表示します。検索ボックスにキーワードを入力して検索することができるほか、選択したテキストを右クリックで検索することができます。
検索対象のショッピングサイトは設定画面で変更することができます。

バージョン1.0.0の対応サイトは以下のとおりです。
・Amazon.co.jp
・楽天市場
・楽天プロダクト
・Yahoo!オークション
・Yahoo!ショッピング
・セブンネットショッピング

ブログにプログラミングのコードを載せるには、SyntaxHighlighterを導入するのがオススメです。コードを格好よくハイライト（キーワードなどを色付けして表示）してくれるし、簡単に導入できます。僕はFC2ブログとBloggerでしか動作確認をしていませんが、JavaScriptを書けるブログ・サービスであれば、ここに紹介するのと似たやり方で導入できるものと思われます。（ブログサービスの種類やエディタの設定によっては、いくらか設定を変更する必要があるかもしれません。）

導入するには、次のコードを、テンプレートやプラグイン（ガジェット）にコピペするだけです。

<script src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shCore.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shAutoloader.js" type="text/javascript"></script>
<script type="text/javascript">
(function() {
    var loadCssFile = function(href) {
        var link = document.createElement("link");
        link.rel = "stylesheet";
        link.href = href;
        link.type = "text/css"
        document.getElementsByTagName('head')[0].appendChild(link);
    };
    loadCssFile("http://alexgorbatchev.com/pub/sh/3.0.83/styles/shThemeDefault.css");
    loadCssFile("http://alexgorbatchev.com/pub/sh/3.0.83/styles/shCore.css");
    SyntaxHighlighter.autoloader(
        'applescript            http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushAppleScript.js',
        'actionscript3 as3      http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushAS3.js',
        'bash shell             http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushBash.js',
        'coldfusion cf          http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushColdFusion.js',
        'cpp c                  http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCpp.js',
        'c# c-sharp csharp cs   http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCSharp.js',
        'css                    http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushCss.js',
        'delphi pascal          http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushDelphi.js',
        'diff patch pas         http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushDiff.js',
        'erl erlang             http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushErlang.js',
        'groovy                 http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushGroovy.js',
        'java                   http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJava.js',
        'jfx javafx             http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJavaFX.js',
        'js jscript javascript  http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushJScript.js',
        'perl pl                http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPerl.js',
        'php                    http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPhp.js',
        'text plain             http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPlain.js',
        'py python              http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPython.js',
        'ruby rails ror rb      http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushRuby.js',
        'sass scss              http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushSass.js',
        'scala                  http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushScala.js',
        'sql                    http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushSql.js',
        'vb vbnet               http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushVb.js',
        'xml xhtml xslt html    http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushXml.js'
    );
    SyntaxHighlighter.config.stripBrs = true;
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.all();
})();
</script>

SyntaxHighlighter.autoloader()は、バージョン3から使えるようになった新機能で、不要なファイルをロードしなくても済むようにする優れモノです。

インストールが済んだら、ブログの記事を書くときに、次のように<pre />を使った記法でコードをハイライト表示できるようになります。

記述例：

<pre class="brush: js">
    /**
     * SyntaxHighlighter
     */
    function foo() {
        if (counter &lt;= 10)
            return;
            // it works!
    }
</pre>

結果：

    /**
     * SyntaxHighlighter
     */
    function foo() {
        if (counter <= 10)
            return;
            // it works!
    }

class="brush:js"の部分で、言語がJavaScriptであることを指定しています。PHPを書く場合は、brush:jsの代わりにbrush:phpを指定します。導入するときに呼び出しているSyntaxHighlighter.autoloader()を見れば、何を指定できるか見当がつくと思います。

<pre />を使った記法の問題点は、'<'を '&lt;'という具合にHTMLエスケープしなければならない点です。昔はこの記法しか使えず、ちょっとめんどくさかったのですが、バージョン2.1で新機能が追加され、コードをコピペするだけで済ませることができるようになりました。

HTMLエスケープを行わずに、コードをコピペするだけにしたい人は、<script type="syntaxhighlighter" />を使った次のような記法で記事を書くこができます。

記述例：

<script type="syntaxhighlighter" class="brush: js"><![CDATA[
    /**
     * SyntaxHighlighter
     */
    function foo() {
        if (counter <= 10)
            return;
            // it works!
    }
]]></script>

結果：<script type="syntaxhighlighter" />を使った記法の問題点は、JavaScriptが実行されないと表示が行われないことです。このため、RSSなどで見れない場合が多い、表示されるのが遅い、検索エンジンに読み込まれないといったことが起こりえます。<pre />記法と<script type="syntaxhighlighter" />記法とは、一長一短ですね。

FC2ブログでは、ブロともをつくれたり、自分のブログへの訪問者リストを確認できたりするので、FC2ブログだけを検索したいときがあります。そんなときのために、Googleのカスタム検索でFC2ブログだけを検索できるようにして、このブログの左上にもガジェット風に追加してみました。

FC2のサービスでも、FC2ブログだけを検索することはできるんですが、どうもこれはあまり検索の精度が高くないようです。やはり検索に関してはGoogleが優れています。

検索でいろいろなブログを訪れることによってFC2ブログ内でのコミュニケーションがもっと密になれば、自分のブログももっと読んでもらえるかもしれないというほのかな期待を持っています。

楽天銀行の口座は日本にいないとつくれないものと思い込んでいたのですが、郵送される書類を確認してもらえる人が日本にいるなら、海外にいながらでも作れそうです。

口座開設をするうえでは印鑑もサインも要りません。運転免許証かカード型保険証があれば、専用の携帯アプリをつかって本人確認を行うことができます。郵送で本人確認を行う場合も、本人のサインなどは不要ですので日本にいる誰かに頼むことができそうです。

口座開設をネットで申し込んだら、本人認証アプリか身分証明書の郵送で本人確認をします。本人確認ができたら一週間ほどで、口座番号やら仮ログインパスワードなどが記載されたThankYouレターというものが郵送されてきます。ThankYouレターの内容を日本にいる家族か誰かに教えてもらえば、楽天銀行のWebページにログインして初回設定を行えるというわけです。
ただし、実際に僕が海外で口座をつくったわけではありませんので、海外から楽天銀行の口座をつくる方は、自己責任でお願いします。

どうも最近、本業のプログラミングではなく、ブログについて調べものやデザイン変更に時間を割き過ぎていてよくありません。ヨーロッパ向けのChrome Extensionの完成がだいぶ先に伸びてしまいました。
ブログからの収益はあまり期待しておらず、調べたことを忘れないように書き留めておく程度の位置づけのはずでしたが、ここしばらくは夢中になり過ぎたようです。

先日リリースしたアメリカ向けのExtensionは、まだあまり使われていないようです。しばらく様子を見て、ダメそうだったらAdWordsで広告でも打ってみようかと思います。