• 見た目上のグルーピング
• 途中で[見出し+説明文]を入れる（tableを途中で解除）

どうしてもメールフォームの表を途中で分割したい！とつぶやいたら @baserCMSが教えてくれた方法を試した時のメモ。

※かなり力技です。

/baser/plugins/mail/views/elements/mail_form.ctp
を開く。

修正前）

<table cellpadding="0" cellspacing="0" class="row-table-01">
	<?php $baser->element('mail_input', array('blockStart' => 1)) ?>
</table>

↓
修正後）

<table cellpadding="0" cellspacing="0" class="row-table-01">
	<?php $baser->element('mail_input', array('blockStart' => 1, 'blockEnd' => 5)) ?>
</table>

<h2>グループの見出し</h2>
<p>グループの説明文など</p>
<table cellpadding="0" cellspacing="0" class="row-table-02">
	<?php $baser->element('mail_input', array('blockStart' => 6, 'blockEnd' => 10)); ?>
</table>

<h2>グループの見出し</h2>
<p>グループの説明文など</p>
<table cellpadding="0" cellspacing="0" class="row-table-03">
	<?php $baser->element('mail_input', array('blockStart' => 11)); //'blockEnd'は省略可能、最後まで出力する ?>
</table>

‘blockStart’,'blockEnd’ で指定するNoは、メールフィールド一覧の並び順で上から数えた数字ですです。
決してメールフィールドNOではないのでお気をつけください。

/baser/plugins/mail/views/elements/mail_form.ctp
はBaserCMSのアップデートで上書きすることになるので、できればテーマフォルダに移しておいた方が無難です。

プラグインのctpファイルをテーマフォルダへ移す

basercmsではメールフォームは “mail”というプラグイン扱いになってます。
自分のテーマフォルダ ( /app/webroot/themed/{テーマ名}/か、{webルート}/themed/{テーマ名}/ ）に、プラグイン関係のテンプレートファイルをコピペしておくと、そちらのファイルが優先されて読み込まれるようになります。

例）プラグイン”mail”の場合
[baser/plugins/mail/views]
├ [elements]　→ テーマ内の[elements]へコピペ
├ [mail]　→ テーマ内にフォルダ毎コピペ
・・・

※注意事項
このカスタマイズでの全てのメールフォームに共通して反映されます。
複数メールフォームがある場合、メールフィールドの並び順が項目が違うとずれたり、意図しない表解除・グルーピングが行われますので気をつけてください。

複数のメールフォームを利用する場合は、メールフォーム名等で分岐処理させておきましょう。
（ここが改善して欲しい所でもある）

メモ： mail各ファイルの役割のメモ↓

メールフォームの新規項目追加の中で、「途中見出し（表解除・説明文追記）」が激しく欲しいなー。
今後のバージョンアップに期待。

事前準備：ckeditor.phpを複製

basercmsのCKEditorの設定は、/baser/views/helpers/ckeditor.php 内に書かれてる。
そのままいじると、[baser]領域のバージョンアップ時に変更されてしまうので、
/app/views/helpers/ckeditor.php に複製しておく。

/baser/views/helpers/ckeditor.php
↓複製
/app/views/helpers/ckeditor.php

※BaserCMSの基本として、[baser]内にあるファイルは触らない。
触りたい時は、[app]内に同じディレクトリで置くこと。そうするとそちらが優先されるようになる。

[スタイル]の中身をカスタマイズする

/app/views/helpers/ckeditor.php の50行目辺り。

var $style = array(
array( 'name' => '青見出し(h3)',
'element' => 'h3',
'styles' => array('color'=>'Blue')),
array( 'name' => '赤見出し(h3)',
'element' => 'h3',
'styles' => array('color' => 'Red')),
array( 'name' => '黄マーカー(span)',
'element' => 'span',
'styles' => array('background-color' => 'Yellow')),
array( 'name' => '緑マーカー(span)',
'element' => 'span',
'styles' => array('background-color' => 'Lime')),
array( 'name' => '大文字(big)',
'element' => 'big'),
array( 'name' => '小文字(small)',
'element' => 'small'),
array( 'name' => 'コード(code)',
'element' => 'code'),
array( 'name' => '削除文(del)',
'element' => 'del'),
array( 'name' => '挿入文(ins)',
'element' => 'ins'),
array( 'name' => '引用(cite)',
'element' => 'cite'),
array( 'name' => 'インライン(q)',
'element' => 'q')
);

この辺を好きに触ればOK。
不要なものはコメントアウトしておく。（青見出しとか）

ツールバーのカスタマイズ

/app/views/helpers/ckeditor.php の231行目辺りにツールバーのアイコン表示の設定が書いてあります。

$toolbar = array(
	'simple' => array(
		array( 'Bold', 'Underline', '-',
		'NumberedList', 'BulletedList', '-',
		'JustifyLeft', 'JustifyCenter', 'JustifyRight', '-',
		'Format', 'FontSize', 'TextColor', 'BGColor', 'Link', 'Image'),
		array( 'Maximize', 'ShowBlocks', 'Source')
	),
	'normal' => array(
		array( 'Cut', 'Copy', 'Paste', '-','Undo', 'Redo', '-', 'Bold', 'Italic', 'Underline', 'Strike', '-',
		'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'Blockquote', '-',
		'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-',
		'Smiley', 'Table', 'HorizontalRule', '-'),
		array( 'Styles', 'Format', 'Font', 'FontSize', 'TextColor', 'BGColor', '-', 'Link', 'Unlink', '-', 'Image'),
		array( 'Maximize', 'ShowBlocks', 'Source')
	)
);

カスタマイズ例）

• 書体( ’Font’)を削除：ユーザーに変な書体を指定されないように
• リンクの”アンカー挿入／編集”(‘Anchor’ ) を追加：ページ内リンクを指定できるように

array( 'Styles', 'Format', 'Font', 'FontSize', 'TextColor', 'BGColor', '-', 'Link', 'Unlink', '-', 'Image'),
↓
array( 'Styles', 'Format', 'FontSize', 'TextColor', 'BGColor', '-', 'Link', 'Unlink','Anchor', '-', 'Image'),

フォーマット(書式)の選択項目から”見出し1 (H1)”を消去する

/baser/vendors/js/ckeditor/config.js を開きます。

※前述の /app/ に複製するとうまく動かなかったので、暫定処置。
/baser/ 領域のアップデート時に上書きすると元の設定に戻ります。

CKEDITOR.editorConfig = function( config ){ }; 内にフォーマットの指定を新たに記述します。

CKEDITOR.editorConfig = function( config )
{
	config.format_tags = 'p;h2;h3;h4;h5;pre;div'; //デフォルト:  'p;h1;h2;h3;h4;h5;h6;pre;address;div'
};

参考サイト）

• CKEDITOR.config.format_tags – CKEditor 3 JavaScript API Documentation
• 絵文字の種類について｜フォーラム｜baserCMSユーザーズ

http://fww-a11y.in/

バナーを貼ってれる奇特な方へ

バナー小

<a title="2012年2月18日に九産大にて福岡アクセシビリティセミナーが開催" href="http://fww-a11y.in/" target="_blank"><img src="http://fww-a11y.in/img/banner-fww-a11y-s.png" alt="福岡アクセシビリティセミナー" /></a>

バナー中

<a title="2012年2月18日に九産大にて福岡アクセシビリティセミナーが開催" href="http://fww-a11y.in/" target="_blank"><img src="http://fww-a11y.in/img/banner-fww-a11y-m.png" alt="福岡アクセシビリティセミナー" /></a>

バナー大

<a title="2012年2月18日に九産大にて福岡アクセシビリティセミナーが開催" href="http://fww-a11y.in/" target="_blank"><img src="http://fww-a11y.in/img/banner-fww-a11y-l.png" alt="福岡アクセシビリティセミナー" /></a>

話したのは、[【スペシャルセミナー＆制作体験】DIGITAL STREAM FUKUOKA vol.1｜1月開催決定！｜デジタルハリウッド福岡校]のイベントの中で、以下のセミナーが行われて、その中でお話させてもらいました。

武雄市による日本初の市役所公式ホームページFacebook化の事例から学ぶ
「武雄市役所ホームページのFacebook移行から運用までのマル秘ストーリー」
〜ソーシャルメディア活用効果と、これからの課題について〜

株式会社SIIIS 代表取締役社長 杉山隆志氏( @TakaFlight ) さんとご一緒させてもらい、僕は制作パートの説明を行いました。

当日やっつけで作ったスライドでしたが、意外に好評だったみたい(？)なので公開しておきます。
こういう機会のおかげでこうしてまとめることができました、お声がけいただいたデジタルハリウッド福岡校さん、@TakaFlightさん、ありがとうございます！
（こんな機会がないとまとめないですもんね…）

当日はまさかの30分以上押しのプレゼンでした、ご参加していただいた皆さん、本当にすいません<(_ _)>
（僕は20分ぐらいで終わらせたのですけども汗）

もしまたどこかでこんな内容でできる事があれば、ぜひ次はParachuteさんも交えてやってみたいなー。

追記補足）
スライド内で「iframeからどのURLで表示されてるかわからない、参照元がわからない」と書いていましたが方法があるようです。
@bakorer さんのつぶやきから signed_request の add_data を使えば取得できるようです。
今度試してみます。
@bakorer さん、ありがとうございます！

余談1

イベント終了後、話しかけてきた方( @faineant_lapinさん )の手帳に、見慣れない大きさの”わぷ〜”ステッカーが！

[写真右]の左側が公式、右側が自作ステッカー。2倍ぐらいの大きさでしょうか。

@faineant_lapinさん曰く「好き好きでたまらない わぷ〜 のステッカーがどうしても欲しくて、、、配布されてたイベントには行けなかったので、自分用にと自作してしまいました。」

いやー嬉しいですねｗ
わぷ〜 の母も「えらい！」とコメント。

余談2

「その他」の『「一瞬だけなら…」シェアされてしまう』の部分。
セミナーの参加者の中に、シェアされた方ご本人がまさかいらっしゃいました。
あの時はどうもありがとうございました（違

余談3

当日は 公式ハッシュタグ #dsf1 で、イベント中にそこにまさかの書き込みが。

これがソーシャルの力なんですね（違

p.s. 武雄温泉に入りたい

2012年、明けましておめでとうございます。

自分たちのできること、求められる役割を見失わないこと
とはいえ、チャレンジ精神は失わないこと
そんな1年にしたいと思います。

また、個人的な目標として、初心に帰り、残すべき情報・まとめるべき情報はきちんとブログにアウトプットしていく一年にしたいと思います。
（昨年はTwitterやFacebook,Pathにリソースを取られすぎて満足してしまってたと反省）

勉強会やコミニュティやイベント（主に懇親会）にもたくさん出ていき、皆さんと交流を広げていきたいと思います。

今年もどうぞよろしくお願いします。

（ 年賀状デザインは当然、カネウチカズコです）

p.s.
2/18 九産大で、「伝える」をテーマにしたアクセシビリティ系のイベントを行います！
詳細は決まり次第、告知していきます！

• 2月
  • WordCamp Fukuoka  2011に参加
• 3月
  • 震災当日、各携帯の災害用伝言板リンクのTweetが人生最大のRT数とfav数になった
  • ちくごITキャンプに参加
  • 今までで一番大きな数字のお仕事が契約直前で震災の影響で流れた（これは痛かったなー）
  • サト研(仮) vol.21参加
• 4月
  • CGFMとして初のナストマ取材で藤波農園さんを取材させてもらう
  • サト研(仮) vol.22参加
• 5月
  • GW制作合宿でHTML5電子書籍「ナストママガジンVol.1」をリリース
• 6月
  • [実績]九州大学 先端医療イノベーションセンター
• 7月
  • CSS Nite in KITAKYUSHU, Vol.1 で受付手伝いで急遽LTに「ナストママガジンVol.1」で参加
  • 初の健康診断イベント「FWW_健康って大事なんですよ @sugmak 一周忌イベント」に行って来たよ！ を企画・参加
  • [実績]武雄市Facebook移行プロジェクトにwebデザインと移行作業の一部で参加
  • アクセシビリティ勉強会に参加
• 8月
  • サト研キャンプに参加
• 9月
  • CSS Nite LP, Disk 17「HTML5による電子書籍」 に登壇
    仕事での初上京・初セミナー登壇で「ナストママガジンVol.1」を全国に披露
• 10月
  • 海の中道リレーマラソンに出場
  • SwitchOn! vol.1に参加
• 11月
  • デジハリの卒業生達とバンガロー合宿
  • 明星和楽にお手伝いスタッフとして、webサイト広報スタッフとして参加
  • サト研(仮) Vol.24に参加
  • CSS Nite Fukuoka Vol.3に参加
• 12月
  • OSC 2011 Fukuoka にBaserCMSブースの手伝いで参加
  • SwitchOn! vol.2に参加

自分の中で一番成長できたのはCSS Nite LPで登壇した事

CSS Nite LP, Disk 17「HTML5による電子書籍」 に登壇させてもらったのですが、とても良い経験をさせてもらいました。

これだけ一つのプレゼンに時間をかけてスライド作成に取り組んだ事は初めてでした。

めったに褒めない？という鷹野さんに「良かったよ！」といっていただいたことで、自分に自信が持てました。
また実力で東京のみならず他県に呼ばれるよう精進します。

201/01/04追記
CSS Nite LP, Disk 17フォローアップでスライドPDFと当日のプレゼンの音声データが公開されました。 

2012年はブログをしっかりと残す

今年を振り返って思ったのは、ブログをほとんど更新してないこと。
更新と言うか、有用なログを残せてなかったです。

原因は明らかで、TwitterやFacebook、最近だとPathにリソースを取られすぎた所がありました。
（少しでもアウトプットしてしまったら満足してしまうんですよね…）

2012年はきちんとブログを残していくために時間を取るようにします。

2011年は本当にお世話になりました。
2012年もいろんな所で自分の出来ることを頑張っていく所存ですので、みなさんどうぞよろしくお願いします。

3年ぶりの開催となったCSS Nite in Fukuoka Vol.3こと、CSS Nite redux, Vol.5 powered by デジタルハリウッド福岡校にCGFMの二人でお手伝いをさせてもらいました

手伝いと言っても当日、受付や懇親会幹事した程度の手伝いです。

きっかけは、僕が9月にCSS Nite LP, Disk 17に出演させてもらったのもあって、
鷹野さんから「福岡で簡単にセミナーを開催したい」とご連絡を受けまして、
会場としてデジハリ福岡校を紹介したら、とんとん拍子で話が進んだ次第です。

セミナー内容の肝は”レスポンシブ・デザイン”

セミナータイトルは『Dreamweaver CS5.5によるスマートフォン対応サイトの実装』で、内容もより具体的でした。

これから画面幅が違うスマートフォンやタブレット等の様々なWebデバイスに今後どう対応していくか、
jQuery MobileをDreamweaver CS5.5でどう扱うかなどの具体例がサンプルも交えててんてこもり。

特にレスポンシブ・デザインは最近抑えておかないといけない技術だけに、会場の皆さんも真剣に耳を傾かれてました。

受付を交代でしていたので全て聞けなかったのが残念。
（※後日、フォローアップメールでスライド・当日の音声データをゲット！）

プレゼンの勉強にもなりました

スライドの内容もさることながら、鷹野さんのスライドの作り込みが素晴らしい。
効果的な動きを付けてる点やセミナー全体の雰囲気をコントロールされてて、飽きさせない・退屈させない手法がとても勉強になりました。

自分なりに勉強になった点を箇条書き

• 最初に名刺交換（アイスブレイク効果高し）
• テーブルごとにグループとして、ミニWorkshopを行い、頭と口を使わせる
• 初めての人達とも交流するきっかけを与える
• 休憩から復帰後に簡単なストレッチ
• 後半ほど、ミニWorkshopの回数を増やす
• 結論がわかってるものほど、一度Workshopさせる
• 景品のジャンケンはアイコジャンケンが早い

山口 有由希さんのFireworks本が出ます！

Amazonで絶賛予約受付中！

献本のジャンケンも。

懇親会は会場直ぐ近くの益正へ

実はここ、CSS Nite in Fukuoka Vol.2の懇親会と全く同じお店。
（しかもお店の中の座敷まで全く同じ場所）

僕がお店の手配で、たまたま予約できた場所だったのですが、なんだか嬉しい偶然でした。
あの時から随分、福岡でもいろんな勉強会・セミナーのイベントができたんですよねー。

手前味噌なVol.1,2の感想はこちら

• CSS Nite in Fukuoka Vol.1に行ってきた « 我流天性 がらくた屋
• 今更だけどCSS Nite in Fukuoka Vol.2の感想 « 我流天性 がらくた屋

来年は北九州でもCSS Nite vol.2が行われるとかなんとか。
期待しています〜

ANTENNA vol.2 に参加してきました〜 ( #antenna )
遅刻してLTは途中みれなかったですが、刺激を受けました！

ANTENNA vol.2風景( @cohtan )

プレゼンターによるプレゼンテーション

いろんなサービスやアプリが全7組紹介。

• Silueta : しかじろう
• oooi：荒川豊
• Albub：河野 忍
• GlueCast ：迫田孝太
• Switcheroo : 宮﨑真也
• ContentsDesigner：平田哲
• Cocoro：大久保貴之

今回のLTは明星和楽(2011/11/11-13) というイベントの九州予選も兼ねてるとのことで、参加者による投票も行われました。

LT風景: GlueCast ( @cohtan)

LT風景： Switcheroo ( @shunsuk )

投票結果は以下になりました！

1. Switcheroo
2. oooi
3. GlueCast

飛び込みの1分LTも盛況

1分LT風景：@you_gotさんのSKILL POOL

SKILL POOLのFacebookページはこちら

1分LT風景：@kiwanamiさんのFukuoka Emacsの宣伝

1分LT風景：@buntakenbunrock

スライドの素材写真がGlue社長ｗ

他にもたくさんの方がLTに出られていました（10組ぐらい？)
CacooやBaserCMSもLTに出られてましたね。

嬉しいニュースで、福岡産オープンソースCMSのBaserCMSが正式に福岡工業大学の公式サイトで既に採用されて公開されたとか、
1000P以上あるサイトでも表示速度や処理速度面はほとんど問題ないとか。

そんな会場の勢いに、つい僕も飛び込みで1分LT出させてもらいました。
本人全くの無準備だったのですが、ありがたいことに@you_gotさんが使われてたiPadをそのままお借りすることで、ナストマくんマガジンをLTすることができました！
（しかもインストールしてくれてたｗ）
LT後、数名から声かけてもらって嬉しかったです。

スタッフの皆さん並びに出演者の方々、お疲れ様でした！！

参加者の方で知らない人とあまり交流できなかったのが反省。
今後はいろんな方々とも交流するように心がけてみます。

備考）
iPadのプレゼン、始めてやったですけど、意外と難しいですね。
今度練習しときます。 VGAアダプタも買っておきます。

関連サイト

• cohtan blog: 新サービス Social GlueCast を AntennaAsia Vol.2 で 発表しました
• 熱い福岡のスタートアップ系イベント「ANTENNA vol.2」に参戦したメモ。 – このブログは証明できない。
• 明星和楽の福岡予選開催ー福岡のイベントAntennaでスタートアップ7社がデモ | Startup Dating [スタートアップ・デイティング] 

追記:2011/09/06
GlueCastのリンク先を http://social.gluecast.net/  に変更しました

「システム設定 > プラグイン管理 > アップローダー設定」
→ 左「アップローダーメニュー」 “プラグイン基本設定” 

画像サイズを変更できる画面が出ます。
前はソースコードを触ってた気がするのですが、いつの間にか管理画面で変更できるようになってました。

BaserCMS、使ってみると着実に進化してるのが実感できますね。

キャッシュさせるファイルがたくさんになるとやたら記述が面倒。
Safariの「構成ファイル一覧」だと、CSSの背景画像までは一覧に出ない問題もあり、
なんとか良い方法がないかなー、
ということで今回は必要なファイル一覧を表示させる小技です。

今回はMacでは定番の軽量テキストエディタ: CotEditorを使います。

ただ使うためには環境設定をいじらないといけません。
マークアップメインで CotEditorを使われてる方、特にファイルドロップでimgタグを自動記述される機能を使われてる方にはオススメできませんm(__)m

手順1. 環境設定でファイルドロップを全て削除

この設定を[-]で削除します。
(注：設定は元に戻りません、自己責任でお願いします）

▼CotEditor初期値の一応メモ。

ファイル拡張子： jpg, jpeg, gif, png
挿入文字列のフォーマット：
<img src=”<<<RELATIVE-PATH>>>” alt =”<<<FILENAME-NOSUFFIX>>>” title=”<<<FILENAME-NOSUFFIX>>>” width=”<<<IMAGEWIDTH>>>” height=”<<<IMAGEHEIGHT>>>” />

手順2. CotEditorの新規ファイルに対象ファイル群をFinderからドラック

Finderでフォルダは全て展開しておく必要があります。
対象ファイルを選択してCotEdiorの新規ファイルにドラックします。
(フォルダは選ばないで済むなら選ばない）

手順3. ファイル一覧を適宜調整

フルパスが入っているので適宜、検索置換で削除。
ディレクトリ行は不要なので全て削除する（ここは目視の手作業）

後は先頭に、「CACHE MANIFEST  」を書けば [.appcache]ファイルの完成〜

小技ですが何かの役に立てば幸い、
ってことで自分用のメモです。

そうそう、いつのまにか、マニフェストファイルの拡張子が .manifest から .appcache に変更されてたんですね。知らなかった。

参考サイト： WebTecNote – [HTML5] アプリケーションキャッシュの使い方

iPadのSafari上でどうしても キャッシュさせたwebClip(webAppモード)として表示されてるのかどうかをJavascriptで判別したかった。


window.applicationCache 周りもいろいろ試したけど、判別する方法としては使えなかった。
（使い方が悪かったのかもしれないけども）

window.applicationCache.UNCACHED はもろそれっぽかったのに、どうしてかうまくいかなかった。

なので強引に、webClipかどうかをsafariのツールバーをOFFにしてる前提で、innerHeightで判断することにしました。

2011/09/19 UPDATE

window.navigator.standalone で一発でした！

CSS Nite LP17の私のセッション中に、JavaScriptの凄い人 @Takazudo さんがTwitter経由でつぶやかれたのがビンゴでした。

実際に試して、動作確認取れました。

if( window.navigator.standalone) {
	alert('webclipです');
} else {
	alert('通常Safariです');
}

なんてシンプル。
2−3ヶ月悩んでた問題がたったこれだけで解決しちゃいました。
もちろん、iPadに限らず、iPhoneでも利用可能です。

@Takazudo さんに改めて感謝！

以下、参考のために前のやり方を残しておきます。

前提条件

• ページを全画面表示でツールバーを消す: meta name=”apple-mobile-web-app-capable”
• 倍率初期値は 1倍
• Viewportの横幅はiPad標準横幅で

webClip(webAppモード)かを判別するJavascript

/* 関数：webappモードと通常SafariをinnerHeightの違いで判別する関数
返り値： webappモード(webclip)時: true, 通常Safari時： false

メモ) スケール1倍 ( )
◯縦向き
・webappモード: w768, h1024
・通常Safari: w1024 h946
◯横向き
・webappモード: w1024, h768
・通常Safari: w1024 h690
*/
function webclipedCheck() {
	var iW = window.innerWidth;
	var iH = window.innerHeight;
	if( iW < iH ) { //縦向き時
		if(iH >= 1024 ){ //webAppモード
			return true;
		} else { //通常のSafari
			return false;
		}
	} else { //横向き時
		if(iH >= 768 ){
			return true;
		} else {
			return false;
		}
	}
}

if( webclipedCheck() ) {
	alert('webclipです');
} else {
	alert('通常Safariです');
}

横向きか縦向きかも判断しています。
もっとスマートな判別方法があったらいいのにな…
どなたかご存知だったら教えてください。

参考サイト）

• iPad第1世代のinnerWidth x innerHeight対応表 ::ハブろぐ
• iPhone向けSafari、HTML拡張属性を使いこなす | 株式会社シンメトリック公式ブログ – 携帯開発から生まれる技術情報

なんと参加者全員にCacooタオルが！
司会 @johnykei のライブといい、素晴らしい集まりでした（違

気になってたいた、オリジナルステンシルの機能説明などを聞きたくて@mutsukingと参加してきました。

参考：イラストレータで作成した図をCacooへ読み込んでオリジナルステンシルを作ろう！ | Cacoo Blog

Cacooデザイナーの @3753net のデモンストレーション交えての説明によると、
SVG形式ならほぼそのままステンシルにできるとのこと。
（マスクや複雑なパターン、多色グラデーションは無理とのこと）

デモンストレーションを聞いてみて、
早速、公開配布されてるねこび〜んのSVGデータで試してみた。

(作者：カネウチカズコの了承済み)

1シートが1ステンシルになるイメージ。
なので6シートそれぞれにねこび〜んのSVGを配置。

保存時にSVGとして保存するチェックを入れるとこんな感じ。

種別：ステンシル となってアイコンも出ますね。

で、新たに図を作成してみると、ユーザー定義ステンシルにねこび〜んステンシルが！！

慣れればすぐにできますね。

で、今後こんな改善がされるらしいです。

• 複数のSVGファイルをまとめてアップロード
• SVGファイル1個に付き、自動で1シートずつに分配される

CacooStore

(画像はCacoo公式ブログより転載） 

 余談：まさかのこのがらくたブログ読者さんとの思いがけない出会い

懇親会の話です。
参加者の中で初対面の同業者の男性Iさんと話が盛り上がって、自然とBacklogの話題へ。

男性「別のタスク管理サービル（名前忘れた）からBacklogに乗り換えたら、
今までログインしなかった人達のログイン率が格段に上がったんですよ。」
なんて話に。

興味深く聞いてると、
男性「アイコン（アバター）を自分で選べるのが良い。
最初、ユーザー登録する時にわざと変なアイコンにすると皆ちゃんと自分で変えるんですよね。」

僕「あ、わかります！それ僕もやってます！」

男性「へ？それって、、、」

なんて流れから、僕のbacklogの導入時にする事のエントリーを読まれていた方だと判明！

しかも、それがきっかけでbacklogに乗り換えを決めたとか！！(*ﾟ∀ﾟ)b

いやー、なんでもブログ書いておいてみるもんですねｗ
ブログ書いてて良かったと思えた良い日でした。

p.s.
初対面の人から「ブログ読んでます」と言われると、
「へ？(；´Д`)ﾊｲ?」 な反応してしまいます。
たぶん、すんごい変な顔してるんだろうな。

『健康診断 みんなで受ければ 怖くない』by @Garyuten

というわけで、行って来ました！健康診断イベント！
福岡のIT系フリーランス／自営業者達で健康診断に行こうというこの企画、
数年越しにやっと実現できました。

参加者は全員10名。
Facebookのイベントで呼びかけました。

「体が資本」
とはわかっていても、フリーランスになるとなかなか健康診断って受けないですよね。
そんな躊躇しちゃってる方々に、改めて健康を考えてもらおうと思った企画です。

中には「社会人になって初めて受ける（９年振り）」という猛者もおりましたw

以下、そんな健康診断イベントの風景です。

ばらばらに各検査を受けます

採血中の@lens_eye

恐る恐る採血の順番を待つ面々

採血中の @daichan4649

採血2回刺された@nippei

初めて手の甲から採血された俺(@Garyuten)

待ち合い中の一時

朝食抜きの腹ぺこな面々で一緒にランチへ。
今日は健康がテーマだったので、薬膳カレーで有名なベースキャンプへ。

ランチは薬膳カレーで有名な大名のベースキャンプ

薬膳カレー！これで健康に！

血液検査の結果は一ヶ月後に各自郵送されるらしいです。
検査結果を持ち寄った報告会と称した飲み会をやってもいいですね〜w

あとがき

これを今回実施したきっかけとしては、
去年この時期に無くなられた亡くなられた@sugmak さんの一周忌にあたり、
彼の死を忘れないため、これをきっかけに改めて健康についてみんなで考えてもらいたいからでした。

脳梗塞で突然死された @sugmakさんは、
とても健康に気を配っていて、運動もたくさんされていた方でしたが、
お酒が大好きで、健康診断の類は何年も行っていなかったと聞いています。

今更こんな事をいってもしょうがないのですがm
もし@sugmakさんが人間ドックに行っていれば、もし未然に防げていたかもしれないと思うと悔やむばかりです。

こんな事を繰り返さないためにも、フリーランス同士で健康に気を配ろうじゃないかと。

来年もぜひやってみたいと思ってます。
健康診断は年一回なので、今度はもう少し企画を練って、健康を考える一日イベントにしようと思います。
薬膳カレーもまた食べたいですし、お昼から @clipdesign さんの「ビギナーズヨガ」をやるとかですね。

健康診断とは別に、秋頃に体力測定イベントもやってみたいですね。
参考） 健康診断･教室　｜　あなたの運動プログラム作成コース　｜　福岡市健康づくりセンター

他の参加者のブログ

(仮)FWW_健康って大事なんですよ @sugmak 一周忌イベントに行ってきました+サト研も – 福岡のデザイナーによるメモ的日記

グルー株式会社（Glue Inc.）

最近、福岡が住みやすさとか 会社移転とかで何かと話題になっていたりしますが、
そんな福岡で7月に新会社 グルー株式会社がスタートアップして、福岡クラスタ(少なくても僕の周り）で話題になっておりますよ。

起業したのは、イケメンプログラマー＆Jazzドラマーで、水曜どうしようの主催者でもある@cohtan

映像×クラウド  で面白いサービスを展開中です。
特にGlueCastは、Skypeとはまた違ったビデオチャットシステムで僕個人も大変注目してます。

なんたって、ログイン不要で、URLさえわかってればソフト不要で映像配信だったり、双方向の多人数同時ビデオチャットが行えるのですから。
(要Flash Player最新版。配信側はwebカメラとマイクが当然必要）

GlueCastの利用イメージや使い方はこちら 

このGlueCastをベースにした、新しいサービスもリリースされてます。

BOXMEETING（ボックスミーティング）

建築業界の中でも施工や現場の人間をターゲットにしたGlueCastをベースにしたブラウザベースのビデオチャットサービス。

サービス立ち上げた 建築業界の @buntakenbunrock さんも水曜どうしようの運営スタッフの一人。
水曜どうしようというIT系、非IT系関係なく『毎週水曜日に必ず飲む』なんてステキな交流の場を通じて形になって生まれたサービスです。

建築施工×ITのコラボでサービスが生まれてるのは、
今の福岡のコミュニティの流れを象徴してるように感じます。

で、この記事は、
「この会社については俺が一番最初にブログに書いたぜ！」
って自慢するためにブログに書きましたｗ

グルー株式会社と@cohtanのご活躍に期待しています！

2012/01/21追記）
2012年1月21日（土）に福岡のテレビ西日本（TNC）で放送された、
『土曜NEWSファイル CUBE ～特集～若き企業家の間で流行「ノマド」とは？ – YouTube』
でグルー株式会社が特集の中で取材されていました。
(8m20sぐらいから）

そう、loworks のオリジナルプロダクトライン、アートプロジェクト「HOWLT (ホルト)」のケースですよ！
写真は RAINDROPS KEEP FALLIN’ SOMETHING.(Black)

あんまり嬉しかったので写真を一杯撮ってみた。

郵送物の全部。
ケースもかっこいいし、ついていた3枚のステッカーもカッコいい！

イラストもかわいい！（部屋に飾ってます）

このモデル、RAINDROPS KEEP FALLIN’ SOMETHING.(White) はもうSOLD OUTで入手困難なモデルなのですよ！

loworksのヒガシハルキ氏の粋な計らいでした！

ありがとう、ハルキ！

もらった自慢に白の写真も。

関連リンク

おまけ

ですが、これが裏目に出る時もあります。
ちょっとしたポータル で複数のサイトのRSSフィードを表示させたい場合とか、
修正した内容が即座にHOMEにも反映して欲しいって場合があります。

BaserCMSのユーザーコミュニティで教えてもらったのでメモ。

サイトのキャッシュ無効化の手順

1. ファイル “/baser/config/baser.php” を “/app/config/”にコピー
2. 1でコピーした”/app/config/baser.php”の29行目当たりを編集

baser.php”の29行目あたり

'cachetime'			=> '1 month',
↓
'cachetime'			=> '',

‘cachetime’ を空すれば全サイトのページでキャッシュが無効になりました。

もし外部・内部のフィードを読み込んで表示させている場合は
これだけでは不十分で、フィードの”キャッシュ時間”も設定する必要があります。

フィードのキャッシュ無効化

方法はカンタンです。
登録しているフィード情報編集の「オプション – キャッシュ時間」を”なし”に選択するだけです。
（個人的には1分ぐらいキャッシュさせてたほうがいいのかなーと・・・）

これで毎回アクセスする度にページが表示されることになります。

ただし、毎回ページが生成されることになるので、サーバー負荷は高まります。
サーバー環境によっては表示のレスポンスが遅くなる場合もありますので、
この辺は各自のご判断にお任せします（汗

WordPress3.1系で確認。

$mysiteid = $GLOBALS['blog_id'];

これで現在表示中のブログ（マルチサイト）のブログIDを取得できます。
親サイトの場合だと “1″が返ります。

$GLOBALS って変数を初めて知りました。
どんな中身なんだろう？と dumpしてみようとしたら、、、ブラウザが固まりました（汗
なので良い子は $GLOBALS の中身を見ちゃだめだよ。

参考サイト）
WordPress multisite get_blog_ID function? | Themes Town
WordPress MU Forums » Conditional code based on blog number

useragentswitcher.xml (13KB)

XMLのダウンロードがうまくいかない・文字化けする等の人はzipをダウンロードしてみてください。
useragentswitcher.xml.zip

丁度、iPadの確認が欲しかったのでw
おまけで個人的趣味でゲーム機も追加してます。

User Agent SwitcherへXMLの導入方法

事前に、 useragentswitcher.xmlをダウンロードし、
User Agent Switcher をFirefoxにインストールしておくこと。

1. Firefoxのメニュー「ツール」＞「Default User Agent」＞「Edit User Agent…」から設定パネルを呼び出し

2. 設定パネルの「import」から、ダウンロードしたuseragentswitcher.xmlを選択

これだけでXMLの適用OKです。
適用されると、先頭に「iPhone,iPad」と表示されます。

User Agent Switcherの簡単な使い方

使い方は簡単です。
メニュー「ツール」＞「Default User Agent」から、利用したいuseragentの機種を選択するだけです。

これでUserAgentが指定機種に切り替わります。

現在指定しているUserAgentは、ツールメニューから確認できます。
「Default User Agent」だった所に、利用中の機種が表示されます。

解除方法も簡単です。
「Default User Agent」を選択すれば、FirefoxのデフォルトのUserAgentに戻ります。

useragentに登録してる機種一覧

実機で確認できてるわけではないので、
おかしな所があったらコメントor @Garyutenまでお願いしますm(__)m

iPhone 4(iOS4)

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7

iPhone 3G(Safari/525.20)

Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_0 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5A347 Safari/525.20

iPhone(Safari/419.3)

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3

iPod touch(2.0)

Mozilla/5.0 (iPod; U; CPU iPhone OS 2_2 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5G77 Safari/525.20

iPod touch(1.0)

Mozilla/5.0 (iPod; U; CPU like Mac OS X; ja-jp) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3A110a Safari/419.3

iPad(iPhoneOS3.2)

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7W367a Safari/531.21.10

iPad(iPhoneOS4.2)

Mozilla/5.0 (iPad; U; CPU OS 4_2_1 like Mac OS X; ja-jp) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5

BlackBerry Bold

BlackBerry9000/4.6.0.224 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/220

BlackBerry 8707h

BlackBerry8707/4.2.2 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/220

TOSHIBA IS02

Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 8.12; MSIEMobile 6.5) KDDI-TS01

TOSHIBA T-01A

Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 8.12; MSIEMobile 6.0) T-01A

SHARP IS01

Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; IS01 Build/S6191) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile

HTC HT-03A

Mozilla/5.0 (Linux; U; Android 1.5; ja-jp; HT-03A Build/CDB72) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

HTC Desire X06HT

Mozilla/5.0 (Linux; U; Android 2.1-update1; ja-jp; HTCX06HT Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Sony Ericsson Xperia SO-01B

Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; SonyEricssonSO-01B Build/R1EA018) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

T-mobile G1

Mozilla/5.0 (Linux; U; Android 1.0; en-us; dream) AppleWebKit/525.10+ (KHTML, like Gecko) Version/3.0.4 Mobile Safari/523.12.2

Nexus S Android(2.3.2)

Mozilla/5.0 (Linux; U; Android 2.3.2; ja-jp; Nexus S Build/GRH78C) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Nexus One(Android 2.2)

Mozilla/5.0 (Linux; U; Android 2.2; ja-jp; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Windows Mobile

Mozilla/4.0 (Compatible; MSIE 6.0; Windows NT 5.1 T-01A_6.5; Windows Phone 6.5)

PlayStation 3

Mozilla/5.0 (PLAYSTATION 3; 1.00)

PSP (PlayStation Portable)

Mozilla/4.0 (PSP PlayStation Portable); 2.00)

Wii (Opera 9.10)

Opera/9.10 (Nintendo Wii; U; ; 1621; ja)

docomo (FOMA) SH901iC

DoCoMo/2.0 SH901iC(c100;TB;W24H12)

docomo (FOMA)SH901iC (端末製造番号付)

DoCoMo/2.0 SH901iC(c100;TB;W24H12;ser123456789012345;icc123456789012345)

docomo (FOMA)P704i

DoCoMo/2.0 P704i(c100;TB;W30H15)

docomo (FOMA)P704i (端末製造番号付)

DoCoMo/2.0 P704i(c100;TB;W30H15;ser123456789012345;icc123456789012345)

docomo (mova)N503is

DoCoMo/1.0/N503is/c10/ser12345678901

docomo (mova)N503is (端末製造番号付)

DoCoMo/1.0/N503is/c10/ser12345678901

EZweb (WAP 2.0/XHTML-MP 対応機) w230

KDDI-CA31 UP.Browser/6.2.0.7.3.129 (GUI) MMP/2.0

EZweb (WAP 2.0/XHTML-MP 対応機) w120

KDDI-TS22 UP. Browser/6.0.6(GUI) MMP/1.1

EZweb (WAP 1.0/XHTML-MP 対応機) w120

UP.Browser/3.04-HI14 UP.Link/3.4.5.6

EZweb (HDML) w96

UP.Browser/3.04-TS12 UP.Link/3.4.4

EZweb (HDML) w120

UP.Browser/3.04-CA12 UP.Link/3.4.4

SoftBank 3G w468 (端末製造番号付)

SoftBank/1.0/912SH/SHJ001/SN123456789012345 Browser/NetFront/3.4

SoftBank 3G w234 (端末製造番号付)

SoftBank/1.0/813SH/SHJ001/SN123456789012345 Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1

Vodafone [UP.Browser] (端末製造番号付)

Vodafone/1.0/V903SH/SHJ001/SN123456789012345 Browser/UP.Browser/7.0.2.1 Profile/MIDP-2.0 Configuration/CLDC-1.1 Ext-J-Profile/JSCL-1.2.2 Ext-V-Profile/VSCL-2.0.0

Vodafone モトローラ製

MOT-V980/80.2F.2E. MIB/2.2.1 Profile/MIDP-2.0 Configuration/CLDC-1.1

Vodafone live! (3GC) w176

Vodafone/1.0/V802SE/SEJ001 Browser/SEMC-Browser/4.1 Profile/MIDP-2.0 Configuration/CLDC-1.1

Vodafone live! (W型) w240 (端末製造番号付)

J-PHONE/5.0/V801SA/SN123456789012345 SA/0001JP Profile/MIDP-1.0 Configuration/CLDC-1.0

Vodafone live! (P型) w120(端末製造番号付)

J-PHONE/4.0/J-SH51/SN12345678901 SH/0001aa Profile/MIDP-1.0 Configuration/CLDC-1.0 Ext-Profile/JSCL-1.1.0

Air EDGE PHONE

Mozilla/3.0(DDIPOCKET;JRC/AH-J3001V,AH-J3002V/1.0/0100/c50)CNF/2.0

H”

PDXGW/1.0 (TX=8;TY=6;GX=96;GY=64;C=G2;G=B2;GI=0)

ASTEL ドットi

ASTEL/1.0/J-0511.00/c10/smel

Netscape 4.8 (Windows XP)

Mozilla/4.8 [en] (Windows NT 5.1; U)” appname=”Netscape” appversion=”4.8 [en] (Windows NT 5.1; U)” platform=”Win32″ vendor=”

Opera 11(Windows)

Opera/9.80 (Windows NT 5.1; U; ja) Presto/2.7.62 Version/11.00

Opera 10(Windows)

Opera/9.80 (Windows NT 5.1; U; ja) Presto/2.6.30 Version/10.63

Opera 9.6 (Windows)

Opera/9.60 (Windows NT 5.1; U; ja) Presto/2.1.1

Opera 8 (Windows XP)

Opera/8.02 (Windows NT 5.1; U; en)” appname=”Opera” appversion=”8.02 (Windows NT 5.1; U; en)” platform=”Win32″ vendor=”

Internet Explorer 8

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6.6; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)

Internet Explorer 7

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; GTB6.6; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)

Internet Explorer 6 (Windows XP)

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)” appname=”Microsoft Internet Explorer” appversion=”4.0 (compatible; MSIE 6.0; Windows NT 5.1)” platform=”Win32″ vendor=”

Internet Explorer (Mac OS X)

Mozilla/4.0 (compatible; MSIE 5.23; Mac_PowerPC)

Safari (Mac OS X)

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/125.4 (KHTML, like Gecko) Safari/125.9

iCab (Mac OS X)

Mozilla/4.5 (compatible; iCab 2.9.8; Macintosh; U; PPC; Mac OS X)

Shiira (Mac OS X)

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/417.9 (KHTML, like Gecko) Shiira/1.2.1 Safari/125

Camino (Mac OS X)

Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.8) Gecko/20050427 Camino/0.8.4

SunriseBrowser (Mac OS X)

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; Ja-jp) AppleWebKit/125.5.7 (KHTML, like Gecko) SunriseBrowser/0.798

OmniWeb (Mac OS X)

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US) AppleWebKit/125.4 (KHTML, like Gecko, Safari) OmniWeb/v563.66

Flock (Mac OS X)

Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.0.1) Gecko/20060217 Flock/0.5.11

Google

Googlebot/2.1 (+http://www.google.com/bot.html)

Yahoo!

Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)

MSN

msnbot/0.11 (+http://search.msn.com/msnbot.htm)

参考サイト

• userAgent一覧/ユーザーエージェント一覧
• ユーザーエージェント（ユーザーエージェント一覧） | 用語解説 | web showcase : s-ej web tips
• mono.log: スマートフォン(Android端末) UserAgent。
• スマートフォンUA一覧・2010夏 | カグア！
• スマートフォン機種情報一覧 – maxfactory | モバイル関連の技術メモ

追記 2011/05/01)
User Agent Switcherにフォルダ機能、セパレート機能が付いてたので、
個人的な好みでフォルダ分けや区切り線を入れてみました。
お好みに編集して再インポートするのもいいと思います。

▼イベントの詳細はATNDのこちら
FWW_サイト研究会 (仮)vol.22 : ATND http://atnd.org/events/14795

▼mutsukingのリアルタイムレポート(google docs)
http://bit.ly/hm63df

追記）詳細レポアップされました。
サイト研究会(仮)vol.22に参加 | MutsuLog  http://blog.cgfm.jp/mutsuki/archives/2373

いつもmutsukingのレポートには感謝です。

今回は、八女や小倉など遠方からの参加者や、初参加者の割合が多かったですね。
またIT業界から食品の卸業界へ転身した人など中々いろんな人が集まり、
いつも通りの緩いトークも、広い視点の意見を聞けて大変勉強になりました。

最近、敷居が高そうに思われたりしてるらしいですが、
ハードルはめちゃくちゃ低くてゆるい勉強会ですので、
興味持たれた方はお気軽に参加してください(･∀･)/

→ FWW_サイト研究会(仮) | Google グループ

メモ：Macに最初に入れておくと良いソフト

参加者のオススメしたソフト（有料・無料込み）

無料

• MAMP: Mac, Apache, MySQL, PHP
• NetBeans NetBeans 日本語サイト
• Mac用テキストエディタ「CotEditor 1.0.1」
• 実験る～む 「MacZip4Win」が消滅している
• Bare Bones Software | TextWrangler
• XMind – Mind Mapping and Storming
• Mailplane – the best way to use Gmail on the Mac
• Thousand
• TextWrangler
• Colloquy: IRC, SILC & ICB Client
• Pipette | Software | Charcoal Design

有料

• LaunchBar 5
• Password Manager + Automatic Form Filler for Mac OS X
• Default Folder X
• Versions – Mac Subversion Client (SVN)
• パニック・ジャパン – Transmit – Mac OS X FTP + SFTP + S3 アプリケーションの完成形
• パニック・ジャパン – Coda – Mac OS X 用 シングルウインドウ Web 構築環境
  • Panic – Coda – デベロッパ vmware 上の internet explorer でプレビューする方法
• MacRabbit – CSSEdit – Web 2.0 in Style
• TotalFinder brings tabs to your native Finder and more!
• Pixelmator

その他

• Cacoo – Web上で図の作成とリアルタイムコラボレーション – 料金プラン

メモ：web業界にこれから目指す初心者にこのサービスは使っておけ！というオススメのサービス

Googleリーダーや、SBM、はてぶ等以外で、
初心者に情報収集の面などで絶対に使っておくといいよという参加者のオススメしたサービス

• Beluga for iPhone, iPod touch, and iPad on the iTunes App Store
• すべてを記憶する | Evernote Corporation
• Welcome to Flickr – Photo Sharing
• Instapaper: Save interesting web pages for reading later
• AppBank Tumblr

メモ：マインドマップ

途中書いてません（汗
@nishiakiのお題「幸せについて」もほとんどトークに夢中で走り書きです。

改めて自分に残ってる率直な想いを書いてみる。

「次に大きなイベントに出るときは、スピーカーはせずに裏方スタッフに徹したい。」

• 勉強会通じて分かったけど福岡にはスピーカーできる人は他にもたくさんいる。
  いろんな人が表を出るべきだし、実力ある人にどんどん表に出てもらうべき。
• 僕はコンスタンスに他の勉強会で話せたらそれで十分だったりする内容しか話せてない
  （ブログに書けば十分なのばっかりｗ）
• イベント運営の方が重要
• 前日に徹夜でスライド作るのはもう止めたい（本音）
• 前日の徹夜の影響で、イベント裏方が体力的にきつい（本音）

裏方のほうが性に合ってるのもあるんですけどね。

あれほど大きなイベントになると、たくさんのスタッフが動いてもらうことになるので、
「何もしない人・どこにも動かない人」って役割がどうしても必要になる。

何かあったら報告を受ける人、と言い換えられる。
管理職的な立場かもしれない。

みんなが安心してイベントに集中していられる、
そんな役割にシフトしていきたいなと思った。

スピーカーするなら、それだけに集中したいｗ
※ぼやき
今年中にアクセシビリティ系のイベントをやりたいと個人的に考えてます。
まずは小さな勉強会からやっていって、
最終的には、大きなイベント会場で実際にアクセシビリティを必要としてる方々（視覚障害者の方など）に壇上に上がってもらいたい。
実際の日常での使い方や日々感じてるITへの要望など話してもらいたいなーと。

これもその内。