bulblub» dev http://bulblub.com おこづかいもふやしたいプログラマのブログラマのブログ Mon, 27 Feb 2012 13:20:40 +0000 ja hourly 1 http://wordpress.org/?v=3.3.2 [ 5倍高速化 ] WordPressにpjax用の子テーマ書いてみた。 http://bulblub.com/2012/02/27/%e5%80%8d%e9%ab%98%e9%80%9f%e5%8c%96-wordpress%e3%81%abpjax%e7%94%a8%e3%81%ae%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e6%9b%b8%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/ http://bulblub.com/2012/02/27/%e5%80%8d%e9%ab%98%e9%80%9f%e5%8c%96-wordpress%e3%81%abpjax%e7%94%a8%e3%81%ae%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e6%9b%b8%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/#comments Mon, 27 Feb 2012 13:03:56 +0000 admin http://bulblub.com/?p=509 Continue reading →]]> ”WordPressにpjax導入してみた。”のつづき
githubにてtwentyeleven_pjaxにTwenty Elevenの子テーマとして公開しました。

遊んでみてください。以下テスト

MAMP環境ですが、トップページで
16 件のリクエスト
259.7 KB
702ms (onload: 713ms)
が
1 件のリクエスト
3.3 KB
147ms

4.7倍程早くなってますね！※タイトルは盛りました。
中身を見てわかるようにコンテンツ部以外のリクエストもレスポンスも発生してないから当たり前だけど。

真面目な高速化に興味がある方はこちら
WordPress 高速化＆スマート運用必携ガイド : dogmap.jp

もうすぐ発売だそうです。

]]> http://bulblub.com/2012/02/27/%e5%80%8d%e9%ab%98%e9%80%9f%e5%8c%96-wordpress%e3%81%abpjax%e7%94%a8%e3%81%ae%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e6%9b%b8%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/feed/ 1 WordPressにpjax導入してみた。 http://bulblub.com/2012/02/23/wordpress%e3%81%abpjax%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/ http://bulblub.com/2012/02/23/wordpress%e3%81%abpjax%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/#comments Thu, 23 Feb 2012 13:56:32 +0000 admin http://bulblub.com/?p=504 Continue reading →]]>

追記：2012/02/27 現在当ブログでは無効にしています。

もう少し正常に動作したらちゃんと書く。
一応書きました。”[ 5倍高速化 ] WordPressにpjax用の子テーマ書いてみた。”

できればTwenty Elevenの子テーマとして公開したい。
公開もしました。snize/twentyeleven_pjax – GitHub

しかしこの動作のばらつきは謎
基本的に他のどんなプラグインとも相性が悪いです。

参考リンク
defunkt/jquery-pjax – GitHub
wayoutmind/thematic-pjax – GitHub
pjax こそが pushState + Ajax の本命 – punitan (a.k.a. punytan) のメモ
Processing.js+pjax+Wordpressで作る最強のインタラクティブサイト構築方法 / code

]]> http://bulblub.com/2012/02/23/wordpress%e3%81%abpjax%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/feed/ 1 fluxflexとgithubリポジトリの連動に失敗してる。 http://bulblub.com/2012/02/06/fluxflex%e3%81%a8github%e3%83%aa%e3%83%9d%e3%82%b8%e3%83%88%e3%83%aa%e3%81%ae%e9%80%a3%e5%8b%95%e3%81%ab%e5%a4%b1%e6%95%97%e3%81%97%e3%81%a6%e3%82%8b%e3%80%82/ http://bulblub.com/2012/02/06/fluxflex%e3%81%a8github%e3%83%aa%e3%83%9d%e3%82%b8%e3%83%88%e3%83%aa%e3%81%ae%e9%80%a3%e5%8b%95%e3%81%ab%e5%a4%b1%e6%95%97%e3%81%97%e3%81%a6%e3%82%8b%e3%80%82/#comments Mon, 06 Feb 2012 12:48:33 +0000 admin http://bulblub.com/?p=494 Continue reading →]]> さくらVPSをひと通りさわったあと、やっぱり管理が大変と思ったのと最近PHPのクラウドプラットフォームが盛り上がってるようなので試してみた。選択肢が増えるのとgithub経由でデプロイできるとか専用のツールをインストールしないでいいのは良いと思います。

さて今回選んだfluxflexはTechCrunchの記事で“日本人が起業したfluxflexはGithubと連動する安くて簡単なクラウド・ホスティング・サービスを目指す”を読んで興味があったので早速試してみたけど、タイトルの通りfluxflexとgithubリポジトリの連動に失敗してる。

フォーラムを見てるとどうやらgithubの非公開リポジトリとの連携に問題があるようで、個別に連絡すれば対応してくれる様子。ただ今から2011/10頃からこの問題はあるようで、４ヶ月近くも解決しないのはちょっとあれです。

とはいえ、日本が絡んでいると言うことと価格面からも魅力的なので今後に期待したいです。

fluxflex

これから他にも似たサービスがあるので試してみます。

PHPクラウドプラットフォームまとめ

]]> http://bulblub.com/2012/02/06/fluxflex%e3%81%a8github%e3%83%aa%e3%83%9d%e3%82%b8%e3%83%88%e3%83%aa%e3%81%ae%e9%80%a3%e5%8b%95%e3%81%ab%e5%a4%b1%e6%95%97%e3%81%97%e3%81%a6%e3%82%8b%e3%80%82/feed/ 0 [wordpress]カスタム投稿タイプとカスタムフィールドを活用してよりCMSっぽくする。 http://bulblub.com/2011/08/31/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%97%e3%81%a8%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%82%92%e6%b4%bb%e7%94%a8/ http://bulblub.com/2011/08/31/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%97%e3%81%a8%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%82%92%e6%b4%bb%e7%94%a8/#comments Wed, 31 Aug 2011 01:59:49 +0000 admin http://bulblub.com/?p=482 Continue reading →]]> WordPress › Custom Field Template « WordPress Plugins
WordPress › Custom Post Type UI « WordPress Plugins
この2つのプラグインで楽に構築できた。
function.phpに自分で記述できれば不要。

カスタム投稿タイプをnewsと仮定すると
個別ページのテンプレートは single-news.php
アーカイブのテンプレートは archive-news.php（カスタム投稿タイプの設定をhas_archive = trueとする。）

get_post_metaで投稿に設定したカスタムフィールドの内容を呼び出す。
カスタムフィールドでテキストエリアを設定した場合に改行を反映させる場合はphpのnl2brを使う。
PHP: nl2br – Manual

1
<?php echo nl2br(get_post_meta($post->ID, xxx, true)); ?>

xxxはカスタムフィールドのkey

画像の場合は以下のように。
[wordpress]カスタムフィールドに登録した画像を呼び出す。 « bulblub

3.1以降はいろいろ楽になったらしい。

]]> http://bulblub.com/2011/08/31/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%97%e3%81%a8%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%82%92%e6%b4%bb%e7%94%a8/feed/ 0 [wordpress]カスタムフィールドに登録した画像を呼び出す。 http://bulblub.com/2011/08/30/wordpress%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%81%ab%e7%99%bb%e9%8c%b2%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e5%91%bc%e3%81%b3%e5%87%ba%e3%81%99/ http://bulblub.com/2011/08/30/wordpress%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%81%ab%e7%99%bb%e9%8c%b2%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e5%91%bc%e3%81%b3%e5%87%ba%e3%81%99/#comments Tue, 30 Aug 2011 01:33:07 +0000 admin http://bulblub.com/?p=471 Continue reading →]]> 関数リファレンス/get post meta – WordPress Codex 日本語版
カスタムフィールドにkeyをimageとして登録した画像を呼び出す。

Function Reference/wp get attachment image « WordPress Codex
呼び出せるのはIDなので添付されてる画像を呼び出す。
サイズやアトリビュートを指定可能。

1
2
3
4
5
6
7
8
9
wp_get_attachment_image( $attachment_id, $size, $icon, $attr );

$size = thumbnail, medium, large or full
$default_attr = array(
    'src'   => $src,
    'class' => "attachment-$size",
    'alt'   => trim(strip_tags( get_post_meta($attachment_id, '_wp_attachment_image_alt', true) )),
    'title' => trim(strip_tags( $attachment->post_title )),
);

サンプル（ループ内で呼び出す）

1
<?php echo wp_get_attachment_image(get_post_meta($post->ID, thumb, true),full);?>
]]> http://bulblub.com/2011/08/30/wordpress%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%81%ab%e7%99%bb%e9%8c%b2%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e5%91%bc%e3%81%b3%e5%87%ba%e3%81%99/feed/ 0 illustratorでwebデザインをする時の設定メモ http://bulblub.com/2011/06/16/illustrator%e3%81%a7web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%81%99%e3%82%8b%e6%99%82%e3%81%ae%e8%a8%ad%e5%ae%9a%e3%83%a1%e3%83%a2/ http://bulblub.com/2011/06/16/illustrator%e3%81%a7web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%81%99%e3%82%8b%e6%99%82%e3%81%ae%e8%a8%ad%e5%ae%9a%e3%83%a1%e3%83%a2/#comments Thu, 16 Jun 2011 05:35:03 +0000 admin http://bulblub.com/?p=468 Continue reading →]]> 以前教えていただいたことの自分用メモ

ドキュメント設定
RGBカラーモード解像度 72dpi

環境設定
環境設定の単位をすべてピクセルにする
グリッドを10pxに変更
分割数を10にする

作業前の準備
ピクセルプレビューを有効化
ピクセルにスナップを有効化

作業中の注意
オブジェクトのサイズに小数点を使わない
滲むのでパスによる線は引かない≫高さ1pxの長方形を描く
整列機能を使った後は小数点を調整する

]]> http://bulblub.com/2011/06/16/illustrator%e3%81%a7web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%81%99%e3%82%8b%e6%99%82%e3%81%ae%e8%a8%ad%e5%ae%9a%e3%83%a1%e3%83%a2/feed/ 0 X40にUbuntu 11.04(Natty Narwhal)インストール、Unity 2Dも有効化 http://bulblub.com/2011/05/01/x40%e3%81%abubuntu-11-04natty-narwhal%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%80%81unity-2d%e3%82%82%e6%9c%89%e5%8a%b9%e5%8c%96/ http://bulblub.com/2011/05/01/x40%e3%81%abubuntu-11-04natty-narwhal%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%80%81unity-2d%e3%82%82%e6%9c%89%e5%8a%b9%e5%8c%96/#comments Sun, 01 May 2011 05:42:12 +0000 admin http://bulblub.com/?p=450 Continue reading →]]> 10.04LTSでしばらく環境を安定させていこうと思ってたんだけど、UnityのUIにグローバルメニューバーが採用されて画面が広く使えるようになったという事でインストールした。

USBにブートイメージを作成してインストール。他の方でX40のLiveCDから起動できないって見たけど僕の方では問題ありませんでした。
ただし、デフォルトの状態ではグラフィックスの要件を満たしてないのでUnityは選択できないず今までと同じクラシックモードで起動します。
念のため端末から”/usr/lib/nux/unity_support_test -p”を実行してテスト

/usr/lib/nux/unity_support_test -p
OpenGL vendor string:   Mesa Project
OpenGL renderer string: Software Rasterizer
OpenGL version string:  2.1 Mesa 7.10.2

Not software rendered:    no
Not blacklisted:          yes
GLX fbconfig:             yes
GLX texture from pixmap:  no
GL npot or rect textures: yes
GL vertex program:        yes
GL fragment program:      yes
GL vertex buffer object:  yes
GL framebuffer object:    yes
GL version is 1.4+:       yes

Unity supported:          no

やっぱりダメですね。
これを有効にするにはUnity 2Dなるものを導入すればいいとのこと。以下を参考にしました。
Ubuntu Tips/デスクトップ環境/Unityを使うには

Unity 2D
3Dアクセラレーションが動作しない環境でもUnityを使えるように、Qtをベースにした2D版のUnityである”Unity 2D” が開発中です。Ubuntu 11.04には標準ではインストールされていません。ソフトウェアセンターから”unity-2d”で検索し、”Unity interface for non-accelerated graphics card”をインストールすることで利用できます（検索結果に一緒に表示される、Unity 2D〜なんとか〜は自動的にインストールされます）。あとは、ログイン画面で、Unityの代わりにUnity 2Dを指定することで動作します。
Unity 2Dは、次のリリースから3D版Unityが使えない環境での標準インターフェースになる予定です。

インストール後一旦ログアウトして再ログイン時にUnityが選択可能になっているはず。今のところ問題なし。確かに広くなって悪い感じはしないのでしばらくこのままでいきます。

ひとつ未解決の問題としてはX40はwindowsキーが無くそこに割り当てられているUnityのランチャーが呼び出せないのでちょっと不便。

参考ページ
11.04のデスクトップ環境「Unity」 の2D版をUbuntu 10.10に導入。Compizが動作しなくても大丈夫！ | LiberOS | Viva! Ubuntu!!

Ubuntuインストール直後にやること（設定＆追加するソフト）（11.04 Natty Narwhal編）

追記：
左CtrlをSuperKeyに変更してUnityランチャを起動可能に。
CapsLockをCtrlとして割り当て。

vi ~/.Xmodmap
clear Lock
clear Control
keycode 37 = Super_L
keycode 66 = Control_L
add Control = Control_L Control_R

再ログインで設定を読み込むか聞かれるので読み込む。

トラックポイントの有効化はUbuntuソフトウェアセンターからPointing Deviceを検索してインストール。

]]> http://bulblub.com/2011/05/01/x40%e3%81%abubuntu-11-04natty-narwhal%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%80%81unity-2d%e3%82%82%e6%9c%89%e5%8a%b9%e5%8c%96/feed/ 0 複数のMacのアプリを同期するためのリストを作る簡単な方法 http://bulblub.com/2011/02/21/%e8%a4%87%e6%95%b0%e3%81%aemac%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e5%90%8c%e6%9c%9f%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e3%82%92%e4%bd%9c%e3%82%8b/ http://bulblub.com/2011/02/21/%e8%a4%87%e6%95%b0%e3%81%aemac%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e5%90%8c%e6%9c%9f%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e3%82%92%e4%bd%9c%e3%82%8b/#comments Mon, 21 Feb 2011 07:57:32 +0000 admin http://bulblub.com/?p=420 Continue reading →]]> 結論から

i use thisというwebサービスを利用する。

本当はMac App StoreみたいにAppFreshが管理してくれたら嬉しいんだけど現状ではできないので代替案です。

手順

1. ユーザ登録をしてログイン
i use this mac os x software: Register a new account

2. 専用アプリをダウンロード起動

3. 公開/共有するアプリを選択する

以上でおわり簡単ですね。

http://osx.iusethis.com/iconbonanza/ユーザ名

で一覧が見れるのでここから手動で同期できます！

ダウンロードリンクもあって便利

僕の使ってるアプリはこんな感じ。
i use this mac os x software: software for the osx population

よかったらコメント欄から共有してもらえたら嬉しいです。

]]> http://bulblub.com/2011/02/21/%e8%a4%87%e6%95%b0%e3%81%aemac%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e5%90%8c%e6%9c%9f%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e3%82%92%e4%bd%9c%e3%82%8b/feed/ 0 JSONビューア http://bulblub.com/2010/12/16/json%e3%83%93%e3%83%a5%e3%83%bc%e3%82%a2/ http://bulblub.com/2010/12/16/json%e3%83%93%e3%83%a5%e3%83%bc%e3%82%a2/#comments Thu, 16 Dec 2010 00:39:41 +0000 admin http://bulblub.com/?p=358 Continue reading →]]> Titaniumを触って以来、なんとなく読み書きはできるし設置とかできるから先延ばしにしていたjQuery(javascript)の勉強をはじめました。

でも、ちまちまCSSのスタイルとかを変えても面白くないから何かapi叩いてJSONを取得しようとしたときのツール。

Online JSON Viewer：ブラウザで動作するビューア

使い方は簡単。

Online JSON Viewer

他にもFirefoxなら専用のプラグインが２つほどあるけどどちらも微妙なので定番のFirebugがおすすめ。

json firebug

jQueryを使ってなにか見せられるものができたら公開します。以上。

]]> http://bulblub.com/2010/12/16/json%e3%83%93%e3%83%a5%e3%83%bc%e3%82%a2/feed/ 0 PhpStormがクリスマスセール中2011/1/10まで。 http://bulblub.com/2010/12/08/phpstorm%e3%81%8c%e3%82%af%e3%83%aa%e3%82%b9%e3%83%9e%e3%82%b9%e3%82%bb%e3%83%bc%e3%83%ab%e4%b8%ad2011110%e3%81%be%e3%81%a7%e3%80%82/ http://bulblub.com/2010/12/08/phpstorm%e3%81%8c%e3%82%af%e3%83%aa%e3%82%b9%e3%83%9e%e3%82%b9%e3%82%bb%e3%83%bc%e3%83%ab%e4%b8%ad2011110%e3%81%be%e3%81%a7%e3%80%82/#comments Wed, 08 Dec 2010 08:17:20 +0000 admin http://bulblub.com/?p=348 僕はこのセールが始まる前日に購入してしまいました。orz

皆さんは半額でどうぞ！PhpStorm :: Licensing

もうすぐリリースされる2.0へのアップグレードは保証されているようです。

今日はそれだけ。

]]> http://bulblub.com/2010/12/08/phpstorm%e3%81%8c%e3%82%af%e3%83%aa%e3%82%b9%e3%83%9e%e3%82%b9%e3%82%bb%e3%83%bc%e3%83%ab%e4%b8%ad2011110%e3%81%be%e3%81%a7%e3%80%82/feed/ 0