寒さに負け、今日からヒートテックタイツを履き出した、僕 鼻沢です。 iPhoneの液晶カバーを張るときって緊張しませんか？気泡が入ったらどうしよう・・・って。でも大丈夫です。実は簡単な方法で誰でもキレイに張ることができます。 準備する物 ●液晶カバー ●メンディングテープ ●メガネ拭き ●ヘラ（なくても大丈夫です）※あれば、STEP.5で気泡を追い出す時に使います。 少しだけ大まかな流れを確認したいと思います。 STEP.3終了後で気泡が入りますが、これは想定の範囲内ですから気にしないでください。それではやっていきましょうか。 STEP.1 液晶カバーを袋から取り出して、シールを剥がさずにiPhoneの液晶画面に乗せます。 この作業は仕上がりのイメージを確認するためにします。 本体と液晶カバーとの間にどれくらいの隙間（余裕）があるかを確認しましょう。 （液晶カバーが本体よりも小さい、または

Keep Margins Out of Link Lists 下記は各ポイントを意訳したものです。 HTML：スタイルシート無しの状態 CSS：リンクをブロックレベルに CSS：さらによい実装方法 [ad#ad-2] HTML：スタイルシート無しの状態 HTMLは非常にシンプルです。 文字数の異なるテキストリンクをリスト要素で実装します。 HTML <ul> <li><a href="#">リスト1</a></li> <li><a href="#">リストリストリスト2</a></li> <li><a href="#">リストリスト3</a></li> </ul> デモページ（当方作成） リストのアイテムはブロックレベル、リンクはインラインレベルになり、リンクのクリックできる領域はテキストの長さに依存するため、小さく窮屈なものになっています。 CSS：リンクをブロックレベルに a要素をブロ

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス

Market share by Net Applications Net Applicationsから2010年11月のブラウザシェアが発表された。発表されたシェアは次のとおり。 2010年11月ブラウザシェア - Net Applications報告 2010年11月バージョン別ブラウザシェア - Net Applications報告 順位 ブラウザ シェア 推移 備考 1 IE 58.26% ↓ 微減 2 Firefox 22.75% ↓ 微減 3 Chrome 9.25% ↑ 力強い成長 4 Safari 5.55% ↑ 微増 5 Opera 2.20% ↓ 微減 順位 バージョン別ブラウザ シェア 推移 備考 1 IE8 32.75% ↑ 11ヶ月連続1位 2 Firefox 3.6 18.16% ↑ 3 IE6 13.66% ↓ 中国のシェアを抜くとIE6のシェアは7.62%まで

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

最近リリースされた高品質なフリーのデザインフォントを紹介します。 HERO 個人・商用利用無料。 ROKE1984 個人・商用利用無料。 Spatha Serif 個人・商用利用無料。 [ad#ad-

以前、デザインとか加工とか出来ないから なんかいいの教えて、と言われて教えたツ ールいろいろという記事で、ブログを始めた 彼が今度はブログをパワーアップさせたい 的な事を言い出したので教えたWebサービ スです。知識がないから簡単に出来るやつ がいい、とのことでしたのでそんなWebサー ビスになっています。 パワーアップさせたい、としか聞かれなかったのと、僕もあまり時間がなくてさほど数は探せませんでしたが、喜んでくれていたので需要があるかと思って記事にしてみます。パワーアップって言われても、どうしたいのかよく分からないので機能を追加できる的なものを探してみました。 基本的にコピペで済むものがほとんどです。僕自身、あまり導入経験が無いので使用感抜きで書いていますがご了承ください。 zenback 国産（シックス・アパートさんですね）のWebサービスです。かなり色々なところで見かけますが、申請

アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」 2010年11月29日- jQuery.superselect アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」。 以下が普通のselect ですが…。 使用後は次のようにファンシーな感じに。 なんかページデザインとselectボックスのデザインに統一感がないというようなケースや、アイコンを付けてわかりやすく選択してもらいたい場合に使えそうですね。 <option>タグのrel属性にアイコンを設定しておいて、$(element).superselect() とやると実現できるみたいです。 関連エントリ デザイン性に優れたクリエイティブなフォームデザインのサンプル集 斬新なコメントフォームデザイン集

テキストリンクをはじめ、p, span要素のテキスト、li要素のテキスト、div要素、img要素などさまざまなDOM要素に、アニメーションを伴ったツールチップを表示するjQueryのプラグインを紹介します。 jQuery Bubble Popup v.2.0 デモページ：さまざまなDOM要素への実装例 [ad#ad-2] Bubble Popupの対応ブラウザ Internet Explorer 6.5, 7, 8, 9 (beta) Firefox 3.5.x Safari 5.0.x Opera 10.x Chrome 6.0.x iCab 4.x Webkit based browser (reKonq, Arora) KHTML-based browser (Konqueror) Bubble Popupの主な特徴 あらゆるDOM要素にツールチップ、ポップアップを作成できます。 ツ

商用でも無料で利用できる、ひらがな・カタカナ・英数字・記号、JIS第二水準漢字、シフトIBM拡張漢字を収録した日本語フォントを紹介します。 たぬきフォント たぬき油性マジックフォントのダウンロードページ [ad#ad-2] 先日「漢字も使える手書き風の日本語フォントのまとめ」を記事にした際に作者様から紹介をいただいたもので、普通紙に油性極太マジックで一文字一文字手書きして作成した渾身のフォントとのことです。 これから年賀状を準備する人は、宛先に使うのもよさそうですね。

aaencode という、JavaScriptを顔文字だけにエンコードするツールがあるということを、たまたまTwitter経由で教わった。aaencode によってエンコードされた顔文字のテキストはなんとそのままJavaScriptとして実行可能というから驚きだ。同じサイトには、記号だけのJavaScriptを生成する jjencode というツールも公開されており、これもまた興味深い。 タレコミ人はJavaScriptが全くわからないのでなぜこれが実行できるのかさっぱり理解できないが、もしかしてJavaScriptプログラマーにとっては驚くほどのものではないのだろうか？また、他にもこういったおもしろいコードの書き方やエンコーダ、ジェネレータのようなものは存在しているのだろうか。

WPF/Silverlight開発において、イベント駆動開発じゃ何故いけないのか？ MVC/MVP/PMパターンとMVVMはどう違うのか、どういったメリットがあるのか？ そういう声を聴く機会は少なくありません。 MVVMパターンとイベント駆動開発、MVC/MVP/PMパターンとの関係について僕の理解をまとめました。 MVVMパターンをわざわざ適応する事に疑問がある方にはぜひ読んで欲しいと思っています。 また、このドキュメントを記述するにあたり@matarilloさん、@ufcppさん、@yfakariyaさん、諸先輩方３方に叩き台を見ていただき多くの指摘を頂くことができました。今回は頂いたフィードバックを受けて公開する形になっております。 押しつけがましくも一方的に依頼させていただいて、にも拘わらず非常に丁寧に様々な指摘・示唆を頂くことができました。 この場を借りてお礼申し上げます。ありが

ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

WordPressのショートコード：Black Glass [button link="#" variation="black_glass" size="large"]Your Text[/button] [button link="#" variation="black_glass"]Your Text[/button] WordPressのショートコード：Hot Pink [button link="#" variation="hot_pink" size="large"]Your Text[/button] [button link="#" variation="hot_pink"]Your Text[/button] ボタンで使用している画像は下記のようになっています。 自分用にカラーやサイズを変更する時は参考にしてください。

「HTMLのscriptタグ内にデータを埋め込む際のエスケープ処理モジュール書いた」に引き続いて、XSSを避けつつ複数の値をJSONで渡す方法。 答えはmalaさんが書いてます テンプレートエンジンでJSONを生成する(多くの場合間違えるので、推奨しない) scriptタグの中でJSONを使わない 可能であればJSONライブラリのオプションで<>/いずれかをエスケープする。 生成されたJSON文字列の<>/いずれかを正規表現などを使って置換する。 JSONのvalueに当たる部分には「HTMLエスケープ済みの文字列を入れる」という規約を設けて事前にエスケープする。 の3番目以降。 ということで実装してみる。目標としてはXslateのfilterとして実装 [% hashref | json %] の様な形をとり、JSONのvalueにあたる部分はすべてHTML Escapeし、HTML中に

Best Free WordPress Themes of 2010 | Freebies ユニーク記事配置がいい感じなWordPressテーマいろいろ2010。 単に記事を上から並べただけではなく、面白い並べ方をしているテーマなどが色々紹介されていました。 来年はちょっと気分をかえてこうしたテーマにしてみてもいいかもしれませんね。 Shaken Grid Imbalance Mansion Simplefolio Simplo AutoFocus+ Koi 関連エントリ MacOSのGUIみたいなWordpresテーマ「Tigerpress」 かなり美麗なフリーのWordPressテーマ60 iPadやiPhoneアプリ等の開発ブログとして使えそうなクールなWordPressテーマ 凄くクールなフリーのWordpressテーマ「Infinity」

Ajaxによるスムーズな操作が可能なファイルマネージャ。 [/s2If] PGRFileManagerはPHP製のオープンソース・ソフトウェア。様々なローカルアプリケーションがWeb化する中、Web上にあるファイルをWeb上で修正するというのも受け入れられるものになっているかも知れない。セキュリティについてはシステム上で強固に作り込めばいい。 画像のプレビュー その代わりに得られるメリットは大きい。Web上でファイル修正ができればサーバ上のファイルを多人数で変更できる。ファイルの移動処理などもサーバのパワーで一気に終わらせられる。その可能性を感じさせるのがPGRFileManagerだ。 PGRFileManagerは2ペインのWebベースファイルマネージャだ。左側にフォルダのツリーが表示され、その中身が右側に表示される。画像はサムネイルが表示されるようになっている。表示はアイコンの他、リ

Hotaru CMSはPHP/MySQLのオープンソース・ソフトウェア。CMSは世の中に多数存在する。ブログエンジンも今ではCMSの一つとして考えられている。そんな状況にあってもなお、新しいCMSが日々作られているというのは凄いことだ。 プラグインをインストールすればこんなサイトも 大抵CMSはセットアップ完了時に色々なモジュールがインストールされており、その中から自分の好きなものを選択して有効にするようになっている。だがHotaru CMSは違う、素のままでは全く何もないのだ。必要なものは自分で設定する必要がある。 Hotaru CMSはプラグイン指向とも言うべきCMSだ。そのためコアになる部分ではサイトとして成り立たない。そのためブックマークサービスが構築できるモジュールがパックになっており、それらを全てインストールするとようやく使えるレベルになる。他にテーマ機能がある。 プラグインマ

UglifyJSはJavaScriptを解析し、難読化および可読化処理を行う。 [/s2If] UglifyJSはJavaScirpit/node.js用のフリーウェア（ライセンスはZLIB-like license）。JavaScriptはサーバサイドの言語が何であれ、Webブラウザ上で動作するプログラミング言語としては共通している。つまりインターネット上で最も利用されているプログラミング言語といえる。 難読化例 最も利用されているだけに活用できる幅が広がれば、より生産性が高まったり、インターネットの高速化につながる可能性がある。WebアプリケーションなどでJavaScriptを多用しているなら注目したいのがUglifyJSだ。 UglifyJSはJavaScriptのパース、難読化および逆に可読化を行うライブラリだ。コンソールベースでも動作し、JavaScriptファイルを指定して難読

WordPress 楽しんでますか？ 今回は WordPress で作られたWebサイトを少しダイエットさせて、表示速度を早くするために、やっておいたらいいかもしれない Tips をいくつかご紹介します。 私は WordPress が大好きなので、もちろんこのブログも WordPress で作っています。でも WordPress は PHP で作られているブログツール。ブラウザで表示されている Webページは、PHP によって動的に作られた HTMLです。 Webページを表示するたびに、Webサーバの中で PHP が働き、HTMLを吐き出しているので、最初からHTMLで書かれた Webページに比べて、表示が遅くなる傾向があります。 私のブログは、毎日のアクセスがそれほど多い訳ではないので、それほど神経質にはなっていませんが、一時キャッシュ系のプラグインの使用と、その他にもいろいろ工夫をした

if ( $blog == " Webエンジニアのためのライフハック " ) { print " 1-byte.jp "; } ホーム1-byte.jpとは 書いてるヒトは ここ2ヶ月間で気になる記事がたくさん上がっていました。 特に少人数チームにおける開発に関する記事です。 昨日、書き上げた”1年間の技術的負債を返すために読んだ3冊の本“にある通り、お知らせメールでは1年間の技術的負債を返そうとしています。 そのためには今まで曖昧だった箇所を浮き彫りにし、改善する必要があります。 また、せっかくなので新しいモノも取り入れたい。 こうしたことを考えながらの2ヶ月だったので、自然と目に止まった記事が3つありました。 スタートアップ企業で8年間Webの開発をしてみての反省点いろいろ 複数人(2-3人)でウェブサービスを開発するコツ A successful Git branching m