去年も同じようなエントリー書きましたけど、亡くなって今日で3年。
なんだかんだ思い出さない日はないっす。
自分のまわりでは、もっとも自由で、やんちゃで、みんなに遊びを提供して、それでがっちり稼いで。
ほんとカッコいい男ですわ。
めざす方向性は違うけど、彼を思い出すたびにカッコいい人間でいようとあらためて思います。
人のモノを盗むヤツ、外ヅラがいいやつ、媚びるヤツ。
これ、カッコ悪いヤツね。いねや。
]]>筍掘って、おいしいお野菜食って、堪能。Boots田中君、ありがとう！
さんちゃん、2ヶ月ぶりの再開。このあとやはり、うれしょん。
休校してる小学校のグランドが会場。賑わってました。
こいつをゲット！
えびののお野菜ブランドBoots。ロゴデザインは事務所の相方オサム氏。
きばっど祭は、大河平地区の有志の村おこしグループ「きばっど村」が中心となり行っている年に一度の祭りです。
僕らは、きばっど村の若い衆、田中君のお野菜ブランド、Bootsのお手伝いをさせてもらってます。
近々サイトも立ち上げますのでよろしくお願いします。
Bootsの野菜は都城ぼんち市でも買えます！
]]>
4/14にtwitterから発表された「@Anywhere」をさっそく試してみた。
「@Anywhere」は自分のサイトに簡単にtwitter連携機能を組み込めるサービスです。
詳しくはこちら
Twitter機能を自社サイト に数分で組み込める「@Anywhere」スタート (サンプルあり) 【増田(maskin)真樹】
で、出来ることは、
1. @名前へのオートリンクとプロフィールカードの表示
HTML上で「@名前」になっている文字列を自動でTwitterへのリンクに変換する。マウスオーバーすればプロフィールカードがポップアップする。大 きなプロフィール欄を作成することもできる。2. Twitterアカウントによるログインの簡易化
これまでは、安全な認証のためにはOAUTHを使ってその仕組みを構築しなければならなかったが、JavaScriptを貼るだけできるようになった。3. 投稿できるフォーム「TweetBox」の埋め込み
(未確認の部分あり)Twitter.comの投稿ボックス同等のフォームを埋め込むことができる。Twitter機能を自社サイト に数分で組み込める「@Anywhere」スタート (サンプルあり) 【増田(maskin)真樹】
さっそく試してみました。以下手順。
@Anywhere Applicationを作る
@Anywhereのサイトから「Start using it now」をクリックすると@Anywhere Application登録画面に移動します。
このページで@Anywhereを利用するための設定を行います。
以下、このサイトで利用するために行った設定。テキトーなので間違ってるかもしれませんので、あしからず。
- Application Name→アプリケーション名として表示される名前。テキトーでいいと思います。
- Application Website→アプリケーションのサイトURL
- お知らせ機能→よくわかりません。
- Callback URL→サイトのURLを入れました。
@名前へのオートリンクとプロフィールカードの表示
で、登録が完了するとJavaScriptのコードが表示されます。このコードを<head>タグの間に貼り付けてください。
この状態でページ内にtwitterのアカウント名「@名前」を記述すれば自動的にリンクとプロフィールカードが表示されます。
例）@armytoru
follow meボタンの表示
次にfollow me ボタンを表示してみます。
以下のコードの「twitterapi」の部分を自分のtwitterアカウント名に変更します。
<div id="follow-twitterapi"></div>
<script type="text/javascript">
function onAnywhereLoad(twitter) {
// this is the callback function you specified in your initializer
twitter('#follow-twitterapi').followButton("twitterapi");
};
</script>
で、followボタンを表示したい場所に貼り付けます。
それだけでfollowボタンが表示されるはず。
公式ドキュメントはこちら（http://dev.twitter.com/anywhere/begin#follow-buttons）
投稿できるフォーム「TweetBox」の埋め込み
※tweetが反映されないので、検証中です！
こちらもJava Scriptのコードを挿入します。
ドキュメントページを参考に、こちらのサイトでは以下のコードを貼り付けました。
<span id="placeholder"></span>
<script type="text/javascript">
twttr.anywhere("1", function (twitter) {
twitter("#placeholder").tweetBox({
counter: false,
height: 100,
width: 538,
label: "twitterで@armytoruに一言",
defaultContent: "@armytoru "
});
});
</script>
※↓投稿できないはず。出来ました！
※追記：
TweetBoxでつぶやくには、アプリケーションのアクセス権をRead & Writeに変更しないといけません。
こちらのページにアクセスし（http://twitter.com/apps/）@Anywhereアプリをクリック→「Edit Application Setting」ボタンをクリック→「Default Access type」を「Read & Write 」に変更して保存してください。
公式ドキュメントはこちら（http://dev.twitter.com/anywhere/begin#tweetbox）
いろいろカスタマイズ出来るみたいですねー。
他にも機能がありますが、オフィシャルサイトのドキュメントを参考にしてみてください。
まー英語なんでわからないっすけど、エキサイト翻訳＆英語が出来る彼女のおかげでなんとかできましたわ。
@Anywhere公式（http://dev.twitter.com/anywhere）
@Anywhere公式ドキュメント（http://dev.twitter.com/anywhere/begin）
追記：
なんだかんだ超簡単ではなかったです。TweetBoxでtweetできないし…。すみません。
5月22日（土）宮崎で開催されるWeb制作に関わる方のためのセミナーイベント「CSS Nite in MIYAZAKI」に講師、運営サポートとして参加させていただくことになりました。
CSS Niteとは…
CSS Nite（シーエスエス・ナイト）は、Web制作に関わる方のためのセミナーイベント。
2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていたが、現在は“Web制作者に とって有益であろうトピック”を広く扱っている。
これまでに140回を超える関連イベントを通し、のべ21,000名以上が参加している（2010年2月）。
他の講師の方々も業界ではトップクラスの実力をお持ちの方々で、結構プレッシャーなんですけど、そこはまぁラジオで培った話術で！ って嘘です。しっかり準備してがんばります！
ということで僕の講演のテーマは「HTML5簡単Webアプリ作成」
内容は「HTML5と関連APIを使い、プログラム未経験者でも作れる簡単Webアプリ」です。
iPhoneなんかも視野に入れた内容になる予定なので、楽しみにしててください。
で、このCSS nite、説明にもあるように140回もやってるんですよねー。すごい。Web系のセミナーとしてはネームバリューもあるし、定着した感じだと思うのですが、宮崎で開催されるということで個人的にもすごく嬉しいし楽しみにしてます。
ちなみに僕が運営に携わってるApple User Group Meeting in MIYAZAKIも去年5回目を開催し、すこしずつ定着してきたのかなと思います。
例えば東京や大阪などの都会ではWebひとつをとっても毎日のようにいろんなイベントやセミナーが行われています。選り好みができる恵まれた環境なんですよね。
反面、地方ではこの手のセミナーイベント自体が少ないので（特に宮崎では）、最新の情報や、業界のキーになる人たちとの交流が困難な状況です。
今回のCSS Nite in MIYAZAKIやApple User Group Meeting in MIYAZAKIは、普段あまり接することができない企業や人物との交流、最新の技術や情報に接するとてもいい機会なので、僕としては地方のそういった状況を少しでも良くするお手伝いが出来ればなぁと考えてます。
参加される方は是非このような場をうまく活用して、いっぱい楽しんで交流してください！
できればイベント後の懇親会にも参加されるといいですよー。本番では聞けないような裏話が聞けたり、講演者の方々と直接交流できるので、おすすめです！
参加には事前登録が必要です。席に限りがありますの早めの登録を！
CSS nite in MIYAZAKIオフィシャルサイト
CSS nite in MIYAZAKI Twitterアカウント
http://twitter.com/CSSNiteMiyazaki
CSS niteオフィシャルサイト
]]>これ、はんぱないです。
Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。
独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。
Zen-Coding記法を用いて入力、ZEN!すると…
こんなのが、↓
(#blog.sideBox>(h2+p+(ul>li+li+li)+p))+(#advice.sideBox>(h2+p(ul>li+li+li)+p.moreList))+(#jobDic.sideBox>(h2+p+p.moreList))+(#qa.sideBox>(h2+p+p.moreList))+(#wordDic.sideBox>(h2+p+p.moreList))
こうなります。↓
<div id="blog">
<h2></h2>
<p></p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<p></p>
</div>
<div id="advice">
<h2></h2>
<p></p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<p></p>
</div>
<div id="jobDic">
<h2></h2>
<p></p>
<p></p>
</div>
<div id="qa">
<h2></h2>
<p></p>
<p></p>
</div>
<div id="wordDic">
<h2></h2>
<p></p>
<p></p>
</div>
詳しくは以下を参考に
]]>えびののとある農家の青年が、自分でおいし〜いおやさいのブランドを立ち上げるということで、そのお手伝いをしております。
ロゴとかグラフィックは事務所の相方おさむ氏で、僕はもちろんWeb担当で。
ちなみに青年はm20のサッケンローのお友達。ということで、サッケンローも加えた3人でえびの市大河平地区「きばっど村」へ行ってまいりました。
しかし「きばっど村」っちゅう名前は最高にかっこいいね！ いかす！ 道中手書きの看板があって、もろメタリカのロゴみたいになってたのは笑ったけど、かっこよかった！ 残念ながら写真なし。
愛犬さんちゃん。このあと興奮しすぎて「うれしょん」してました。
で、目的はおもに写真撮影。竹の子とかほうれん草とか、ニンニク作ったりとか、まぁいろいろやってて。もろもろのお話を聞きつつ農業の大変さと楽しさに打ちのめされましたわ。
ロゴもいい感じで仕上がってるし、Webも気合い入れて作りまーす。
]]>表題のとおりWordPress2.9での新機能なんですが…。
そもそも、WordPressで構築したサイトの「見た目」についてまずは説明。
- WordPressはテーマという仕組みを使ってサイトを表示。
- そのテーマはテンプレートというPHPファイルやCSSファイル等で構成されている。
サイトのデザインは、テンプレートの種類によりデザインを切り替えて表示しています。
テンプレートの種類はいくつもあり必要に応じて使い分けるのですが、めっちゃわかりやすく言うとテンプレートのファイル名の違いで、使用する＝読み込むテンプレートを指定することができます。
最低必要となるテンプレートファイルは「index.php」です。
これはすべてのページを「index.php」を用いて表示することを意味しますが、たとえば、トップページのみ違う見た目にしたい場合は「home.php」というファイルを作り、内容を記述します。
この「home.php」というファイル名がポイントで、このファイル名はWordPressにより決められたルールがあります。
つまり、そのルールに則ってテンプレートファイルを作ることで、ページごとに違うデザインを表示することができます。
例）日記というカテゴリのアーカイブページを独自のデザインにしたい場合は、まず日記カテゴリのIDを調べ、テンプレートファイルの名前を「category-（日記カテゴリのID）.php」とします。
このように決められたファイル名を使い分けることにより、各ページ独自のデザインを施すことができます。
これを「テンプレート階層」と呼びます。
この決められたファイル名によりテンプレート適用の優先順位が決まるのですが、例えばカテゴリーページの場合、以下の順番で優先順位が変わります。
カテゴリーページのテンプレートの場合
- category-ID名.php（例えばカテゴリID6用のテンプレートであれば
category-6.php） - category.php
- archive.php
- index.php
（1）がもっとも優先順位が高いです。
で、以上がWordPress2.8以前の仕様。
ここからが本題。
WordPress2.9以降では、新たにテンプレート階層が追加された。
カテゴリーページのテンプレートの場合
- category-スラッグ名.php – 例えばカテゴリーのスラッグが “news” の場合は category-news.php
- category-ID名.php – 例えばカテゴリID6 用のテンプレートであれば
category-6.php - category.php
- archive.php
- index.php
※1.が2.9以降で追加
固定ページのテンプレートの場合
- ページ作成画面の「ページテンプレー ト」ドロップダウンメニューで選択したファイル名
- page-スラッグ名.php – 例えば固定ページのスラッグが “about” の場合は page-about.php
- page-ID名.php – 例えば固定ページのIDが6の場合は page-6.php
- page.php
- index.php
※2.と3.が2.9以降で追加
ポイントはそれぞれ「スラッグ」名をファイル名に含ませることで、テンプレートを適用できるようになったこと。
これは、テンプレート作成の時に結構便利で、とくに固定ページの場合は結局（1）の方法を使っていたんですが、この方法の場合、まず前提としてテンプレートファイル内に特定のPHPコード（※1）を記述しておかなければならず、面倒でした。
面倒くさがりな自分にはこのコードを挿入するというステップがとにかく面倒くさい。作業工程は限りなく少ないほうがいいと思ってるので、このやり方は嬉しいですねー。
ちなみに、この変更は全然知らなかったのですが、自分が講師をしている職業訓練校での授業で、たまたま生徒が発見しました。偶然「page-スラッグ名.php」になってたため、そのままテンプレートとして機能したことで気づきました。
後で調べてみると、WordPressのオフィシャルドキュメントにもしっかり書かれてました。ほんとはこっちが教えないといけないのにねー。教えられましたわ。やっぱドキュメントはこまめに見とかなあきません。
ほなまた。
※1
<?php /* Template Name: マイページ */ ?>
「マイページ」が固有の名前としてページ作成画面の「ページテンプレー ト」ドロップダウンメニューから選択出来るようになります。
]]>サイトを公開したので、詳細はサイトを見てもらうとして。（AUGM宮崎）
いやー、今年も豪華です。
- マイクロソフト株式会社
- フォーカルポイントコンピュータ株式会社
- トリニティ株式会社
- Mozilla Japan
- アドビシステムズ株式会社
- Yahoo! JAPAN
- 株式会社 物書堂
- 林 信行さん（ITジャーナリスト）
- DANBOさん（Macお宝鑑定団）
- 増井俊之さん（慶應義塾大学 環境情報学部 教授）
- 松村太郎さん（慶應義塾大学SFC研究所上席所員（訪問）/ 嘉悦大学非常勤講師）
- 斎賀和彦さん（駿河台大学メディア情報学部 准教授）
- ソフトバンクテレコムサービス
これもDANBOさんはじめ、全国各地のユーザグループのみなさんのおかげです。
ありがとうございます。
正直Macユーザの集まりっていうよりも、iPhoneやらWebやらの楽しさも感じられる、なんかそんなイベントになると思います。あ、イベントって言っても基本セミナーなんですけど。
さて、参加には事前登録をおすすめします。席がなくなると見れないよー
]]>開発者の皆さんライブラリ病が過ぎるんじゃないすかね。脳味噌がライブラリ化されちゃってない？（中村勇吾/nisshi.yugop）
簡単にデザインとかパクるヤツがいるなか、プログラムや見えないソースコードの中身までこだわってここまで言えるってすごい。
一から物を作るってほんと大変なのに、簡単にクリエイターとか言いすぎ。
個人的には、デザインパクるとかあり得ないですけど、ライブラリはやっぱ使うし、むしろそういうものだと思ってた。それがインターネットの凄さでカルチャーだ、とも。
自分はライブラリとかも使っちゃうし、まだまだですけど、そのかわりオープンソースやインターネットへの感謝は忘れないでいたい。
いつか恩返ししたいです。
]]>
漆工藝宮城壮一郎のショップに行って参りました。
本人曰く、エコ・ロハスショップらしいです。
先着100名様にエコバッグプレゼントとか言ってました。
多分、コンビニの袋を渡されるだけだと思うので期待しない方がいいっす。
といいつつ「エコもロハスもまとめてポイや！」ってラジオで話してました。
どっちやねん！
そんな天の邪鬼で愉快な仲間に会いたい方は是非お立寄を。
たしかに、見かけ倒しの「エコ」や、「エコノミー」を「エコロジー」とはき違えてる風潮は勘弁して欲しいです。
自転車をこよなく愛し、何年経っても使える本物の漆器を作り続ける。ヤツはハードコアエコロジスト。
場所は県立美術館そばです。
より大きな地図で 漆工藝宮城 を表示
WordPressでサイト構築することが多いんですけども、予定表のような物を設置したいという要望がありまして、いろいろと調べてみました。途中ハマったとこもあったりで、メモがわりに書いときます。
まず、WordPressはBlogツールのため、投稿すれば即記事としてアップされます。
また「予約投稿」を使えば、未来の指定した日時に公開ということも出来ます。（過去もできますけど）
ただ、「予約投稿」で未来の日時を指定すると、当然ですけどその日時になるまで記事は表示されません。
要するに「今、公開」か「指定した日時に公開」しか選べないので、「将来のものを」「今公開する」というイベントカレンダーのようなものをWordPressで作るというのは出来そうで出来ないのです。（中身を改造すれば別）
今回やりたかったのは、
- 将来の日付で投稿した記事を「今」表示できる
- その予定をカレンダー形式で表示できる
- カレンダーで、予定がある日にリンク。クリックで記事（予定の詳細）が表示される
そこで、WordPressのプラグインを探してみることに。
WordPressでは機能を拡張する仕組みとして「プラグイン」ってのがありまして、これが探せばいっぱいあってですね。たいていのことはプラグインで補えてしまいます。まぁ細かいことを言い出すと、相性があったり、アップデートが大変だったりそもそも無秩序に作られてるものなので、統一感があるわけでもなく…。
それはそれとして、本題っす。
探したらいろいろ見つかったのですが、今回使ったのは「Event Calendar」っていうプラグイン。
似た様な名前のプラグインがいくつかあって紛らわしいんですが、このプラグイン、それなりにいろんなサイトで情報があったので導入することにしました。
導入方法、使い方はこちらのサイトがわかりやすいので参考にしてください。
WordPressプラグインでイベントスケジュール表示ができる「Event Calendar」 | WordPress & Business メモ
画面での表示は、以下のコード挿入することで出来ます。
カレンダーを表示したい場合は以下のコードを表示したい箇所に挿入。
<?php ec3_get_calendar(); ?>
リスト表示したい場合は以下のコードを表示したい箇所に挿入。
<?php ec3_get_events(5); ?>
※（）内は表示する件数
以下、試した環境および設定
- カテゴリ名：予定表
- カテゴリスラッグ：schedule
- カテゴリID：3
※カテゴリIDはカテゴリを作った順に連番で設定されます。
そして、この「予定表」カテゴリ用のテンプレートとしてカテゴリIDにもとづき
「category-3.php」を作成。そのファイルに上記のコードを挿入。
また、WordPressのパーマリンク設定で、URIにカテゴリスラッグを含める設定にし、以下の様なURIでアクセスできるように。
例）http://○○○○.com/schedule/
結果、カレンダーもリスト表示も上手くいったんですが、ちょっと困ったことがあってハマってしまいました。
うちの環境だけかもしれないですけど、カレンダーに表示される日付をクリックしても記事（予定の詳細）ページが表示されずに、元の画面のままカテゴリーページが表示されてしまうのです。
状況としては、カレンダーの日付部分はスケジュールとして投稿した日付になってます。
例えば「9月1日」に予定を投稿したとしたら、カレンダーの9月1日にリンクが貼られ、URIも「http://○○○○.com/?m=20090901&cat=3」となります。「20090901」の部分が投稿した「予定」の日付になってます。
とにかく、日付をクリックしても記事（予定の詳細）ページを見ることができない！
これは困りましたねー。
そこで、いろいろいじってみたのですが、URI末尾の「&cat=3」を消すと日別アーカイブページが表示されることに気づき、日別アーカイブが表示できれば、その日の投稿一覧が表示されるので、今回やりたかったことはこれで実現できます。
ということで「&cat=3」が無い状態でリンクを出力できないかと考え、いろいろ探して該当部分を見つけました。
いやー、長かった。ここからがホントの本題。
「Event Calendar」プラグイン、date.phpの179行目〜180行目。
. zeroise($this->day_num, 2)
. “&cat=” . $ec3->event_category;
この部分を以下のように変更。
. zeroise($this->day_num, 2);
180行目の
.”&cat=” . $ec3->event_category;
この部分で「&cat=3」を出力してるんですねー。
いやー、解決するのに2日かかりましたわ。あと記事長過ぎますねすみません。
あ、ちなみにPHPは素人なので、もっといい方法があるかもしれません。あしからず。
]]>
昨日はナニワの裏庭代表、TERRY THE AKI-06の三回忌。
亡くなってもう2年になるんですねー。早いなぁ。
晩年はアーティストとして、正念場を迎えた彼。
『そろそろ喰らわず喰らわすか。』
まさに、これからって時に逝ってしまいました。
ただ、死を正当化する訳でもなく、人生を普通の人の二倍のスピードで生きたってことで納得してます。
合掌。
↓ミドリ色のがテリー君です。
で、明日は皆既日食。このために来たのですよ。
なのに予報は軒並み雨やんけ！ ほんま、降りてこい！
というわけで、日食100%目指して作戦会議の結果、第一候補は安徽省銅陵というとこに決定しました。
]]>
アンチSEO
81→86
]]>
最近のお気に入りサイト。
「引用β（ベータ）」
このサイト、ユーザーがいろんなサイトからテキストを引用して、投稿できる、なんのことはないただそれだけなんですが、おもしろい！ twitterのつぶやきとかblogとかから。くだらないものから名言まで。
名前もいいっすね。「信用ベータ」みたいで。
中村勇吾氏のthaがやってるサービスです。
引用βから引用
『引用βとは、それが置かれた文脈を離れてもなお、力を持つ言葉をシェアし、リスペクトすることを目的としたサービスです。引用文の集積のみでユーザーのイルなセンスが試される過酷な戦場でもある。』
確かに。イルでセンスいりますわ。
で、引用βに投稿された引用文から引用。
『こちらのケータイマグは、現在 Amazon で 2,680円ですから、カップ値引きでタンブラー代を回収するためには、134回グランデサイズのコーヒーを頼めばいいようです。平日毎日通えば、月に 20回、7ヶ月弱で達成ですよ。 20円のカップ割引に加えて、134個も紙のカップを節約できるのですから、これはエコですよね。
大分Macユーザーグループ「温泉りんご」代表のほしいちさんのサイトで知ったんですが、アドビから、Webページが複数のOS・ブラウザ環境でどのように表示されるか確認できるサービスが公開されてるようです。
（使うにはアドビID要登録です。）
今のMacはWinを入れることが出来るんで、むしろWinの人がMacの環境をチェックするのにいいかもですね。
以下の環境で確認できます。
- Firefox 2.X and 3.X (Windows XP and Mac OS X)
- Internet Explorer 6.X and 7.X (Windows XP)
- Safari 3.X (Mac OS X)
あと、Dreamweaver CS4のExtensionも配布されてるので、Dreamweaverから確認も出来るみたいです。（使ってないので詳しくはわかりません）
Dreamweaver CS4用Extensionダウンロードページ
とりあえず使ってみた感じは、もうちょっとキビキビ動けばいいなぁってのと、これ、ページを静止画にして表示してるような感じで、ページ内のリンクとかボタンとかは機能しないです。
]]>
えーっと、Hobnox Audiotoolってやつなんですが、
いわゆるDAW (Digital Audio Workstation)といわれる、パソコンで音楽作るソフトとかシステムがあるんですが、これはそれをWebでやっちゃおうというもの。
画面はこんな感じ。
もろTR-808ですね！
ほかにもいろんな楽器やエフェクターを実際に扱うように、つなげたり、つまみをいじったり。
画面左上のカセットテープのアイコンから録音もできます。
あ、Flashつかってるんで、入ってない人は入れてね。
とりあえず、使い方はムービーで。
しかもこれ、オープンソースなんですねー。
すばらしい。
こっから使えます。Hobnox – Audiotool
TR-909にディストーションかけたら、もろガバになりますよー。
宮崎神宮。
えげつないエンボスでっせ。
絵馬チェック中の3846氏。
ご近所なのでちょくちょく行こう。
あ、「癒される」はNGワードね。
]]>