「たった一行でブラウザをシンプルなメモ帳に変える方法」が気に入ったのですこしだけ便利にしてみました。


こんにちは、@9ensanです。

one-line-browser-notepad-01

2日前のIDEA*IDEAさんの「たった一行でブラウザをシンプルなメモ帳に変える方法」という記事が話題になっていて、すげーと思っていました。
アドレスバーに次の1行を打ち込むだけなんです。

data:text/html, <html contenteditable>

でも、こんな面倒なもの毎回アドレスバーに打ってられるか、ということで便利にするために、Chrome拡張を作ってみました。

 

出来上がったChrome拡張が「ChroMemo」です。
one-line-browser-notepad-02
このボタンを押下すると、「data:text/html, <html contenteditable>」のページを開くだけのChrome拡張ですが、無いよりはマシかと思います。
しかもChromeの機能で、ショートカットキーを割り当てたりしたら簡単にブラウザメモ帳が開けます。

 

で、作った後に気が付いたのですが、実はこの拡張機能ブックマークレットで十分だと言う事です。
ブックマークレットだったらブラウザを選ばないので、FirefoxだろうがSafariだろうが使えます…。
そのブックマークレットがこちらです。

ブックマークレット:メモ帳
SafariIEFirefoxの詳しいブックマークレットの登録方法は、それぞれのリンク先を参考にしてください。

上手くいかない場合は、

この文字列をブックマークのURLに設定する事で、利用できるようになります。

 

もし、気に入ったら使ってみてください。

Twitter Bootstrapのアイコンの色をカラフルにする方法


こんにちは、@9ensanです。

twitterbootstrap-icon-color-font-01

Webサイトを作る際、「TwitterBootstrap」を利用している方も多いかと思います。
そのTwitter Bootstrapの中で、利用することが可能な「Icons」これが画像ファイルで作成されている為に色を変更する事が容易ではありません。

以前、Twitter BootstrapのIssueでも「Twitter Bootstrapの3.0からiconはfontになるよ」と書かれていたので3.0からは色を自由にスタイルシートで変更できるようになるみたいです。

ですが、今すぐに変更したい場合困ります。ということで、今のIcon画像をWebFontに変更する手順を紹介します。
今回使用するWebFontは「FontAwesome」です。
Twitter Bootstrapに利用されているIconのFontは全部揃っています。

それでは手順です。

続きを読む

PHPの依存管理ツールComposerのcomposer.jsonのプロパティの一覧


こんにちは、@9ensanです。

php-composer-dependency-management-01

今回はComposerでライブラリを管理したり、環境を作成する肝になるcomposer.jsonの記述される項目の説明です。
項目数が多いので今回は、どのような項目があってどのような値を設定するのか簡単に説明していきます。

 

それでは、解説です。

続きを読む

[PHP]ComposerのCLIで利用できるコマンドの説明


こんにちは、@9ensanです。

php-composer-dependency-management-01

PHPの依存管理ツールの「Composer」を使おうと思うとコマンドを覚えておいた方がいいと思うのでちょっと調べてみました。

 

以下解説になります。

続きを読む

[PHP]ComposerでインストールできるライブラリをPackagistで公開する手順


こんにちは、@9ensanです。

php-composer-packagist-01

前回、「PHPでComposerを使ってインストール可能なライブラリの作り方」でComposerでインストールできるライブラリを作成しました。

前回のままでは、使用する時にcomposer.jsonに使用リポジトリを記述する必要がありました。

今回はComposerのメインリポジトリである「Packagist」に登録することでリポジトリの記述をしなくてもインストールできるようになります。

 

それでは、Packagistへの登録から説明していきます。

続きを読む

return top