ゆたんぶろぐ

気が向いたら書いてます

grunt-play の終了音に Mac の警告音を使う

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

Wikipedia Mobile のようなスライドメニューを簡単に作る

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

コンテンツの高さに合わせたいサイドバー

css

要素を並べるって、普通 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>…

meta viewport を動的に切り替える際に気をつけること

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

ChatWork API を叩く PHP と Python のサンプル

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

iPhone ブラウザの Mercury が素晴らし過ぎて号泣した

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

IE8 でも box-shadow を使う

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

Chrome のブックマークを Mercury ウェブブラウザへインポートする

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

Haml のインストールから grunt の設定まで

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

grunt のインストールから初回 grunt までコマンド一発で完了させるターミナルシェルスクリプト

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

yaml で書いた複数の設定ファイルをひとつの json に書き出す Gruntfile

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

PostOnly に「コメント化」「Facebook のリンク投稿」「画像の部分的なフィルタ」を実装しました

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

grunt watch すると「Segmentation fault: 11」とエラーが出て止まってしまう場合

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

お好み焼きを簡単に食べたいあなたに

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

元カレ・元カノの保存形式について

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

Gruntfile.js を CoffeeScript で書いて見やすくする

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

PostOnly を一発認証で行けるようにしました

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

PostOnly に画像フィルタと画像トリミングを実装しました

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

PostOnly をアップデートしました。

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

PHP からメールを送信しようとしたけどタイトルが空になってしまう場合

php

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

京巡りガイドで、奈良版の「古都巡りガイド」のデータも読み込めるようにしました。

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

古都巡りガイドをリリースしました。

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

フラットデザイン化した等で好みじゃなくなったアプリのアイコンを変える

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

Twitter と Facebookに公開範囲やアルバム名を指定して同時投稿する「PostOnly」を公開しました

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

Facebook に公開範囲を指定して投稿する

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

Google Blogger からこのはてなブログにインポートしました

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

Mac のホームディレクトリの名前を変更すると色々吹っ飛ぶ

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

jquery.twitter.widget.js(Twitter API 1.1 使用)にオプションを追加しました

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

各種 SNS のアイコン変更をする際の方法や URL

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

京巡りガイドの機能を僅かに追加しました。

京都における観光地やホテルなどのルート案内、および情報を閲覧をできる「京巡りガイド」ですが、検索ページ・詳細ページにおいてバス停に付帯情報がある場合に表示するように機能を追加しました。検索ページや詳細ページにおいて、バス停の立つ場所が色々…