ふと昔自分が書いたコードを眺めてました。 あるあるだと思うんですが、「ひどいなー」とか「今ならこうするなー」とか思ったりするわけです。 今日はそんなひどいコードたちを、自分への戒めという意味も込めて、正していこうと思います。どれも基本的なことばかりですが。 ちなみに、ここで挙げている昔のコードは、いずれもバグ予備軍的なコードだったり、ちょっとイケてなかったりするコードです。 そのコードが動く環境では期待通り動いてます。 本当にバグを見つけちゃったら、こんな感じでは書けませんね。 for 文の継続条件式におけるプロパティ参照 昔のコード: for (var i = 0; i < items.length; i++) { // ... } 今ならこう書く: for (var i = 0, length = items.length; i < length; i++) { // ... } Ja

Chrome は単体で PDF を印刷する機能を持ってて便利なんですが、CSS の background-color や background-image が反映されません。 「背景を印刷」みたいなオプションも見当たらなかったので、無理なんかなーって思ってたんですが、どうやら CSS で解決できるっぽいです。 @media print { body { -webkit-print-color-adjust: exact; } } 人様のページであっても、デベロッパーツールを使えばなんとかなります。 -webkit ってベンダープレフィックスが付いてますが、Safari 5 では動きませんでした。 未だに Snow Leopard を使ってるもんで、Safari 6 は確認できてません。 以下、参考にさせてもらいました。 TIP: Print CSS backgrounds in Googl

twitter facebook hatena google pocket すこし前にTwitter Cardsなるものがリリースされました。 これはTwitterの公式Webサイトから見ているときに詳細部分で画像などを見られる機能を、自分のサイトに適用させられるものです。 これによりページのイメージを訴求することができます。 Twitter Cards | Twitter Developers このTwitter Cardsが承認・反映されたので、紹介します。 試しにツイートしてみてください。 ツイート sponsors 指定方法 FacebookのOGPのようにmeta内に指定をしていきます。 一緒でいいじゃないかという野暮ったいことは言わないでください。 まずは種類から summary:デフォルトです。タイトル、説明、サムネイルTwitterアカウントなどを表示します。 photo:

リンクをボタン型に装飾して表示するサンプル 前のページでご紹介したソースを使ったサンプルページは以下の通りです。PC用ブラウザや、スマートフォンからアクセスして閲覧してみて下さい。 http://allabout.co.jp/gm/gc/382463/file/s.html このページを、スマートフォンのブラウザで閲覧すると、以下のように見えます。 前ページでご紹介してきたソースのまとめは、以下の通りです。 ■本文中のリンクを装飾する場合： a { /* ▼枠線 */ border-style: solid; border-width: 1px; border-color: #ccc #999 #999 #ccc; /* ▼角丸 */ -webkit-border-radius: 7px; /* Chrome,Safari */ -moz-border-radius: 7px; /* Fi

ある朝、朝食の準備をしていて、ふと窓の外を見ると、久しぶりの朝焼け。 朝の忙しい時間にも関わらず、カメラを持って庭に出ました。 まだパジャマを着ていたため、塀の外には出られず、近所の家や電線を避けて写真に収めることはできなかったけれど、なんとか朝焼けの写真が撮... 写真は、今日の内容とはまったく関係のない、葉っぱを落として、とげとげ？の幹を現した近所のイチョウの木。 今日は金曜日。 土日は英語学校がお休みなので、金曜日は大好きです。 ところで、この「きょうはきんようび」ですが・・・。 この場合の「は」は、「わ」と発音するので、読み方をひらがなで書くと・・・ 「きょうわきんようび」 でも、日本語を母国語とする人は、実際にはひらがなで書いたとおりには発音してません。 実際の発音は、 「きょ～わきんよ～び」 に近いかと思います。。。 これに似たようなことが、やっぱり英語でもたくさんたくさんあり

フェンリルのプロダクトSleipnir タブの切り替えさえも1フリックで片付く。 最速タブのモバイルブラウザ。 株式会社大丸松坂屋百貨店 株式会社JFR情報センター大丸・松坂屋アプリ 全国14店舗の「大丸」「松坂屋」の 便利でお得なアプリ。 フェンリルのプロダクトNILTO 磨き込まれたインターフェースで、 チームの理想を実現するヘッドレスCMS。 日本放送協会NHK ニュース・防災 ニュースや災害情報、防災に役立つ 情報などをいち早く届ける、NHKの公式アプリ。 株式会社クボタKubota-PAD4.0 株式会社クボタがグローバルで展開する 農業機械、建設機械、エンジンの部品カタログシステム。 フェンリルのプロダクトBrushup イラスト・写真・動画などのレビューを効率化。 高速コミュニケーションツール。 西日本旅客鉄道株式会社 株式会社JR西日本ITソリューションズJR 西日本列車走

3D printers have immensely revolutionized the art and manufacturing industry. With advancements in 3D printer technology, it is now not very difficult to own one, even in your home or office. Moreover, you don’t have to be an AutoCAD engineer to design a 3D model for your needs, as this job is taken up by numerous 3D model websites. So, if you want to create 3D furniture, a mechanical component, o

iPhoneとAndroidでは以下のような指定をHTMLに書いておくことによりホーム画面にショートカットを作成した時のアイコンイメージを指定できる。 <link rel="apple-touch-icon" href="/img/icon.png"> ところが開発環境などで試しているとこの指定をしているにも関わらず指定したアイコンイメージが使われないことがある。 その場合は開発環境でBASIC認証を使っていないかどうかを確認すると良い。 具体的にはアイコンイメージのURLにBASIC認証がかかっているとNGである。 仮にショートカットを作成する対象画面のURLに同じBASIC認証がかかっていて画面表示の際にIDとパスワードを入力済みであってもNGである。（このせいでハマった） ちなみにAndroidは機種によって挙動が違うようで、BASIC認証がかかっていてもOKな機種があるかもしれない