年賀状を作る憂鬱な季節になりました。デザインとか超苦手分野なので毎年憂鬱です。さて、そんな年賀状を作ってましたが、Illustrator でオブジェクトをアートボードの端っこに寄せようと思うんですが、揃わないんですよ。 「いやっ/// あたしそんなに軽い女…

astronaughts さんの grunt-play が便利ですね！いっつも grunt の終了はターミナルをチラ見してたので、大変助かっておりますありがとうございます。さて、終了音に好きな音を鳴らせるのは魅力的なんですが、手頃なものがない場合、Mac の警告音を使うとい…

Wikipedia を iPhone で見ると、左上にメニューボタンがあって、それをタップすると左からメニューが表示される、まぁよくあるタイプですが、簡単に実装しましょう。開閉の制御は jQuery、アニメーションはヒマなんで CSS3 でやりましょう。 HTML <nav> <a href="#">link</a> <a href="#">link</a> <a href="#"></a></nav>…

要素を並べるって、普通 float させることが多いと思うんですけど、場合によっては position を使った方がいいことがあります。そのひとつが、コンテンツの高さにサイドバーの高さも合わせたいって場合です。 HTML <div id="wrapper"> <div id="content"> left<br /> left<br /> left<br /> left<br /> left<br /> left<br /> left </div> <div id="sidebar">ri</div></div>…

pushstate 使用時など、jQuery などで meta viewport を書き換える場合、content 内の要素数が一致していないと、書き換え前の要素が引きずられてしまうので、一致させる必要があります。 一致してない例 $("meta[name='viewport']").attr('content', page =…

ChatWork API が プレビュー公開 されてますね！ でまぁ早速申請出して使ってみてるわけなんですが、超簡単過ぎて色々濡れちゃいました。ということで、簡単な ChatWork API を叩く簡単なサンプルを置いときますね。それぞれ下記を叩くことにします。 GET: /…

すいません号泣したのは嘘です。新しいオモチャが手に入ってニヤニヤした感覚はあるけど。iPhone の Safari って、まぁいいんだけど、痒いところに手が届かないというか「俺は別に痒くないし」って開き直られてる気がするので、他のブラウザにしようっていう…

最近、案件での IE 最低ラインが 8 になってきました。とても喜ばしいことですが、8 が良いわけではなく、7 や 6 といった不良仲間で確認しなくても良くなった、というだけです。さて、デザイン内に影がついていることはフラットデザインが流行っている今で…

さっきふと、iPhone の Safari ってまぁいいんだけど、もう一つなんだよなーって思って、インストールしてあった Chrome / Opera mini / Sleipnir / Mercury / iLunascape を比べてみました。その結果、今のところ一番いい感触だったので、Mercury をメイン…

Haml を使い始めました。とっても語彙力の無い子に見えるかもしれませんが、ヤバいですねこれ！ということで、インストールから grunt の設定までを書いてみます。 インストール $ sudo gem install haml grunt-haml のインストール $ sudo npm install grun…

grunt 便利ですね！ でもいちいちインストールするのめんどくさいんです！時間の浪費、ではなく、めんどくさいんです！ということで、grunt のインストールから初回 grunt 実行まで一発で終わらせるシェルスクリプトです。あ、毎度のことながら Mac 環境です…

grunt ムネアツですね！yaml で書いた複数の設定ファイルを、ひとつの json にまとめたい場合の Gruntfile です。 以下は、src/*.yml をまず src/*json に書き出し、js/settings.json にまとめる方法です。 使用するプラグイン grunt-yaml https://npmjs.org…

Twitter と Facebook に公開範囲やアルバム名を指定して同時投稿する「PostOnly」をアップデートしました。 コメント化 今までは PostOnly で連投を行うと、Facebook でも Twitter のように投稿が続いてしまっていましたが、今回「コメント化」をできるよう…

ハロー！grunt watch してますか？漏れるぐらいに便利ですよ！さて、今日も元気に新しい案件用に grunt をインストールして、おもむろに grunt watch するんですが、どうしても「Segmentation fault: 11」というエラーが出て止まってしまうのです。grunt 入…

以下に示すものは、完全なお好み焼きではありません。 しかし味は完全にお好み焼きです。 でもあっちゅー間にできます。 キャベツを千切りにする お好みソースをかける マヨネーズをかける カツオブシをかける 青のりをかける ほら、お好み焼きの味がするで…

昨日友達と話してて、元カレ・元カノの保存形式が男女で上書き保存・別名保存っていう喩えあるよねっていう話題になって、自分的にはパソコンでさらに喩えると分かりやすいのかなと思いました。 早速書いてみます。 元カレの場合 女性が彼氏ファイルを保存す…

みなさん grunt 使ってますか？便利ですよ！さて、「Gruntfile.jsは.coffeeのほうが扱いやすい ::ハブろぐ」を見ると、Gruntfile.js を CoffeeScript で書いてもちゃんと grunt さんは認識してくれるらしいので、CoffeeScript で書いてみました。以下は grun…

Twitter と Facebook に公開範囲やアルバム名を指定して同時投稿する「PostOnly」をアップデートしました。 Twitter/Facebook の認証はそれぞれ個別に行うのではなく、一度のボタンプッシュで行えるようにしました。 バグ改修 宜しければお使いください。 Po…

Twitter と Facebook に公開範囲やアルバム名を指定して同時投稿する「PostOnly」をアップデートしました。画像を選択すると、画像編集のためのコントローラが表示されます。このコントローラでは、「画像へのフィルタの適用」「トリミング」をできるように…

先日公開した、Twitter と Facebook に公開範囲やアルバム名を指定して同時投稿する「PostOnly」をアップデートしました。 画像回転コントローラの設置 縦向き画像の筈が横向きにアップロードされないように、画像回転コントローラを設置しました。画像を選…

10 分ぐらい悩んだので自分のための備忘録。PHP からメールを送ってるんだけど、何故かタイトルが空（No Title）になってしまう場合、以下を確認してみましょう。 タイトルとしている文字列に改行コードが入っていませんか？ コピペしたままでこれを見落とし…

本日、京巡りガイド の奈良版である、「古都巡りガイド」をリリースしたことに合わせ、京巡りガイドでも奈良版のデータを読み込めるようにしました。これにより、奈良の神社仏閣、ホテルなど各所のスポット検索、ルート検索などを行えるようになりました。使…

奈良県の主要観光地を対象に、神社仏閣や遺跡、ホテル、飲食店等の情報検索や、緯度経度を用いてルート検索を行える、古都巡りガイドをリリースしました。guide710.infoこのサービスは、既存の「京巡りガイド」の奈良版という位置づけであり、全く同等の機能…

最近アップデートしたアプリで、フラットデザイン化してなんだか好みじゃなくなった（正確に言うとダサくなった）ので沈痛な思いでいらっしゃるあなた、悲しむ必要はありません。アイコンを変えたらいいんです。 とっておきのかっちょいいアイコンをクリップ…

Twitter と Facebook に同時投稿できるサービスやアプリは結構あって使ってたけど、Facebook で公開範囲を指定して投稿したり、アルバム名を指定して画像を投稿したりできるものを見つけられなかったので、急造ではありますが作りました。PostOnly使い方は以…

Facebook Graph API のお話です。Facebook では公開範囲を個別に設けられますが、これを API 経由でやるには以下のようにします（PHP の場合）。なお、OAuth を用いた Facebook への投稿を経験した上でこういう願望が出ると思うので、必要最小限のみを記載し…

思うところあり、Google Blogger をやめることにしました。まぁ最近とんと使ってなかったという感じだったので...。はてなダイアリーからはてなブログへはそのままインポートできましたが、その他からのインポートが MovableType 形式じゃないとダメってこと…

今使ってる iMac は、前に使ってた Mac mini から移行アシスタントでデータを移したんだけど、そのときにホームディレクトリの名前が前と同じになっちゃったので、ずっと変えたいと思ってました。アカウント名とかいじれそうなところは全部新しい名前にした…

Twitter API 1.0 廃止で賑わってますが、Twitter のウィジェットを生成する jQuery プラグイン「jquery.twitter.widget.js」に新しい「reverse」オプションを追加しました。 wings1685 / jquery.twitter.widget.js今までは最新ツイートから古いツイートへ流…

今はたくさんの SNS があるので、全てに違うアイコンとか気が遠くなりますし、同じアイコンを全て変更するってのも気が遠くなります。Gravatar で一気に変更できると助かるのですが、対応してるサービスはほとんどなく...かといって API で変更できるかと言…