Archive for the 'WordPress' Category

Jun132009

WordPress 2.8 の xmlrpc 経由の投稿で記事とメディアの関連がつかない場合 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

曇り ひろまさ@ 6月 13th, 2009 投稿時の月齢:19.9  月名:更待月  潮汐:中潮

WordPress 2.8 リリースということでみなさん続々とアップデートされていますね! :-)

そんなこんなで、twitter をのぞいていたら 2.8 以降の投稿で wp-kougabu の画像がでてこないという話がちらほら。 なんかやらかしたかと思ってみてみたら、どうも kougabu じゃない模様。 コアの不具合なのか、xmlrpc 経由の投稿だと記事とメディアがくくりつかない現象がでているようです。

記事とメディアのくくりつけは管理画面のメディアライブラリでみることができます。

xmlrpc02

ちょっと小さくて見づらいですが、”リンク先” という項目があって記事名がでているのが見えていると思います。 これがでているメディアは、記事が結びついているということになります。

wp-kougabu を使われている方は気がつきやすかったのですが、どうも 2.8 で xmlrpc 経由で投稿するとうまくこのリレーションが結びつかないようです。 実際には、(wp_)post テーブルの post_parents という項目で制御されています。

なんでだろーとおもって、xmlrpx.php を追っていく。 と、

$post_id = –1;

動きとしては、まず post_parents を –1 の未確定状態として画像を (wp_)posts に登録して、その後のシーケンスで –1 になっているものを探して、記事の id で post_parents を上書きするようになっています。

だがしかし、(wp_)post をみると 0 で登録されているのです。 なぜ?

ふと、(wp_)posts テーブルの DDL をみてみると、

CREATE TABLE wordpress_28x.wp_posts
(
    (略)
    ID                          BIGINT UNSIGNED NOT NULL,
    post_parent                 BIGINT UNSIGNED NOT NULL,
    (略)
)

ありゃ、UNSIGNED になっていますねぇ。。 これでは –1 は入りません。

というわけで、超ハックコードですが直し方。

xmlrpc.php を –1 で検索して、それを 999999 とかにしてください。(コメント含めて 3カ所)

とりあえず、なおるとおもいます。。。 このコードはいんちきなので、緊急避難という扱いでお願いいたします。

しかしながら xmlrpc 的にはこのへんあんまり変わってないぽいんですよね、、、なんでいままで動いていたか追う元気はありませんでした。 原因も間違ってたらごめんなさい。

2.8 ではデータベースのフィールドをみて SQL を組み立てるようになっているのですが、そのへんとからんで潜在的な不具合が出たのかもしれません。

xmlrpc01

trac みてないけどもうあがっているかな・・・。 xmlrpc 投稿をしている方はみてみてください~。

この投稿がうちのギャラリーにでてばとりあえずは、直ったということで。(ほんとにとりあえずですが。。

あとあと、これはまったく別件ですが、xmlrpx 経由の投稿でタグが削れるという環境的な問題が起きている方は Toru さんのエントリが参考になります。 (今の xampp が該当かもしれません

さくら+WordPressでHTMLタグが消えるバグ « Waviaei

Vistaを入れ直した際に、最近使い始めてたWLWな再インストールしたんですが、ローカルからサーバへ投稿した時になぜかHTMLタグの<や>が取り除かれると言う不具合が。再インストールが原因とも思わなかったけど、原因が分からずアンインストール。

しかしその原因と対策方法がようやく分かりました。

PHP がつかっている libxml2 ライブラリの問題ですが、以下のプラグインをいれると解決することができます。 Toru さんありがとうございました!

WordPress › LibXML2 Fix « WordPress Plugins

Work around for some versions of libxml2 2.7.x that strip out brackets when parsing XML. This plugin fixes XML-RPC requests that are mangled because of this problem. The real fix for this (making the use of this plugin unnecessary) is to use PHP 5.2.9+ with libxml2 2.7.3+.

Jun122009

静的 HTML に WordPress を埋め込む方法 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

曇り(24/14) ひろまさ@ 6月 12th, 2009 投稿時の月齢:18.2  月名:寝待月  潮汐:中潮

実は昔の hiromasa.zone なんかがそうだったりしましたが、WordPress の情報を WordPress 管轄以外から取得したいときがあります。

たとえば、静的 HTML のトップページに WordPress の新着をだしたい、、とかですね。 全部のページ WordPress でやるのもおっくうってこともあるわけです。 :-)

そんな場合は以下のようなコードを使うのもひとつの方法かもしれません。

とりあえず、静的 HTML の場合は、拡張子を .php とか変更して PHP が動くようにします。

すでに、.html で他からリンクしちゃっていてリネームできないよーって方は mod_rewrite で化かすとかとかしてください。 / で終わる URL のときは、index.html をリネームして index.php にすれば OK です。

で、こんなコードを元 html に挿入します。

<?php // wp-load.php を include して WordPress をテーマなしで起動する ?>
<?php // 該当 HTML の先頭行に wp-load.php のパスを自分にあわせて以下を挿入 ?>
<?php include_once "../wordpress-another/wp-load.php" ?>
<html>
<head></head>
<body>
 
<!-- このへんまで普通の HTML かく -->
 
<?php // たとえば WordPress から最新5件のエントリ名を持ってきたい場合 ?>
<?php // 以下 7行を HTML にコピペする ?>
<?php query_posts('showposts=5'); // 最終5エントリ取得のループをつくる ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- ここからWordPressのテンプレートタグをかく -->
<p><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></p>
<!-- ここまで -->
<?php endwhile; ?>
<?php endif; ?>
 
<!-- このへんからも普通の HTML かく -->
 
</body>
</html>

wp-load.php を WordPress 以外から include して、query_posts 関数でループをつくってあげれば、好みの条件でループの作成ができます。

一点注意ですが、この方式の場合 WordPress の状態、というかまぁ MySQL の動作にひっぱられるので、MySQL がよくおちるサーバだとページに不具合がでてしまう可能性があります。

それを嫌う場合、をかもとにいさんの方式が良いと思います!

Google AJAX Feed API : dogmap.jp

これを実現するために JavaScript で RSS フィードを取得して表示する方法を調べたので、自分用にメモ。

JavaScript 経由で WordPress の RSS をよんでうめこみます。 非同期なので体感表示速度的にも、をかもとさんの方式が有利だと思います。

ぼくのこの記事、 WordPress 直読みは方式は、ページに投稿を即反映したいとか RSS 以外の情報を取りたいとか、投稿を100件とりたい(笑)とかいった要件がある場合によいかもです。 WP のテンプレートタグがそのまんま使えます。

というわけで、呼ばれて飛び出て、メモおしまい。。

お休み中のためオチはないのです。 ←そこの違いなのか!?

May252009

WordPress のテーマフレームワークを使ってみた このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

曇のち晴 ひろまさ@ 5月 25th, 2009 投稿時の月齢:0.2  月名:新月  潮汐:大潮

endunham さんが WordPress のテーマフレームワーク thematic を使われていらっしゃるのをみて、おもしろそうだったのでぼくもいじってみました!。 自分は HTML とか CSS のほうはてんでできないので、sandbox とかも興味はあったのですが実際には使ったことがなかったのです。

ということで素人がつかうテーマフレームワークの巻、、はじまりはじまり。。

まずは endunham さんの紹介を熟読。。

[WP徒然]テーマをthematicに変更

私が気になってた主なフレームワークテーマ達、Sandbox, Carrington, hybrid, そしてthematicWordPress公式サイトの無料テーマ配布サイトでは、thematicが一番ユーザーの評価が良かった感じなので、単純に使ってみようと思ったのでした。フレームワークなので、とーってもシンプル。これから自分用にちまちまと色着けして行くのも楽しみです。

すっぴんに近いものに色づけをしていく、という感じでしょうか! :-)

とりあえず、 hiromasa.another に適応してみる。

another01

なるほど、シンプル。 (まぁ .another はもともと白いのもあってこれだけでも十分な気がしてきます(笑)

なんとなく style.css を使って、気合いで CSS を適応していくのだろうというイメージは持っていましたが、実際にはどうするのだろうとファイル構成を見ると、 thematic/thematic-sample-child-theme というフォルダがあって、こいつをひな形として移動して wp-content/themes 直下にいれるとのこと。 なるほど~。

another03

ちょっと見づらいですが、another という名前でコピーしました。 コピーしたひな形の style.css をみると、

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');
 
/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');
 
/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');
 
/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

なんて感じで本体の CSS を import する仕組みになっているようです。 この下に追加で CSS を指定して思い通りのデザインにしていけばよいわけですね! この仕組みは child theme という言葉が使われていました。

で、ぼくはできない CSS をがんばり、試験的に style.css を追加設定し .another と同じようなデザインをつくってみる。。

another00

な、なんとか似たようなのはできました(笑)

ここで注目すべきは再現できていない部分で、たとえば上のメニューに HOME というのがなかったりします。 これは現行、ページ一覧のテンプレートタグの直前に手書きで HOME としてトップページのリンクをいれていますが、こういったことは style.css の修正だけではできません。

あと、記事名の横に青いイメージ日付がなかったり、お天気や月齢がなかったりもします。 これらもタグを直接 index.php などに記入している部分で、同じように再現できません。

で、実はこういった”ないもの”を入れ込むための仕組みが thematic にはいろいろ備わっているようです。

  • サイドバーだけではなく、エントリヘッダ、コメント前、エントリフッタ、かつ条件付きで widget がいろいろなところに設定できる。
  • テーマの任意出力をいかにも入れ込みそうなところに、do_action がいろいろ設定されている。 そこに echo するように function.php に関数を登録すると好きなものを出力できる。
  • header.php や footer.php などの、”いつもの”ファイル名でチャイルドテーマ内にファイルをおくと、フレームワーク側ではなくこちらが優先されて使われる。

全部見切れていませんが、こういう仕組みを使うことで出力内容もある程度柔軟に行うことができるようです。 たとえば、wp-jrelated の独自画像付き出力は現在、テーマに直接記入していますが、2番目の do_action の適切な場所の関数に書き込むことで実現できそうです。

こうあっても、メニューの HOME とか、お天気とか月齢はなかなか難しそうですね。 WordPress に本来備わるプラグインのfilter を駆使していれるか、index.php をコピーしてそれに直書きするしかなさそうです。 ただ、後者はやってしまうとフレームワークを使う意味があまりなくなってしまうかもしれません。

WordPress のテーマはお約束的な PHP の記述がいくつもあります。 たとえば、ループであったりコメントフォームであったり、ヘッドに wp_head かくトカトカですが、1からつくると意外に忘れがちなことがあったりします。 コメントクローズ時の処理とか、admin ログイン時の編集ボタンの出力とか、、widget の記述も面倒だったり。

またそういったテンプレートタグも、コアのバージョンアップとともに非推奨になったり削除されたりすることがあります。

テーマフレームワークはこういったお約束部分の PHP を書くことをしなくていいのはもちろんのこと、本体と修正部分のファイルが分離できますので、なにが良いかと言えばこういった骨格(フレームワーク)部分をファイル上書きでアップデートすることができることにあると思います。

たとえばコアでコメントネストが対応され、フレームワーク側もそれに追従したとすればフレームワークファイルを上書きすれば、今の修正済みのテーマとのマージに悩ませることなく対応することができる感じです。

とりあえず!、好きな出力を好きな位置というのが最大の難関。

結構、フレームワークのコードよまなければいけないこともあったりしそうですが、できあがれば普通のテーマよりも運用はずいぶん楽になりそうです。

自由出力のキモは widget かもで、場合によっては widget 非対応のプラグインの出力を widget に変換したりしてやらなければいけないこともありそうですが、これは意外に簡単。 しかも 2.8 でつくりも綺麗になりますので、、やり方をそのうち書いてみようと思います。 :-)

May102009

WordPress のソースを解析する方法 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

晴れ ひろまさ@ 5月 10th, 2009 投稿時の月齢:15.3  月名:満月  潮汐:大潮

WordPress のコアファイル数は *.php だけだと、たぶん 260~270 あると思いますが、なにかしらの調査があって調べようと思うと最初はどこに何が状態になると思います。 ということで、ここは IDE の力を借りて簡単にソースを追う方法を紹介してみます。 というかぼくがいつもやっている方法です。 :-)

使っているのはおなじみの Eclipse PDT。 紆余曲折ようやく Ubuntu でも 2.0 が使えるようになったので PDT 2.0 であります。 面倒だったのでまだ英語のままです。

eclipsepdt10

これですね。

IDE というのは、プログラム言語をある程度知っています。 これが関数であるとか、ここが変数のスコープであるとか、という部分をパースしてくれているので、ふつうの検索とかより賢い検索であるとか、カーソルジャンプが使うことができます。

PHP は、言語仕様として、 requre とか include を動的にすることができるので IDE が無力になる場合もあるのですが、それでもある程度まではイケます。 動かすまでどういうプログラム構成になるか分からないというところが、PHP の最大の特徴のような気もします(笑) まぁ DI とかもそうですね。

てなわけで、ケース1。 page_navilink という関数があったとして、これってどこにあるんだっていう grep の例。

PDT では PHP Seach という機能が使えます。 ここで、Limit To を Declarations に設定すると定義部分だけ抽出して検索結果を返してくれます。

eclipsepdt11

おお、general-template.php にあるのね~。

eclipsepdt12 

ソースにぴょん。

eclipsepdt13

ふつうの grep だと、呼び元先、そのほかコメントとかにあるのもだしてきちゃうので、この Limit は賢いです。

ケース2。 じゃーこの page_navilink 関数はどこで使ってるの?

関数を改修しようとして、影響範囲を調べるのによくあるパターンです。 実は PDT には、Java IDE でおなじみの Call Hierarchy というメソッド呼び出し検索機能があるっぽくみえます。 関数なぞって右クリックして実行。。

eclipsepdt14

にゃーんも、でね~(汗)

[news.eclipse.tools.pdt] Re: ‘Open call hierarchy’ (Ctrl-Alt-H) doesn’t

Call Hierarchy is not implemented yet in PDT 2.0.

くらぁ~!(笑)

というわけで、残念ながら Call Hierarchy 機能は使えないのですが、呼び元検索であれば先ほどの PHP Serach で代用できます。

Limit を References に。

eclipsepdt15

ほうほう、これから呼ばれているのか、の図。

eclipsepdt16

なんて感じですね。 いくつかの呼び出しをみれば使い方も分かってきます。

最後ケース3。 テーマをいじってたときに、the_tags という関数の使い方を見たくなったとき。

IDE を使う一番らくな部分が、定義ジャンプです。 the_tags の定義部分にボタン一つで飛ぶ機能であります。

こればっかりは、見ていただいた方が早い!1分動画なのでみてみて~。 :-)

検索すらいりません。 F3 押すだけでどんどんとべますので、ソースを追うときは恐ろしく効率的です。 テーマ表示部分のフィルターみつけるときはこの方法が一番早く見つけられるかもしれません。 あと、PHPDoc 形式にコメントがちゃんとなっていれば、カーソルあわせでホバーもします。

さてさて、ほかにも IDE には、それっぽいところにブレイクはっておいて、そっからステップで追っていくとかいろいろ小技があるのですが、少し大きめのアプリであれば使ってみる価値はあると思います。

以上、ひろまさワンポイント(!?)でした。

May62009

本当に WordPress は 5分でインストールできるのかやってみた このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

晴れ ひろまさ@ 5月 6th, 2009 投稿時の月齢:11.4  月名:十二日月  潮汐:中潮

もう100回くらい(?) WordPress をインストールしているぼくですが、WordPress のキャッチコピー「5分でインストール」というのは検証したことがありませんでした。 いまこのフレーズ言っているか分からないですが、たしか昔はそんなだったような・・・。 ということで挑戦は受けて立つ、やってみようじゃないか!! :-)

wordpresstv01

なーんて、WordPress のインストールなんぞ 1分でできるよね (笑)

ということで、ちょっと難易度をあげて、ここ hiromasa.another をエクスポートして、ローカルに WordPress を新規インストールしつつインポートしてみます。要はテーマとか修正用の環境です。 やっぱりデータ入ってないと制作はしっくりこないもんです。

手順。

  • コアサバに SSH してデータベースダンプ、ダウンロード
  • ローカル MySQL にデータベース作成 & インポート
  • WordPress 日本語版、ダウンロード & Apache に配置
  • WordPress インストーラ起動
  • とりあえず動くようにデータベースの URL をパッチ
  • プラグインとかテーマとか何も入ってなくて動かないので解消
  • パーマリンクも再生成

という感じです。 はたして 5 分でいけるか!!

4分半でいけたようです。 :-)

そのまんま撮っただけだとつまんないので、アノテーションで説明入れています。

一応書いておくと、この手順だとローカルにデータ移行されているようにみえますが、画像とかはインターネットサーバ上をみていますし、オプション項目などでパッチが不足していくつか不具合がでるかもしれません。 まぁローカルでテーマいじったりプラグインつくっている分にはとくに問題ないので、いつもこの手順でやっています。

さて、こんなスクリーンキャストってやつですが Linux なら recordMyDesktop というソフト動かすだけでいけます。 最近の機械なら 50コマ/s (最大)まであげてやるとスムーズにとれます。 マイクで音声入れるのもおもしろそうですね。

wordpresstv02

Windows だと窓録がいいかな~。

hiromasa.another :o ) » Blog Archive » PC 操作を録画して youtube にのせてみる。

起動するとびっくりするのですが、ウインドウがマウスイベント等含めて完全透過していて、その中での様子をマウスの動き含めて余すところなく録画してくれるというすぐれもの。

まぁまぁ、ブログにのせる動画ってここぞで使わないと、拘束時間がながくて相当おもしろくないと飽きられそうなのは重々承知なのですが、たまにやってみるといいかもしれません。 :-)

この動画をこえる日を目指してがんばりたいとおもいます。

では、結果を発表します! – MMRT daily life

じゃあ、実際にその目でその様子を見ていただきましょう。 :wink:

May32009

Miro HD Video Player と SongBird このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

曇のち晴 ひろまさ@ 5月 3rd, 2009 投稿時の月齢:8.0  月名:九日月  潮汐:小潮

WordPress.tv で WordCamp Tokyo の映像が公開されはじめています!。

インターネットというのはすごいもんですなぁ、と今更ながらに感動しつつ、WordCamp 中マイケル・ピックさんが紹介されていたオープンソースメディアプレイヤー Miro が気になっていたので導入してみました。 ネットワーク上の動画をうまくみる仕組みをもった、クライアントアプリケーションです。

Miro HD Video Player | Free internet tv and video podcast player.

RSS を Miro 上で購読させておくと自動的にダウンロードしてくれる機能があったり、bittorrent と連携して動画ファイルを各クライアント上のピアにおいておいて、サーバ帯域を節約しかつ、高速にダウンロードする機能を持っているようです。 なるほど~。

ちなみに、bittorrent クライアントが UPnP に対応していないせいか、うちはピアの一部にになれませんでした。 残念。

torrent や RSS 取得用に基本的に常駐させておくソフトのようなので、notify 部分にこっそり起動できます。

miro03

早速、WordCamp Tokyo のチャンネルをみてみました! みなさんの動画出ていますね~。

Ubuntu の標準パッケージはメッセージも日本語化済みできれいに動いています。 もちろんほかの OS 用もあります。

miro04

ぴこっとおすと簡単に再生できます。 保存された動画は、iTunes のように管理することができるようです。 便利であります。 :-)

メディアとネットワークの連携というのはおもしろいですね。 半リアルタイムでみられて、かつメタ情報が付与できるのがいいところです。

というわけで、Miro が動画なら、こちらはは音楽。 オープンソースメディアプレイヤーの SongBird

songbird01 

version 1.1 からフォルダ監視機能がうまく働くようになったので、かなりの部分で実用できるようになりました。

songbird02

手持ちの .mp3 ファイルを解析して、ネットワーク上からメタ情報を付与してくれるような機能もあります。 たとえば、WikiPedia を自動でひーてくれるとか。 このへんは、オープンソースならではというか iTunes じゃできないところですね(笑)

マスコットキャラは黒いとりさん。

かわいい。 :-)

Apr212009

じゃがポックルじゃなくてピリカと WordBench 札幌 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

雨 ひろまさ@ 4月 21st, 2009 投稿時の月齢:26.0  月名:二十七日月  潮汐:中潮

北海道のお土産はたまに謎なものがブレイクします。 住んでいると意外と知らないものがブレイクしていたり…。 そんな代表格じゃがポックルの姉妹品?じゃがピリカがなぜが我が家にやってきました。

じゃがポックル – Wikipedia

じゃがポックルは、カルビー「ポテトファーム」のブランド名で製造している、じゃがいもを主材料とするスナック菓子である。生のじゃがいもをスティック状にしてそのままフライしている。正式な商品名は「じゃがポックル オホーツクの焼き塩味」。名前の由来は、アイヌに伝わる、コロポックルから。

なんでもポックルさんは観光客の人に大変な人気らしく、すすきの歩いているととすんごい値段で道で売っていたりします。。(笑

というわけで(??)、どうやら姉妹品らしいじゃがピリカ。 ちょっと検索をかけると結構古くからあるようですが、はじめてみました。

DVC00145

ではいただきます。

DVC00146

うん。

うまい

味は、、じゃがりこ?(←みもふたもない。。

というわけで、 ついに意を決して WordBench に札幌グループを作成しました! もし札幌近郊の WordPress ユーザの方がいらっしゃいましたらご参加ください。 :-)

WordBench

WordBench は WordPress ユーザーのための地域ソーシャルコミュニティです。WordPress に興味があり、同じ地域のユーザーと交流したい方はぜひご参加ください。

いまは satchin と二人です(笑)

180万人口がいたら WordPress ユーザも結構いらっしゃいそうなきもしますが、実はいままで数名しか存じ上げておりません。。(しかも勝手にしっているだけ。。)

よければ声をかけていただければと思います。 :-)

Apr192009

WordCamp Tokyo 2009 プレゼン資料 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

曇時々雨 ひろまさ@ 4月 19th, 2009 投稿時の月齢:23.1  月名:真夜中の月  潮汐:小潮

WordCamp Tokyo 2009 で「20分で見るプラグインの作り方」ということでプレゼンをさせていただきましたが、その資料をアップロードします!。

また、プレゼン終わったあと何名かの方から「あれどーやっていたのですか?」ということで環境などを聞いていただいていたりしていましたので、使っていたソフトなどもあわせて紹介したいと思います。 :-)

デモ中心でやっておりましたので、プレゼン資料だけだと何がなんだかわからないかもなのですが(肝心のソースがない)、そのまま記載することにいたします。 後日ビデオもでますので合わせてご覧ください~。

wc2009.pdf.zip

今回”プラグインの作り方”というテーマでしたが、実は分かっている方にはちょっと暇になってしまうかも、、という懸念がありました。 じゃーということで、ピコピコ実際にソースかいたらある程度面白いかなということで実演形式をとらせていただいています。

ちなみに、ソースはコピペでやっているとはいえかなり緊張しました。。 あの状況下でエラーなんかでた日には冷静に対処は無理だったでしょう。。(汗

さて、使っていたソフトですがメインのプレゼン資料で、びよんびよん拡大縮小していたのは impressive というオープンソースのプレゼンテーションアプリケーションです。 Linux 版しか使ったことありませんが、Windows / Mac OS X でもいけると思います。

窓の杜 – 【REVIEW】既存のPDF文書をプレゼンスタイルで全画面表示できる「Impressive」

「Impressive」は、ドラッグ&ドロップしたPDF文書をプレゼンスタイルで全画面表示・操作できるソフト。Windowsに対応するフリーソフトで、作者のWebサイトからダウンロードでき、編集部にてWindows XPで動作確認した。

PDF でつくった資料をよませれば、ページングとかサムネイルとかをそれっぽくやってくれます。 資料自体は OpenOffice でつくりました。 PDF ならなんでもいけるのでかなり便利です。 休憩時間に喫煙室で何名かの方と impressive いいですよね、という話で盛り上がっていたりしました。 :-)

impressive00

サムネイル表示。 TAB キーでこれになります。 で見たいところをマウスで選ぶとズーム拡大するような動きで表示されます。

impressive01

今回は使いませんでしたが ENTER を押すと、スポットライトのようにポイントすることができます。

impressive02

今回は資料とあわせて、Firefox と Eclipse とコピペ用のテキストエディタを立ち上げています。 で、それを仮想デスクトップでころころ切り替える形で動かしています。

impressive03

4枚の仮想デスクトップです。 ThinkPad X61 + Ubuntu 8.10 + Compiz を使っています。 ほんとは Fedora 10 で持ち込みたかったのですが、たまにおちるという致命的問題をかかえたためやめました。。

X61 の外部出力も Compiz 環境下でうまく Linux から出力できるようです。 xrender コマンド使わずとも画面の設定からミラーを選択すればOKでした。 たまにうまくいかないので、そのときはいっかい X をおとしてログインしなおすといいよいです。(何気にここが一番心配でした)

ソースコードの拡大表示や、画面に赤ペンを描いていたのは Compiz の機能です。

impressive04

いろいろプレゼンで使いやすい機能もあるのであそんでみましょう。 :-)

ちょっと Compiz + impressive の相性の関係(どっちも OpenGL だからでしょか?)で画面がチカチカしてしまってお見苦しいてんありました。 あと、やっぱり緊張しているせいで別のデスクトップだしちゃってやきもき感もあったとおもいます。 結構練習していたのですが、、すいません。。

あと、ローカルに Apache たてて WordPress 動かしていたのですが、Linux 版の Firefox だけかもなんですが、LAN がささっていない状態だと Firefox が初期起動状態でオフラインモードにはいります。 URL に接続できる 127.0.0.1 とかいれてもオフラインモードのままで、キャッシュが使われてあせるので、必ず起動後 ファイルメニューからオンラインモードにいれます。

もしやる方がいたら、事前にLAN というかインターネットなしの状態(プレゼン当日状態)で一度テストしておいたほうが良いです。 意外と何かがインターネット依存しているときがあります。。(笑

ということで、当日面白かったかどうか不安なのですが、ひとりでもプラグインの作成に興味をもっていただけたらとても嬉しいです。

大汗しながらなんとかエラーなしで動き、プレゼン終わったあと席に戻るときに、いろいろアドバイスいただいていた柏岡さんとハイタッチしたのはここだけの秘密です。 :-) (でもハイタッチが小さいと怒られました。。。(笑

Apr182009

4/11 からの旅 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

曇時々雨 ひろまさ@ 4月 18th, 2009 投稿時の月齢:22.7  月名:弓張月(下弦)  潮汐:小潮

というわけで 4/11(土)から WordCamp のために東京に行っておりました。 WordCamp 自体の詳しいレポートはみなさんのサイトのほうがよいと思いますので、、、、ここは hiromasa.another 、あほな旅行記など書いてみたいと思います。

せっかくカメラ持って行ったのに、いっぱいいっぱいで戻ってきて中をみてらおでこしかうつってない由々しき事態(笑)でしたので、写真はおでこさんのフリッカーから、あとはぼくの携帯電話のカメラでお送りします。 :-)

4/11(土) 11:00。 札幌、快晴。

プレゼンでつかう Thinkpad とその周辺小道具と、何枚かの服をつめたバックをもって出発。 結構重い。 いきなりくじけて最寄り駅までタクシーにのる。。

札幌って空の窓口、新千歳空港までが結構遠い。 福岡なみに近ければ便利なのですが、よいしょよいしょと到着。

12:30。 手荷物検査で PC いれたバックがひっかかる。 事前に言ってはあったが、どうやらケーブル類がじゃまで中身が透視(!?)できなかった模様。 全部出すことになって、秋葉系小道具がいっぱいでてきて恥ずかしい思いをする(笑)

13:00 定刻どおり飛行機出発。 全国的に快晴。 飛行機雲がくっきりでていて、それに従うように飛行機が飛んでいく。 仙台上空で aka さんに、飛行機雲みえない?ってメールしようと一瞬するが、できないことに気がつく。(後日聞いたら見えていたそうです)

14:30 羽田の降り口到着。 札幌 –> 東京は、風が吹くと早くつく。 1時間10分 の飛行でとんだ模様。 とりあえず、ついたのでおでこに電話してみる。

情シスのたなかです。

よくわからないことを言いつつ、秋葉原にて落ち合うことに。 そうこうしていたら、Nao さんから着信。 同じく秋葉原にいるということで駆け足になる。

モノレールにのるほうが早いですが、昔を懐かしんで京急で品川に向かう。 蒲田周辺に住んでいたことがあるので、窓から懐かしく景色を見たりしていた。

途中山手線で、再び Nao さんから着信。 電車乗っていたので保留応答(涙)。 秋葉原駅到着。 Nao さんに折り返すと、ホームにいるとのことで電話きょろきょろ。 エスカレータの上にいるです、ということをお伝えしたら、これから上ります!ということでドキドキしながら待っている。

あ~!

Nao さんと会えた~。 天真爛漫というのはこの人のためにある言葉だと思う。 :-)

マットくんと tenpura さんも、いま下からくるとのこと。。 超緊張。。 そしたら、まっとあがってくる。

くぁw背drftgyふじこlp;@::::

英語しゃべれないので、Nao さんに、”すごいすごい”といってごまかしておく。(笑 tenpura さんとも初対面。 お世話になります。

で、実は秋葉観光は終わってしまったということで、原宿に向かうことに。 おでこさんに電話して、原宿に変更になったということを伝える。

マットくんと山手線のるなんて不思議な感じだなぁとおもいながら道中をすごす。 英語話せないので、iPod touch の裏の刻印「We Love WordPress」を見てもらったりしてみる。

マットくん「Nice!」

ひろまさ「亜qw背drftgyふじこlp;@:「」

とりあえず、Nao さん、tenpura さんをちらみして助けを求めたりしてみる(笑

原宿到着。 とりあえず、竹下通りへ。 ぼくも何年ぶりでしょう。

あわせて原宿到着済みのおでこに現在地と進行方向を伝える。 ロッテリア、クレープ屋、ムラサキスポーツなど全部複数存在するものを言いまくり、おでこさんを混乱させる。。 ごめんよ。。

なんとかおでこと遭遇。 3年ぶりのハズ。 だけどおでことは昨日会ってたたようなイメージなのはなぜだろうか。。 ということで、ここからおでこさんの記事と、お話がパラレルゾーンで分岐するわけです。 :-)

WordCamp Tokyo 2009 前夜祭 – Odysseygate.com

ぼくとひろまささんは前夜祭の前にNaoさん、Tenpuraさん、そして映画スターばりにかっこいいMattくんと合流。

wordcamp01

一通り原宿観光を終えて、WordCamp 実行委員のみなさんが顔合わせで集まる東京駅へ。 それにしてもマットくんはすっごい1眼レフのカメラを携え、被写体を見つけるとものすごいスピードで構えてばしゃばしゃ写真をとります。 プロみたいな早さでした。

マットくんをホテルにいったんお送りし、Nao さん、tenpura さん、おでことぼくで喫茶店でおしゃべり。 顔合わせ会の時間が近づいてきたので、マットくんをホテルにお迎え、、はぼくとおでこさん担当に。

おでこさん、たのむよたのむよ。 マットくんの部屋に、でんわでんわ。(涙

いきなり先輩権限を発動して、ぜんぶおでこさんにおしつける(笑 ちなみにこの後もすべての英語が必要となる場面でおでこさんにお願いしました。。 ごめんよ。。

マットくんを先導して顔合わせ会場へ。 tai さんが予約してくれたお店はとても<del>エロい</del> よい雰囲気の日本食屋さんでした。 気がつけばほとんどの方が初対面。 「ひろまさです~」 とおじゃましました。

yuriko さんともはじめてお話できて良かったです。 ぼくのイメージが、思い描かれていたものと違う系統の秋葉系だったかも?(笑

宴も終わりに近づき、マットくんは日本酒をのまれていい感じ。 札幌からマイケルさんもいらっしゃっていました。

帰り。

何を隠そうホテルをとっていないぼく。 北から来る人はそういう傾向があるらしいですが、、どこにしようかともちゃもちゃしていたら、 tai さんが万全の体制になるようにと会場近くのホテルをとられているということだったので、いっしょのホテルをとっていただきました。 すいません。。 後から聞くと、WordCamp でセッションを行われた、め組さん御一行も同じホテルにいらっしゃったようです。 :-)

ホテル到着。 何か眠れないので翌日のプレゼンの練習とかしてみる。。 なんか緊張。。

翌朝、tai さんといっしょにスタッフ時間で会場に到着。 プロジェクタの調整とか椅子運びとかお手伝い。 映画館のような会場に、ステージとでかいプロジェクタ。 ためしにステージに立ってみたら、やっぱり緊張する(笑

twitter のタイムラインをみていたら、みなさん続々と会場に向かっている模様。 いろいろな方に会えると思うと楽しみになってくる。

開演前、Nao さんと。

wordcamp02

Zazie さんがいらっしゃっるも一瞬わからなくてあせる。 髪が長くなられていたということでした。 さすが3年ぶり。 :-P

古市さんsiroica さんともお会いできる。 ばたばたしていてすいませんでした。。

そうこうしているうちに開演。 takeshi さんのかっこいい挨拶から、Miyoshi さんの WordBench 、マットくんの基調演説と続き、なにか夢のような時間でした。 内容のまじめなレポートは後ほど。

途中携帯電話にメールがはいる。

From: いつき To: おでこ、aka、ひろまさ

「こちらスネーク、会場の中に潜入した。」

「こちらスネーク、目標発見。 二人ともそれなりにオットコマエを確認した。」

ドコニイヤガール…。

おでこときょろきょろとするが、スネーク・いつきは見つからず。 "それなりに” ってあんた(笑) っていうか、冷静に考えたらぼくはいつきたんに会ったことがないので、きょろきょろしても無駄であった。。

お昼休み。 スタッフ控え室をおかりしお弁当を。 自分のセッションが近づいてきたのであせってくる。。 ここでなぞの美女 yuki さんに出会う。 握手をした。 うれしかった。

緊張してきて、プレゼンやべっすよ~と言っていたら、同じくセッションをされる柏岡さんに、だいじょうっぶすよ。 といろいろアドバイスをいただく。 さすが慣れておられる、、本当に助かりました。。

控え室にて。 右、柏岡さん。 このときは、まさか後で☆☆☆のお話ができるとは思いませんでした。。

wordcamp03

yuriko さんの Ktai Style のセッションが始まり、オモロトークも交えつつ会場も良い雰囲気。 つぎはぼくで、ハードルタケーとおもう(笑 のどがからからになって声が出なそうだったので、いっしゅん控え室にもどってお茶をもらっていたら、、

ひろまさ「(ぎゃー、べるときれた~~~!!)」

なんと、ベルトがきれる。。。(大汗 プレゼン中にズボンおちたら大うけ、、とおもう。。。(←いやうけない。。 というわけで、きれたかきれないかは、また後ほど。。

休憩になり、プレゼンがおわってほっとしていたらなぞの美少女が目の前に現れる。

スネーク・いつきたんだった。。 美少女過ぎて、いままでチャットでくだらないことを言い続けていたことを激しく後悔する。。 「ちゃっ」とか格好をつけておくべきだった。(意味不明。。

WordCamp Tokyo 2009 終了。

印象が残っていることはたくさんたくさんあるのですが、ひとつあげるとすれば Toru さんが壇上でマットさんの質疑の通訳をつとめられていましたが、これが非常にかっこよかったデス。

次は WordCamp 懇親会です。

WordPress を通じてお付き合いさせていただいております、siroica さん、Eternal tears さんとお話できてホント良かったです。 WordCamp 実行委員の面々ともお話させていただけてうれしかった~。 本当にみなさんお疲れ様でした。

さて、そして場面は3次会。

乾杯のための“とりあえずビール”ってことで、みんなにビールがくばれれる。 なかなかはじまらないなぁとおもっていたらマットくんが、ビールじゃないのをたのんでいたらしい。

びーるいらなぁいと、もにゃもにゃしているマットくん。 すっくとたちあがる Nao さん。

Nao 「Just do it!」 「(にほんじゃとりあえずびーるなの!) かんぱーい!」

一同爆笑。 …だれもこの人にはかなわないと思った瞬間でした。 ※お話の都合上若干のフィクションが含まれます(笑

wordcamp04

そんな Nao さんにサインをいただきました。 ありがたや…。

3次会は、古市さんと柏岡さんの☆トークが炸裂してぼくはメロメロでした。 また飲みたいです(笑

さすがに疲れていたのか3次会であんまり騒げなかったのが残念でしたが、次回の楽しみが増えたような気がします。 :-)

ということで本当に早かった1日は終了。 あいかわらずホテルをとっていなかったぼくは、ホテルをさがしに銀座の街に消えるのでした。。 一部に、エロいところにいったのではないかというご期待もありましたが、残念ながらでした(笑

wordcamp05

翌日、かなりゆっくりして夕方の飛行機に搭乗。 国際線機を転用しているということでスーパーシート使う。 +1000円でビジネスクラスだぜ。 :-)

席倒して寝て帰ろうとおもったら、充実した3日間になんかさえちゃって結局おきていました。 本当に楽しかったです、みなさんありがとうございました!

最後に小ねた。 東京お土産。

wordcamp06

千葉に続き、東京、あなたもか。 :-)

Apr142009

WordCamp Tokyo 2009 から戻りました このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

晴れ ひろまさ@ 4月 14th, 2009 投稿時の月齢:18.1  月名:寝待月  潮汐:中潮

こちら札幌、というわけで WordCamp Tokyo 2009 からさきほど無事帰宅しました。 おかげさまで、とても楽しく有意義な時間を過ごすことができました。 参加者のみなさん、スタッフのみなさん、大変お世話になりました。 :-)

hiromasa10 

どうも歳のせいなのか、お酒の席にたどり着いたころには体力ゲージが黄色くらいになっていて、普段のそれ系のひろまさくんになれなかったのがただひとつ、唯一の心残りです(笑

今日はもう遅くなってしまったので、ひとつだけレポート。

WordCamp にこれなくて、でも間接的に参加したもう一人の WordPress ユーザ、Minami さんの図です。 おでこさんが撮影してくれました。 :-)

wordcamptokyo2009 – a set on Flickr

minami10

今回、プレゼンでプラグインの作り方というのをやらせていただきましたが、その中で使う画像を描いていただいていました。 どうもありがとうございました! :D

ということで、詳しくは次号!

Next »