まずは元ネタのエントリを紹介します。
font-sizeのパーセント表記一覧 - Webtech Walker
クロスブラウザ(主にIE達)対応の可変フォントCSSを組むのに役立つ素晴らしいエントリだったので、元記事はそのままにちょっと修正したいところをこちらのエントリで紹介したいと思います。
修正したところでまだ、問題はあるんですがとりあえずエントリを上げちゃおうということにしました。(出勤しなきゃいけないので修正は後日)
元エントリを参考にベースフォントサイズ12〜16pxまでCSSをまとめてgithubに置きましたので、ご自由にお使いください。
ダウンロード
変なところがあれば随時修正していきます。
動作確認したブラウザは次の通りです。
Mac OS 10.7
・Safari 5.1
・Chrome 19
・Firefox 12
Windows XP
・IE8
(肝心のIEチェックが疎かじゃんとかいいたいと思いますが、後日修正アップします汗)
現状の問題点
IE8で「文字サイズの変更」に非対応です。IE8でズームすると、フォントサイズが小さく表示される箇所があります。これはなんとかしたいね。
もうちょっと丁寧なエントリにしたかったんですが、ごめんなさい。
ダウンロード
あと言ってみたかった台詞があるので言ってみます。
Fork me on github!!
アイディア、コード、デザインなどの断片集 (忘れっぽい自分のための備忘録) snippets of idia, programming, php, design etc. (memos for space cadet)
2012-05-28
2011-06-30
これは使ってみて良かったよというAndroidアプリ7つ
AUのHTC EVO WIMAXを買ってAndroidデビューから1ヶ月経ちました。
実際に使ってみてよかったアプリをメモしておきます。
メジャーなアプリばっかりですが、Android携帯買ったけどアプリ何入れたらいいか分かんないよー。という人は参考にしてみてください。
ちなみにEVOはAndroid2.2.1です。(2011.6.30現在)
実際に使ってみてよかったアプリをメモしておきます。
メジャーなアプリばっかりですが、Android携帯買ったけどアプリ何入れたらいいか分かんないよー。という人は参考にしてみてください。
ちなみにEVOはAndroid2.2.1です。(2011.6.30現在)
simeji
EVOに最初から入ってるキーボードは使いにくいので、フリック入力ができるsimejiを一番初めにインストールすべし。
フルキーボードも使えるので英字入力もらくちん。
変換は今ひとつお馬鹿だけど、ソーシャル辞書が大変便利。
ただ、もうアップデートが実施されないのと、たまにフリーズするのがいただけない。
でも、無料なわけだし文句は無いかな。
フルキーボードも使えるので英字入力もらくちん。
変換は今ひとつお馬鹿だけど、ソーシャル辞書が大変便利。
ただ、もうアップデートが実施されないのと、たまにフリーズするのがいただけない。
でも、無料なわけだし文句は無いかな。
ATOK
フリック入力に加え独特のジェスチャー入力が特徴的な日本語入力アプリ。
詳しくは動画を見てもらうとして、私は「逆に使いにくいんじゃね?」と思ってしまったのでフリック入力とQWERTYキーボードだけ使ってます。
価格は1500円と高額なアプリですが、変換が賢く、動作も安定しているのでストレスフリー!
とりあえず使ってみたいという人はトライアル版をお試しあれ。
詳しくは動画を見てもらうとして、私は「逆に使いにくいんじゃね?」と思ってしまったのでフリック入力とQWERTYキーボードだけ使ってます。
価格は1500円と高額なアプリですが、変換が賢く、動作も安定しているのでストレスフリー!
とりあえず使ってみたいという人はトライアル版をお試しあれ。
2011-05-15
HTML5の製作環境としてNetBeans IDEを使ってみる
JDK 7をサポートした「NetBeans IDE 7.0」が登場らしいのでとりあえず使ってみた感想をメモ。
netbeans.orgに行って、Download FREEをクリック。
すると何種類かバージョンを選べるので自分に合ったものをダウンロード。
私はJavaもCも使わないのでPHP版をダウンロード。
あとはインストーラを開いて普通にインストール。
初めから日本語をサポートしているのでEclipseをインストールするより簡単でした。
NetBeansを起動して、新規作成でHTMLを選択すると次のようなHTMLが生成されます。
このままでも良いっちゃ良いけど、日本語で製作するならHTMLのlang属性を指定したいですね。
[エディタを開く]をクリックするとテンプレートを編集できます。
(エンコーディングがどうのこうの言われましたが無視)
あとは、meta descriptionとかfaviconとか必要なら追加すれば良さそうです。
PHPやJavascript開発に関してはまだ試してないのでこれからじっくり使ってみようと思います。
netbeans.orgに行って、Download FREEをクリック。
すると何種類かバージョンを選べるので自分に合ったものをダウンロード。
私はJavaもCも使わないのでPHP版をダウンロード。
あとはインストーラを開いて普通にインストール。
初めから日本語をサポートしているのでEclipseをインストールするより簡単でした。
NetBeansを起動して、新規作成でHTMLを選択すると次のようなHTMLが生成されます。
<!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div>TODO write content</div> </body> </html>
このままでも良いっちゃ良いけど、日本語で製作するならHTMLのlang属性を指定したいですね。
To change this template, choose Tools | Templatesということなので、[ツール]→[テンプレート]を開いて、HTMLを複製して名前をHTML5JPとかにします。
and open the template in the editor.
[エディタを開く]をクリックするとテンプレートを編集できます。
(エンコーディングがどうのこうの言われましたが無視)
<html> これを・・・ <html lang="ja-JP">こんな感じで書いておけばOKですね。
あとは、meta descriptionとかfaviconとか必要なら追加すれば良さそうです。
PHPやJavascript開発に関してはまだ試してないのでこれからじっくり使ってみようと思います。
2011-05-02
[CentOS]PHPインストールメモ
先日さくらのVPS
を申し込んだので、PHPインストールのメモを。
普通に
モダンなPHPの開発環境の構築方法を見ながらPHP5.3のインストールしましょう。
あと、mbstringとかGDとか使いたかったらちゃんとインストールしないと使えないので注意が必要。
とりあえず、普通に使う分にはこれくらい指定すれば大丈夫だと思います。
普通に
yum install php php-delel
を実行してしまうとPHP5.1がインストールされちゃうんですね。モダンなPHPの開発環境の構築方法を見ながらPHP5.3のインストールしましょう。
あと、mbstringとかGDとか使いたかったらちゃんとインストールしないと使えないので注意が必要。
yum install -y php php-delvel php-mbstring php-gd php-pear php-mysql
とりあえず、普通に使う分にはこれくらい指定すれば大丈夫だと思います。
2011-04-27
[Android]日本語入力補助アプリSimejiの反応が遅いと思ったら
先日、auショップに行ってHTC EVO WiMAXを借りてきました。
(電波確認のため無料で貸しだしてくれる)
お恥ずかしながらAndroid端末を持つのは初です^^;
使ってみた感想はまるっと省きます。
Androidケータイのデフォルトキーボードが使いにくいと思ったのでSimejiを入れてみました。
Simejiの説明はこちらのサイトに詳しく書かれています。
『Simeji』日本語IME~フリック入力にも対応。日本人必須アプリ~
フリック入力が便利そうと思ったけど、タップしてから4文字が表示されるまで遅い。
タップしてからゆっくり「いち」と数えてやっと表示される。
これって逆に遅くない?
結論から言うと、4文字のガイドが表示される前にスライドすれば高速で入力できました。(だからフリック入力と呼ぶんだね)
ノータイムで「こそあど言葉」とかオ段の多い言葉を入力できます。
きっと当たり前すぎてどこにも書かれてなかったんだろうな。
調べてもヒットしなかったのでここに書き残しておきます。
Simejiは必須アプリ!全然遅くないよ!
(2011.4.27 追記)
そうそう、まさにこんな感じ。
(電波確認のため無料で貸しだしてくれる)
お恥ずかしながらAndroid端末を持つのは初です^^;
使ってみた感想はまるっと省きます。
Androidケータイのデフォルトキーボードが使いにくいと思ったのでSimejiを入れてみました。
Simejiの説明はこちらのサイトに詳しく書かれています。
『Simeji』日本語IME~フリック入力にも対応。日本人必須アプリ~
フリック入力が便利そうと思ったけど、タップしてから4文字が表示されるまで遅い。
タップしてからゆっくり「いち」と数えてやっと表示される。
これって逆に遅くない?
結論から言うと、4文字のガイドが表示される前にスライドすれば高速で入力できました。(だからフリック入力と呼ぶんだね)
ノータイムで「こそあど言葉」とかオ段の多い言葉を入力できます。
きっと当たり前すぎてどこにも書かれてなかったんだろうな。
調べてもヒットしなかったのでここに書き残しておきます。
Simejiは必須アプリ!全然遅くないよ!
(2011.4.27 追記)
そうそう、まさにこんな感じ。
2011-03-09
eclipseで新規htmlの文字コードがwindows-31jになる謎
私はPHPの開発にEclipse IDE for PHP Developers(Eclipse3.5)ってのを使っています。
いつもHTMLファイルを新規作成すると文字コードが"windows-31j"とかいうのになってしまうので、[Alt]+[Enter]を押して文字コードをUTF-8に変更。HTMLのcharsetをutf-8に変更。という手間をかけてました。
絶対におかしい!!と思ったので調べてみました。
Eclipseのデフォルトのテキスト・ファイル・エンコードをUTF-8に
記事を読むと、
HTMLファイルを新規作成するとちゃんと文字コードがUTF-8になりました。
ちなみにwindows-31jって何だ?と思ったので調べてみました。
kn1967さんの回答によると、
もうちょっと詳しくはJSPで特殊文字が文字化けする場合の対処方法に書かれていますね。
文字化けの対象になる、
①(まる1)
㈱(かぶ)
などの機種依存文字はShift-JISには含まれていないんですね。
これらの文字が含まれているのがWindows-31Jという、Windows版Shift-JISなわけか。
だからMacで文字化けを起こすわけなんですね。
私は賢さが1アップしました。
いつもHTMLファイルを新規作成すると文字コードが"windows-31j"とかいうのになってしまうので、[Alt]+[Enter]を押して文字コードをUTF-8に変更。HTMLのcharsetをutf-8に変更。という手間をかけてました。
絶対におかしい!!と思ったので調べてみました。
Eclipseのデフォルトのテキスト・ファイル・エンコードをUTF-8に
記事を読むと、
eclipse.ini
(Eclipseインストールフォルダにある)の最終行に次の一行を加えて再起動するだけでいいようです。-Dfile.encoding=utf-8
HTMLファイルを新規作成するとちゃんと文字コードがUTF-8になりました。
ちなみにwindows-31jって何だ?と思ったので調べてみました。
kn1967さんの回答によると、
Windows31Jは、Shift-JISではなく、Shift-JISを拡張したものです。らしいです。
もうちょっと詳しくはJSPで特殊文字が文字化けする場合の対処方法に書かれていますね。
文字化けの対象になる、
①(まる1)
㈱(かぶ)
などの機種依存文字はShift-JISには含まれていないんですね。
これらの文字が含まれているのがWindows-31Jという、Windows版Shift-JISなわけか。
だからMacで文字化けを起こすわけなんですね。
私は賢さが1アップしました。
2010-12-22
[GPL][MIT]ライセンスについて基本中の基本的なこと
今までずっと独学でHTMLやらプログラミングやらやってきました。
子供の頃からパソコンで何か作るのが好きで、とうとう職業にしちゃったわけです。
そんなわけで・・・
ライセンスについて今までちっとも勉強してこなかった!
英語やら法律用語やら専門用語やらで今まで読む気がしなかった。
ということで、今年中にいくつかライセンスについて知ったことをまとめたいと思います。
最終的には、
『GPLのPHPライブラリを利用したウェブアプリケーションを作成販売し、
かつ、オリジナルで作った部分のソースを公開する必要があるのか?』
を理解することですが、ちょっと調べたくらいじゃ、そんなモノわかりませんでした。
今回は、初めてライセンスについて書くので、基本中の基本。
GPL(GNU General Public Licence)とMIT Licence(X11 Licence)について分かったことを書きます。
GPLもMIT Licence(以下MIT)も、フリーソフトに関するライセンスで、どちらも。
・無償(無保証)
・利用/改造/再配布OK
・著作権表示義務あり
・商用利用OK
です。
まぁ、この辺りまではなんとなーく理解してましたが、じゃあどう違うねん、というと。
GPL
・ソースコードを公開する義務がある
・GPLを含む二次著作物もGPLにする必要がある(どんどん連鎖します←正しくは『ライセンスの継承』)
MIT
・ソース公開の義務なし
・二次著作物のライセンス変更もOK(元々の部分はMITのまま)
他にも、修正BSDライセンス(MITとほとんど一緒)、LGPL(緩いGPL)などあるので、次のサイトで確認すると良いと思います。
http://0xc000013a.wiki.fc2.com/wiki/%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%83%A9%E3%82%A4%E3%82%BB%E3%83%B3%E3%82%B9%E3%81%BE%E3%81%A8%E3%82%81
で、GPLのライセンスの継承ってやつが曲者で。
オープンソースなライセンスやコピーレフトなライセンス、クリエイティブコモンズについて、他のライセンスとどう組み合わせられるのかを図にしてみた
上記サイトが分かりやすく解説しているので、分からなくなった時に見に行くといいと思います。
さて、では実際に自分が作ったプログラムにGPLやMITを適用したい時はどうしたらいいのか。
ソースコードのどっか目立つ所(冒頭)にライセンスの宣言をすれば良いみたいです。
前述のまとめWikiによると、
GPLの場合:
全文っていうのがこれ。
この全文をソースコードの先頭に書けば、GPLライセンスになります。
MITの場合:
MITの場合はこんな感じで書けばいいようです。
実際の例はこれ。
でもね、実際に見てみると、結構省略して書く人が多いみたいです。
例えばjquery-1.4.4.min.jsだってこーんな…
ライセンスの宣言が
"Dual licensed under the MIT or GPL Version 2 licenses."
という一行で終わってます。
その次の行のhttp://jquery.org/licenseを見に行くと、それぞれのライセンス全文へのリンクがあります。
CakePHPはMITライセンスですが、こんな感じで表記しています。
どこにライセンスの全文が載っているか、を明記すればOKって慣例なんですかね。
なんだか、散らばった文章ですが、長くなってきたので終わります。(そして続きます、たぶん)
フリーソフトの『フリー』は『自由』であって、無料という意味ではない。
ということを再認識しました。
子供の頃からパソコンで何か作るのが好きで、とうとう職業にしちゃったわけです。
そんなわけで・・・
ライセンスについて今までちっとも勉強してこなかった!
ということで、今年中にいくつかライセンスについて知ったことをまとめたいと思います。
最終的には、
『GPLのPHPライブラリを利用したウェブアプリケーションを作成販売し、
かつ、オリジナルで作った部分のソースを公開する必要があるのか?』
を理解することですが、ちょっと調べたくらいじゃ、そんなモノわかりませんでした。
今回は、初めてライセンスについて書くので、基本中の基本。
GPL(GNU General Public Licence)とMIT Licence(X11 Licence)について分かったことを書きます。
GPLもMIT Licence(以下MIT)も、フリーソフトに関するライセンスで、どちらも。
・無償(無保証)
・利用/改造/再配布OK
・著作権表示義務あり
・商用利用OK
です。
まぁ、この辺りまではなんとなーく理解してましたが、じゃあどう違うねん、というと。
GPL
・ソースコードを公開する義務がある
・GPLを含む二次著作物もGPLにする必要がある(どんどん連鎖します←正しくは『ライセンスの継承』)
MIT
・ソース公開の義務なし
・二次著作物のライセンス変更もOK(元々の部分はMITのまま)
他にも、修正BSDライセンス(MITとほとんど一緒)、LGPL(緩いGPL)などあるので、次のサイトで確認すると良いと思います。
http://0xc000013a.wiki.fc2.com/wiki/%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%83%A9%E3%82%A4%E3%82%BB%E3%83%B3%E3%82%B9%E3%81%BE%E3%81%A8%E3%82%81
で、GPLのライセンスの継承ってやつが曲者で。
オープンソースなライセンスやコピーレフトなライセンス、クリエイティブコモンズについて、他のライセンスとどう組み合わせられるのかを図にしてみた
上記サイトが分かりやすく解説しているので、分からなくなった時に見に行くといいと思います。
さて、では実際に自分が作ったプログラムにGPLやMITを適用したい時はどうしたらいいのか。
ソースコードのどっか目立つ所(冒頭)にライセンスの宣言をすれば良いみたいです。
前述のまとめWikiによると、
GPLの場合:
(GPLバージョン3の和訳「4. 一字一句忠実なコピーの伝達」より引用) 『あなたはそれぞれのコピーにおいて、目立つように、かつ適切な形で、ふさわしい「コピーライト」告知を掲載しなければならない』とあります。
全文っていうのがこれ。
この全文をソースコードの先頭に書けば、GPLライセンスになります。
MITの場合:
ライブラリの著作権表示と許諾表示を、重要な部分に記載する必要がある。とあります。
MITの場合はこんな感じで書けばいいようです。
実際の例はこれ。
でもね、実際に見てみると、結構省略して書く人が多いみたいです。
例えばjquery-1.4.4.min.jsだってこーんな…
/*! * jQuery JavaScript Library v1.4.4 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Thu Nov 11 19:04:53 2010 -0500 */(ちなみにjQueryはMITとGPLバージョン2のデュアルライセンスってやつです。)
ライセンスの宣言が
"Dual licensed under the MIT or GPL Version 2 licenses."
という一行で終わってます。
その次の行のhttp://jquery.org/licenseを見に行くと、それぞれのライセンス全文へのリンクがあります。
CakePHPはMITライセンスですが、こんな感じで表記しています。
どこにライセンスの全文が載っているか、を明記すればOKって慣例なんですかね。
なんだか、散らばった文章ですが、長くなってきたので終わります。(そして続きます、たぶん)
フリーソフトの『フリー』は『自由』であって、無料という意味ではない。
ということを再認識しました。
登録:
投稿 (Atom)
人気のエントリー
-
今月8日に クックビズ株式会社 に転職したtomotomoでございます。 リスクヘッジのために断っておきますが、このブログは私個人の思想・思考をメモしておくためのものであって、私の勤務先の考えとイコールではありません。 (ああ、正社員て何て面倒なんだ。…という発言も私個人の発言...
-
先日、久しぶりに新しい分野、Androidアプリに手を出してみて、自分に向いている学習法を思い出したのでメモしておく。それって言語じゃなくない?とか言われると困る。 まず、 悪い学習法 。 去年から何度も Androidアプリを作ろう と思うも、PHPerの自分には...
-
久しぶりの投稿です。Googleアカウントを変更したためBloggerにログインできず、ずいぶん苦労しました。 一苦労といえば、去年の12月から職場の仲間にフランス人が加わりました。初めはほとんど日本語のできなかった彼と、どうコミュニケーションを取ったのか(しかも日本語で...
-
今回は Canvas - HTML5.JP を参考にしながら、月齢から月の形を計算して、canvasに出力したいと思います。 とりあえず、canvasのIDを取得するJavascript関数を作ります。 Canvasの使い方 - Canvas - HTML5.JP に詳しい...
-
先日、ちょっとしたミスでXAMPPをぶっ壊してしまい、起動しなくなりました。 1.6.xを使ってたんですが、久しぶりに公式サイトを覗いたら1.7.3まで出てるじゃーん。アップグレードしよう。なんて、思ってアップグレードパッケージを使った後に、1.7.2-1.7.3専用だと気付くも...