@blog.justoneplanet.info

日々勉強

Google Chromeの拡張機能で顔文字を簡単に使えるツール

わざわざ「顔文字」と検索して、ctrl + 「c」でコピーし、サイトに戻ってctrl + 「v」でペーストするなんて面倒でないですか?このツールを使えば簡単に顔文字が使えるようになります。

■インストール

こちらのサイトで行えます。

■iPhone版

こちらをご覧ください。

■android版

こちらをご覧ください。

■使い方

こちらのサイトで紹介していただきました。ありがとうございます!

■アップグレードについて

Google Chromeには拡張機能の自動アップグレード機能がついてますので、しばらくしますと最新バージョンが自動的にブラウザにインストールされます。いちはやく試したい方は、設定→tools→拡張機能→拡張機能を今すぐ更新、の手順で最新版に更新することができます。

ver. 1.1.3

バージョン1.1.3

Internet Explorer 9(IE9)β版をインストールしてみる

■インストール

わくわくすっぞ!((o(^∇^)o))

Internet Explorer 9のインストール

更新プログラムのチェックはありがたいが結構長くかかる。

Internet Explorer 9をインストールしています

インストール完了。再起動を命ぜられる。これはUX的に良くない。( ゚ ρ ゚ )

Internet Explorer 9がインストールされました

■起動

早い!インストールしているプラグインの差があるので単純に比較はできないがChromeに迫るような勢いがある★

Internet Explorer 9を使ってみる

■遷移とか

JavaScriptを多用したサイトもストレスなく閲覧が可能だ。SVGとかもイケてまう!Firefox3.6よりも遥かに滑らかに動き、Chromeよりはわずかに重い程度だ。(*^◇^)/゚

■不具合

IE9では現在のところjQueryのドラッグ&ドロップが動作しない。゜(´□`。)°゜

Firefox3.6で旧バージョン用のプラグインを動かす

URL欄に以下のように打ち込む。

about:config

右クリックで項目を追加する。「真偽値」を選択だ。項目名は以下の通りだ。

extensions.checkCompatibility.3.6

値は「偽」(=false)だ。

false

3.6にアップデートしたらlive http headersが動かなくなってしまったので対処。

IEではJavaScriptでobject要素にembedを挿入できない

以下のコードを実行した時にIE6~8でエラーが発生する。appendChildやreplaceChildを使用してもできない。

var objectElm = document.createElement('object');
objectElm.setAttribute('classid', 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000');
objectElm.setAttribute('codebase', codebase);
objectElm.setAttribute('width', '240');
objectElm.setAttribute('height', '320');
var embedElm = document.createElement('embed');
embedElm.src = url;
embedElm.setAttribute('quality', 'hign');
embedElm.setAttribute('pluginspage', pluginUrl);
embedElm.setAttribute('type', 'application/x-shockwave-flash');
embedElm.setAttribute('width', '240');
embedElm.setAttribute('height', '320');
objectElm.appendChild(param1);
objectElm.appendChild(param2);
objectElm.appendChild(embedElm);//error - invalid argument(引数が無効です。)

クライアント側で

■解決策1

条件分岐して、IEのみobject要素に包括せず、embedのみを出力する。

var embedElm = document.createElement('embed');
embedElm.src = url;
embedElm.setAttribute('quality', 'hign');
embedElm.setAttribute('pluginspage', pluginUrl);
embedElm.setAttribute('type', 'application/x-shockwave-flash');
embedElm.setAttribute('width', '240');
embedElm.setAttribute('height', '320');
objectElm.appendChild(param1);
objectElm.appendChild(param2);
if(!!(window.attachEvent && !window.opera)){
    document.getElementById('flash').appendChild(embedElm);
}
else{
    objectElm.appendChild(embedElm);
    document.getElementById('flash').appendChild(objectElm);
}

■解決策2

object要素の後ろに殻のembed要素を挿入する。恐らくオリジナル。

var embedElm = document.createElement('embed');
embedElm.src = url;
embedElm.setAttribute('quality', 'hign');
embedElm.setAttribute('pluginspage', pluginUrl);
embedElm.setAttribute('type', 'application/x-shockwave-flash');
embedElm.setAttribute('width', '240');
embedElm.setAttribute('height', '320');
objectElm.appendChild(param1);
objectElm.appendChild(param2);
document.getElementById('flash').appendChild(objectElm);
if(!!(window.attachEvent && !window.opera)){
    document.getElementById('flash').innerHTML += '<embed></embed>';
}
else{
    objectElm.appendChild(embedElm);
}

なぜかチャント動くようになる。

参考

Firefox3.5

インストールしました。ほとんど見た目は変わらないのですが、タブをドラッグしたときの挙動が少しだけ異なってますね。あと、新しいタブを追加するボタンが追加されてますが、個人的にはありがたくないボタンです。ただし、ほとんどのユーザには使いやすいと思われます。

credit

噂の通りJavaScriptの速度が半端なく早いですね。Google Chromeも早いんですが、使い慣れている+性能となるとFirefoxしかない、というのが個人的な結論です。Gmailもすぐに立ち上がります。

gmailスタンバイ

Firefox3.5ダウンロード

Internet Explorer 8インストール(画面キャプチャ付き)

■まずIE8のダウンロード

http://www.microsoft.com/japan/windows/products/winfamily/ie/function/default.mspx

Internet Explorer 8がインストールできるのはWindows XP, Vista, Server2008のみだ。気になるのだがMicrosoft(マイクロソフトは)簡単に過去製品(Windows2000とか)を見捨てないであげて欲しい。サポートは長めにしてやるってのが誠意だろうに。それに古いブラウザを使ってる人が結構残ってしまうから、Web開発の立場からしても困るんです。

■さてダウンロードしたら

ダブルクリックしてインストール。するとまぁこんなのが出てくる。

インストール時の警告画面

実行をクリック

■クリックすると

インストールの開始といわれる。後で再起動が必要になるのでココで全てのアプリを終了させておく事をお勧めする。

インストールの開始

ロゴが横に潰れてるのが正直気になった(笑)。中身が潰れてなければイイが・・・

■次へをクリックすると

ライセンスの同意

当然だがライセンスには同意しなくちゃならん。同意したくないアウトローな人は諦めるべし

■同意したら

更新プログラムのインストールも勧められる。

更新プログラムのインストール

やはりセキュリティには気をつけた方がイイ世の中なのでチェックは入れておくべきだろう。

■次へを押すと

インストールが進む。んで完了。

再起動

最初に触れたが、この時点で再起動を迫られる。無理せず再起動することを勧める。

■再起動するとIE8が使えるようになる

初めての起動をすると、コンナ画面が出る

Internet Explorer 8へようこそ

こんにちは的な挨拶だ。「以前よりも早く動く」とか「アクセラレータ・・・」との事。まぁ使ってみなけりゃ分からないわな。

■次へをクリックすると

お勧めサイトを有効にする

おすすめサイト機能を有効にするか聞いてくる。面白そうなので「はい」にしてみた。どうやらユーザーの好みに応じたサイトをお勧めしてくれるらしい。

■次へいくと

設定の選択画面だ

設定の選択

細かい設定が変更できるらしいのだが時間もないので「高速設定」で今までの設定を引き継いでしまう事にする。マイクロソフトは大半のユーザーが「高速設定」を選ぶ事を知ってるはずだ。

■次はお気に入りのインポート

お気に入りのインポート

普段使ってるブラウザがIEでない人はココでチェックを入れよう。コレで設定は終わりだ!

■実際に使ってみた

実際の画面

まぁレイアウトが崩れることはない。マイクロソフトがプッシュするだけあって動きもIE7に比べたら全然滑らかである。

アクセラレータ

こんな感じでテキストを選択すると右側に半透明のアイコンが出る。

アクセラレータ

うーん便利。似たような機能は他のブラウザでも使えるが相手サイトに行かずとも翻訳が出来るのは素晴らしい。

URL蘭

アドレスバー

Google Chromeと同じように「履歴」と「検索へ」をマージして表示してくれる。

開発者ツール

開発者ツール

Firefoxは開発者に好かれてシェアを伸ばした。Microsoftはそれを学んだのだろう。

ウェブスライス(Web Slices)

一番注目されている!?機能だ。対応しているページに行くとツールバーに小さな緑色のアイコンが表示される。

ウェブスライス

クリックし購読すると、画面のようにサイトに行かなくても更新がチェックできるのだ。切り売り、まさにWeb Slicesだ。今後、IE8ユーザーが増えるにしたがってこの機能は一般的になるかもしれない。但し、今のところサイトが対応してないとスライスは出来ない。RSSに似ているが、その違いを簡単に言ってしまうと「ページの要約」と「ページの切り抜き」の違いだ。

■おまけ

タスクバー

今までIE憎しと、テストくらいにしか使ってなかったブラウザだったが、何だかタスクバーに入れてやりたい位の気持ちにはなった。常用するかどうかは今後の気分しだい。

JavaScriptの実行速度については一般ユーザーには気にならない程度になってるだろう。Firefox2では、SetTimeoutを使ったアニメーションが酷くコマ落ちしたが、あんな現象が起こらなければ、JavaScriptの速度をオレのような開発者以外が気にするような事は少ないと思う。Gmailを除けば・・・

■Firefox信者にはコチラ

FirefoxでWebSlices(microformat)には対応できないのっ!?・・・とか思ってしまった方、アドオンで実現できますよ。

Firefox3をインストールしたら…

■…サイドバーが勝手に右に表示された

Firefox2の時はちゃんと左に表示されていたのに…

■以下のように解決

C:Documents and Settingsログインユーザー名Application DataMozillaFirefoxProfilesプロファイルの名前.defaultchromeにある
userChrome.css

window > hbox {
direction: rtl;
}
window > hbox > * {
direction: ltr;
}

との記述があったので、上記の部分を削除し解決!
もちろんCSSが分かる人はコメントアウトでも結構さ!

■一言

Firefox2の時はちゃんと左に表示されていたのに、オカシイですね~。ちなみにコノ現象は起こらない人の方が圧倒的に多いと思います!周囲の人はみんな問題なかったので。

ちなみにですが、まだインストールしてない方は是非ともFirefox3をインストールしてみて下さい。とにかく早い!表示がとんでもなく早い!軽い!とんでもなく軽い!ちょっとコアな話だとJavaScriptの処理が超早い!Flashが大量にあるページでも表示が早い!イイ事だらけ!Mozillaに嫁ごうかと思った!笑