タグ Mach3.laBlog
人気順 10 users 50 users 100 users 500 users 1000 usersAmazon KDP で自費出版をしてみた話 – Mach3.laBlog
Amazon KDP で自費出版をしてみた話 昨年11月末から12月末にかけて当ブログにて掲載していた 「Alphabetical Advent Calendar」を題材にして Kindle ストアでの自費出版を試してみました。 紹介を兼ねて、備忘録など。 JavaScript Alphabetical Advent Calendar 2013 JavaScript Alphabetical Ad... 続きを読む
日付を便利に操作するためのJavaScriptライブラリ色々 | Mach3.laBlog
JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと便利にした XDateオブジェクト を実装するライブラリです。 使い方はDateと... 続きを読む
testemで任意のHTMLでテストを動かす方法とJavaScriptデバッガ連携 | Web scratch
testem Test Runnerのtestemを使ったテストについてメモ testem自体については以下などを見るといい気がします。 JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog Testem 0.1.0 Released and Screencasts testem の仕組み的には、テストを実行するためのHTMLページを用意して、 teste... 続きを読む
ブロック要素の高さを行毎にあわせるjQueryプラグインを習作する | Mach3.laBlog
既知の類似プラグインは多数あるこの課題ですが、ちょっと習作してみました。 横並びにレイアウトされたブロック要素の高さを揃えるライブラリです。 なにをしたいのか 例えば、フロートなどで横並びにした要素があって、それぞれの高さを揃えたい時があります。 こんな感じに。この処理をしてくれるライブラリを書いてみます。 書いてみた物 jQuery.lineUp 使い方 例えばこんな要素があるとして <div ... 続きを読む
JavaScriptのスライダーにブラー効果をつけてみる実験 | Mach3.laBlog
先日リニューアルのご報告をした Matsukaze.で使用している ブラー効果をつけたスライダーで、実験的に採用した手法を記録しておきます。 基本的な仕組み ぼかし画像の透明度について 簡単なデモ まとめ 基本的な仕組み まずスライダーに使用する絵を連結して一枚の画像にしたものを作成。 そして、その画像を横にブレさせた画像を別途用意します。 ぼかし画像は、例えばFireworksなら「移動(ぼかし... 続きを読む
スタイルガイドを生成する「StyleDocco」の使用感 | Mach3.laBlog
先日スタイルガイドを制作する機会がありまして、 せっかくなので、スタイルガイドの生成に利用したStyleDoccoの使用感などをまとめておきます。 スタイルガイドについて ざっくり言うとスタイルシートのドキュメントです。 自分一人で完結するその場限りのページなら良いのですが、 複数人のチームで組み込んでいたり、メンテナンス担当が他の方だったりする場合、 プロジェクトのCSSをドキュメント化しておく... 続きを読む
JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog
JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but ... 続きを読む
CSS3のbox-shadowでお絵かきアプリを書いてみたものの… | Mach3.laBlog
先日、CSS3のbox-shadowで描画されたモナリザが話題となりましたが、 インスパイアされて同じ手法でお絵かきアプリを作ったらどうなるか試してみました。 作ってみたもの まずはデモから。当たり前ですが、box-shadowに対応していないブラウザでは動きません。 DEMO on JS Bin JS Bin 感想 作って動かしてみた率直な感想を申し上げると…そもそもこういう用途を想定していない... 続きを読む
OpauthとtmhOAuthで極めてお手軽にTwitterと連携してみる | Mach3.laBlog
PHPでTwitterのAPIを利用する方法は何度かPEARのServices_Twitterと絡めて記事にした事がありましたが、 今回はもっと手軽に導入できるOpauthとtmhOAuthを紹介してみます。 認証はOpauthで Opauth – Multi-provider authentication framework for PHP Opauthは、様々なOAuth認証を一手に引き受けて... 続きを読む
jQueryUIのDialogをカスタマイズする6つの物凄く細かい小技 | Mach3.laBlog
jQueryUIのdialogは結構お世話になっているのですが、 たまに欲しい機能がなかったり、あっても説明されてなかったりするので ここにDialogカスタマイズTipsをしたためておきます。 Modalしたダイアログをオーバーレイクリックで閉じる 任意の要素をクリックして閉じる アニメーションで閉じる・開く エフェクト中にオーバーレイの後ろに回りこんでしまうのを回避する 閉じる・開くアニメーシ... 続きを読む
に読み込むべき唯一のスクリプト「headjs」 | Mach3.laBlog
「Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、 「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。 使い方 Head JS :: T [...] 続きを読む
IEの透過PNG+opacityの不具合を治すメモ | Mach3.laBlog
透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。サンプルコード例えば、こんなコード。.test {display:block;width:128px;height:128px;backgrou... 続きを読む