Nishiaki's Log

lightbox系のヤツでレスポンシブでもなんとかしたい

Posted on 2012-10-03

lightbox系の画像拡大のコンテンツがあるのをレスポンシブ的な感じでやった時、

最初、Lightbox 2で試してみたけど、

かなり大きなサイズの画像だと、スマートフォンのブラウザいっぱいいっぱいになって、どうしようもなかった。
色々試した結果、軽さもあって、ColorBoxがいいかなと。NETEYE Touch-Galleryは、なんかバギーな印象で今回は見送った。ColorBoxもSettingsがデフォルトのままだと、Lightbox2のデフォルト同様いっぱいいっぱいになってあわわ状態ColorBoxのSettings見て、


        $('#hoge').colorbox({maxWidth: '98%'});

$('#hoge').colorbox({maxWidth: '98%'});

とかでもスクロールはするんだけど、やはり大きい。うーむ。デベロッパーツールと格闘しながら、colorbox.cssの.cboxPhotoの


        max-width:none;

max-width:none;

を


        max-width: 98%;

max-width: 98%;

とかにしたら、だいたい希望通りになった。あとは微調整して。ターゲットブラウザでの動作とかちゃんと調べてご利用は計画的に。

PHPでスマートフォンとかを振り分け

Posted on

レスポンシブでなんとかしたい場合とか用でメモUAで振り分けてパーツをゴニョゴニョしたかったのでどういう解像度でどんな風に見せるか、@mediaとかと相談しながら、下記のページとか眺めて妥協点を探りながら


function is_mobile() {
    $ua = array(
        'iPhone',
        'iPod',
        'Android',
        'Windows Phone',
        'blackberry',
        'DoCoMo',
        'KDDI',
        'SoftBank',
        とかお好みで
    );
    $pattern = '/'.implode('|', $ua).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

function is_mobile() {

$ua = array(

'iPhone',

'iPod',

'Android',

'Windows Phone',

'blackberry',

'DoCoMo',

'KDDI',

'SoftBank',

とかお好みで

);

$pattern = '/'.implode('|', $ua).'/i';

return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);

}

WordPressでアイキャッチ（投稿サムネイル）画像を登録している投稿だけ抜き出す

Posted on

WordPressでアイキャッチ（投稿サムネイル）画像を登録している投稿だけ抜き出したかったのだけど、http://codex.wordpress.org/Template_Tags/query_postsとかhttp://codex.wordpress.org/Class_Reference/WP_Queryとか見ても載ってない（ように見えた）。英語自信なし。で、ググったら出てきた。WordPressのquery_postsまたはWP_Queryでアイキャッチ画像（Post Thumbnail）が設定されている投稿のみを表示する方法 | ちいさな創々

配列の場合

    'meta_key' => '_thumbnail_id'

1 2	'meta_key' => '_thumbnail_id'

文字列の場合

    'meta_key=_thumbnail_id'

1 2	'meta_key=_thumbnail_id'

英語でそのままググれば一発やったんやね。WordPress › Support » get_posts with thumbnail only

(仮)FWW_健康って大事なんですよ @sugmak 二周忌イベントに行ってきた

Posted on

(仮)FWW_健康って大事なんですよ @sugmak 二周忌イベントに行ってきた。まあ、普段健康診断してない国民健康保険のみんなで健康診断しましょう。っていうイベントなんですが@nippei氏に手配してもらった、秋本病院で、オレは福岡市のよかドックを受けた。

福岡市民でない人は、別のプランで。秋本病院でのよかドックは、これで500円やったら、大満足という内容でした。

スタッフや先生方も親切でフレンドリーでした。@nippei氏ありがとう！遺影用写真撮影会なんかもしちゃったりしてきて、そのあと昼食会という流れで。このイベントの経緯としては、

▼背景
@sugmak が亡くなってもうすぐ一年経とうとしています。
あの福岡のIT系コミュニティ活動に尽力し、運動にも健康にも気を配っていた@sugmakさんが脳溢血による突然死で亡くなった事は周囲に衝撃と深い悲しみを残しました。

@sugmakさんは長い間、健康診断の類は受けられてなかったそうです。
もし受けていれば助かった命かもしれません。。。
このような不幸を繰り返さないためにも、これを教訓とし、
フリーランスも健康に注意を払おうという主旨のイベントです。

ってことで。また来年もあると思いますので、国民健康保険の方で健康診断受けてない方は是非。

MAMPのMySQLが起動しない

Posted on 2012-09-20

気分がいいので、もうひとつ投稿先日、急にMAMPのMySQLが起動しなくなったんですが、再インストールする時間もない。

というか、出先でテザリングしてたんで、ダウンロードするには時間かかりすぎた。で、検索してみますとありました！MAMPでMySQLが起動しなくなった場合 | HATO BLOGMAMPを起動させた状態で、MacのTerminal.appで “killall -9 mysqld” を実行。

その後、MAMP再起動するといいようです。めでたしめでたし。

MacのTime Machineに繋いだプリンタがオンラインにならない時

Posted on

Blogの存在も忘れてる位ですが、なんだか急に思い出したので久々に投稿してみます。バックアップやTime Capsule用にTime Machine使ってるんですが、どうにもTime Machineに繋いでるプリンタがオンラインにできない。Time Machine自体は認識してるし、Time Machineの設定見なおしてもOK。でもオフライン。で、検索してみたら、下記みたいなのありました。OS X Lion および Mac OS X v10.6 でのプリンタに関する問題のトラブルシューティングプリンタ設定から、繋がらないプリンタを一旦削除して、再度追加すればよかったんですね。無事プリントできるようになりました。

ちなみに、プリンタは無線と有線で2台使ってます。この辺も関係あるんだろうか？

Mac Dreamweaverで日本語入力時、Tabキーで候補を選択できるようにした

Posted on 2012-01-28

メインはNetBeans使ってて、Codaも使ってるんでDreamweaver使う機会が少なくなってきてますが、
やはり使いたいシーンはあります。主に下記のような場合。

検索置換が優秀
テーブルをデザインビューみながら操作

んで今回Dreamweaver使いながら日本語入力したい機会があって、どうしても癖でTabキーで候補選択しちゃって、
実際にTabキーが入力されて、イライラしてたので、検索してみたらありました。
オレの場合、英語キーボード使ってて、そもそも日本語と英語の入力切替に KeyRemap4MacBook 使ってるんでバッチリ。

dreamweaverでgoogle日本語入力を使っていてtabが使えない問題をKeyRemap4MacBookで解決 | http://highhigherhighest.com/
private.xml編集して、再起動したらKeyRemap4MacBookの設定でmy originalが出現してるので、チェックボックスをオンにすればOK。

そういえば【SwitchOn! FUKUOKA】に行ってきたんだった。

Posted on 2011-10-28

グローバルブレインズの森社長から騙されてお誘いを受けて、
【SwitchOn! FUKUOKA】に行ってきた。

森社長と、とあるイベントで、
「実際、システム会社さんからのデザイン協力のニーズありますし、実際こんな感じなんですよね」とかいう話をしていると、
「ああ、じゃあ今度のイベントに協力してください！」
「お力になれるかどうかわかりませんが、私で良ければ。」
という感じで、今回のイベントに協力させて頂くこととなりました。

SwitchOn!とは
「中小IT企業」と「ベンチャー企業・フリーエンジニア」とのマッチングという、「ありそうでない」試みです。
SwitchOn! (Facebookページ)より抜粋
SwitchOn! FUKUOKA 第一回のパンフpdfデータ

イベントの詳しいレポートは、Switch On!(中小IT企業×ベンチャー企業・フリーエンジニア)のプレゼン資料公開 | MutsuLogとかを読んでみてください。

森社長と話しているときに、
“イベントを通じて、福岡にある会社が、活発に交流や協力しあって、元気になればいいな”と
なんかそんな風なことを考えてました。
それで私の周りの人や私もいい仕事に恵まれると最高やなと。

福岡は東京に比べたら狭い。
狭いからこそ、プログラム言語や分野を超えたコミュニケーションやマッチングも容易となる部分があると思ってます。
逆スケールメリットって言うかそんな感じで。
結局、人と人とのコミュニケーション重要なので。
今回私が協力させてもらったのも森社長とのコミュニケーションなんで。

という理由もあり、
【コラボレーション&コミュニケーション】というスライドを作って、説明させてもらいました。

実は内容は、オリジナル部分はほとんどなくて、誰かの発表したモノのサンプリングだったりします。
サンプリング元の方々、リスペクトしているので、お許しください。
ってな訳で、そのスライドは、下記の通りです。

SwitchOn! FUKUOKA Vol.1 コラボレーション&コミュニケーション

View more presentations from nishiaki

MAMPのMySQLをターミナルから操作する

Posted on 2011-09-29

sqlファイルが大きすぎて、phpMyAdminではインポート不可能な場合があったのでメモ

cd /Applications/MAMP/Library/bin

1	cd /Applications/MAMP/Library/bin

./mysql -u root -p

1	./mysql -u root -p

パスワード求められるんで、デフォルトだとrootか。を入力

パスワード管理のツール

Posted on 2011-08-12

そういえば先日、九州ちくご元気計画の IT×IT研究会に行ってきたんだった。
相変わらずのグダグダトークでした。
参加して頂いた方、すいませんでした。
その中で、パスワード管理ツールについて、調べたらBlogに書きますとか言ったような気もしたので、一応。
答えは、「パスワード　管理」でほぼ全てなんですが、
またもや暴力的なので（笑
私が使っているのは、1Passwordです。
もともとMac用のアプリだったんですが、他のOSも対応してるようです。
研究会の中で、設定ファイルを Dropbox に入れて、
携帯（Android）からも、複数のMacからも使用（同期）できるようにしていると説明しました。
オープンソースだと、KeePass っていうのがあるみたいですね。
パスワードの設定ファイルをクラウドに置くのが心配っていう方もいるかもですが、
Dropboxもファイルは暗号化してるらしいし、1Password.agilekeychainの中身見るとIDとパスワードは暗号化してるみたいだし、
同期が簡単っていう利便性も捨てがたい。
それでも心配っていう人はクラウドじゃないところで同期できるように工夫してください。
そこまで心配する人は、同じIDパスワードを使いましたりとかはしてないでしょうし。