Nishiaki's Log

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

noreply@blogger.com (nishiaki) — 2012-01-27T18:41:33-08:00

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

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

んで今回Dreamweaver使いながら日本語入力したい機会があって、どうしても癖でTabキーで候補選択しちゃって、
実際にTabキーが入力されて、イライラしてたので、検索してみたらありました。

オレの場合、英語キーボード使ってて、そもそも日本語と英語の入力切替に KeyRemap4MacBook 使ってるんでバッチリ。

dreamweaverでgoogle日本語入力を使っていてtabが使えない問題をKeyRemap4MacBookで解決 | http://highhigherhighest.com/

private.xml編集して、再起動したらKeyRemap4MacBookの設定でmy originalが出現してるので、チェックボックスをオンにすればOK。

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

noreply@blogger.com (nishiaki) — 2011-10-28T10:21:26-07:00

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

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

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

SwitchOn! FUKUOKA 第一回のパンフpdfデータ

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

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

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

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

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

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

View more presentations from nishiaki

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

noreply@blogger.com (nishiaki) — 2011-09-29T08:55:09-07:00

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

cd /Applications/MAMP/Library/bin

./mysql -u root -p

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

パスワード管理のツール

noreply@blogger.com (nishiaki) — 2011-08-12T05:09:54-07:00

そういえば先日、九州ちくご元気計画の IT×IT研究会に行ってきたんだった。

相変わらずのグダグダトークでした。
参加して頂いた方、すいませんでした。

その中で、パスワード管理ツールについて、調べたらBlogに書きますとか言ったような気もしたので、一応。

答えは、「パスワード　管理」でほぼ全てなんですが、
またもや暴力的なので（笑

私が使っているのは、1Passwordです。
もともとMac用のアプリだったんですが、他のOSも対応してるようです。

研究会の中で、設定ファイルを Dropbox に入れて、
携帯（Android）からも、複数のMacからも使用（同期）できるようにしていると説明しました。

オープンソースだと、KeePass っていうのがあるみたいですね。

パスワードの設定ファイルをクラウドに置くのが心配っていう方もいるかもですが、
Dropboxもファイルは暗号化してるらしいし、1Password.agilekeychainの中身見るとIDとパスワードは暗号化してるみたいだし、
同期が簡単っていう利便性も捨てがたい。
それでも心配っていう人はクラウドじゃないところで同期できるように工夫してください。

そこまで心配する人は、同じIDパスワードを使いましたりとかはしてないでしょうし。

もう1年過ぎたんですね

noreply@blogger.com (nishiaki) — 2011-07-25T14:02:22-07:00

このエントリーはまさに自分用のメモ

杉山さん（@sugmak）永眠したのは、2010年7月25日（日）未明、享年44歳。

先日みんなで健康診断に行ってきました。
http://www.facebook.com/event.php?eid=115956371824513

福岡のコミュニティも相変わらず元気です。

色々ありますが、なんとかやってます。

ではでは。

NetBeansで小文字から大文字変換と大文字から小文字変換とか

noreply@blogger.com (nishiaki) — 2010-12-12T00:45:40-08:00

またもNetBeansで小文字から大文字への変換忘れて調べたので、ここにメモ
「ヘルプ」-「キーボードショートカット」に書いてある

Ctrl-U, then U Convert selection to uppercase

Ctrl-U, then L Convert selection to lowercase

小文字から大文字に変換したい場合は、範囲選択して、Ctrl-U（MacだとCmd-U）一回押して、U

wgetの使い方メモ

noreply@blogger.com (nishiaki) — 2010-11-19T00:20:23-08:00

どうしていつもオプションの表記を忘れるのか？

『どうせ全部取って来たいんだろう？あ〜？』な時は、

wget -r http://www.example.com/

それ以外は、

wget -h

でも見てな。的な。

コラボレーションとかコミュニケーションって気持ちいいものなのかも

noreply@blogger.com (nishiaki) — 2010-10-31T18:50:57-07:00

何ヶ月ぶりにまとめのメモ代わりにブログでも書いてみる。

2010/10/29（金）に、宝珠山小劇場／手仕事舎　（朝倉郡東峰村宝珠山）で開催された、10TH　ANNIVERSARY　RIVERWILDに行ってきた。

まず会場に着いて、会場に興奮

東峰村の宝珠山小劇場/手仕事舎というところにはじめて行ったのですが、
廃校を利用してありまして、大量のレコード（大正記を中心とした約7万枚のSP盤らしいです）と昭和史中心？の大量の書物。
ここからは帰って来て調べたんですが、そこを作った田村さんは昨年お亡くなりになられたそうです。

参考ページ

どうでもいいかもですが、宝珠山小劇場/手仕事舎の場所はわかりにくいです。
※ナビに詳細の地図が出てこない。（さすが山間部？）

住所的には、『福岡県朝倉郡東峰村大字宝珠山』になるのかな？
JR大行司駅に向かって国道211号線から『この辺かな？』と気合い入れて入ると、そこですw

集まってくる方もクリエイティブ

会場の背景もあってか、故田村さんのおかげなのか、集まってる方々もクリエイディブなお仕事の方、もしくはそういった思考をお持ちの方？が多かったです。
地元の生産農家の方はもちろん、手仕事でモノ作りをされている方、
（農業が一番クリエイティブな職業と思ってます。）
グラフィックデザイナー、建築家などなど。
遠方から来ている方も多く、下手な福岡市の異業種交流会よりよっぽど有意義だと思いました。
やっぱり、光に集まる虫の様になんか惹き付けるモノがあるんでしょうね。

応援したくなるAGRI ALL STARS

柿豚中心なんですが、柿をはじめ米、かぶなどの地域の若手生産農家の方の作物を使ってのコース料理（ビュッフェ）スタイル。

リバーワイルドの杉さんは、どうやら福岡の筑後地区で、AGRI ALL STARSという地域コミュニティを作ってるみたいです。

ここの人たちもなんか『よか息子』感が凄くあって、ファンになりました。
うまく表現できてないですけどもw

料理人の方も都会で修行してきて地域で頑張ってる方だったりしてるみたいです。
若手に限らず、本格ネルドリップのコーヒーを入れて下さるおじさんもいたりして雰囲気がとにかく良かった。（杉さんの人柄？）
最後は抽選会（杉さん司会でグダグダですがw）や、農産物のおみやげもあり、正直参加費4,000円が安いと感じちゃいました。

ネルドリップの方は、珈琲美美（びみ）の森光さんで、福岡柿豚料理会の会長さんということでした。

参考ページ

AGRI ALL STARS

という金曜の夜を過ごし、清々しい気持ちになったところで、
次の土曜日、コラボレーションカンファレンス2010 in 福岡をお手伝い。

イベントの中身は、参考ページの我流天性がらくた屋のページがよくまとまってます。（ @Garyutenエラい！）

参考ページ

コラボレーションカンファレンスin福岡に参加してきたよ « 我流天性がらくた屋

主にテーブル動かすのをお手伝いしたのですが、（その他写真撮影/ビデオ撮影など）
客観的に見てても相当楽しかったし、全体的によくできたイベントだったんではないかと。

金曜日にお会いした、宝珠山小劇場／手仕事舎周辺のコミュニティの方々は、土曜日のイベントのワールドカフェのお題である『コラボレーションのあるチームはどうやってつくられるのだろう？』を具現化してる感じがします。

宝珠山小劇場／手仕事舎のコンセプトは、土曜日のイベントのプログラムでも登場し、ぼくらもよく利用させてもらっている、『AIPカフェ』と近い部分を感じました。

次は、宝珠山小劇場／手仕事舎とAIPカフェのコラボレーションとか田舎と都会のコラボレーションとかなんかできればいいな。

Mac OS X Snow Leopard の QuickTime X では画面収録が出来るって意外と知られてないかも

noreply@blogger.com (nishiaki) — 2010-03-03T13:54:34-08:00

Mac OS X Snow Leopard の QuickTime X では画面収録（動画）ができる。
もちろんQuickTimeProとかではなく、普通に入っているQuickTime Playerで。

iMacやMacBook,MacBookProとかだとマイクもあるので、喋りながら収録できて便利。
よくあるアプリの説明の動画とかがすぐできちゃいます。

QuickTime Playerを起動する
【ファイル】-【新規画面収録】
画面収録の黒いウインドウが出現する
真ん中の赤の白丸ボタンを押す
【収録を開始】ボタンで当然収録開始
停止する時は、メニューバーの右上に現れる【収録を停止】ボタンを押す
収録したファイルは、【画面収録 *.mov】というファイル名で home/Movies に入る

あとは必要に合わせて編集したり、書き出したりすればいいんじゃないでしょうか。

ブログは文章書いたり、画面キャプチャーしたりが意外とあれなので、動画とかも多様しようかな。

制作実績のご紹介（Backlog様）

noreply@blogger.com (nishiaki) — 2010-02-02T07:10:45-08:00

そういえば、先日公開された
Backlogコミュニケーション促進プロジェクト｜お仕事うまくいきまスター☆ の
お手伝いもさせて頂きまスター☆

Backlogの新機能で、メンバーのいい仕事、いい行いを簡単にほめられる。という機能なんですね。

Backlogコミュニケーション促進プロジェクト｜お仕事うまくいきまスター☆は、
その特設サイトなんですが、Tさんのアイディアから出た、まさかのダジャレでスター☆

twitterアカウントお持ちの方は、
つぶやきまスター｜Backlogコミュニケーション促進プロジェクト｜お仕事うまくいきまスター☆
から、ガンガンつぶやいちゃってください。

Zen-CodingがNetBeansでもインストールできたのでメモ（Macだよ！）

noreply@blogger.com (nishiaki) — 2010-02-02T07:18:43-08:00

HTMLガシガシ書く人なら注目してたであろうZen-Coding

ちょっと前から Coda にはインストールして使ってみてたんだけどね。

詳しくは、@cipherさんのブログが圧倒的に詳しくて親切でわかりやすい！
しかも、ガイヤ、マッシュ、オルテガの黒い三連星だ！（謎

まあ、NetBeansもあまりよくわかってないまま使っていたので、.nbmじゃないファイルだとどうしていいかわかんなかった。しかもサイト見てもロシア語でわけわからんw

まずは、Downloads - zen-coding - Project Hosting on Google Codeから、NetBeans用のファイルをダウンロード

解凍すると、『NetBeans.Zen.HTML.1.2』というフォルダができる。
その中の『config』フォルダを、『~/』つまり『Home』の中の『.netbeans』-『6.8』-『config』に上書きする。んでNetBeans再起動かな。

CodaやDreamweaverは、変換は『Control』+『,』なんだけど、NetBeansの場合は、『Tab』というとこが一番違うとこかな。

あ、設定とかは下記のファイルを書き換えればいいみたいよ。
~/.netbeans/6.8/config/Editors/text/html/CodeTemplates/org-netbeans-modules-editor-settings-CustomCodeTemplates.xml

Zen-Codingの特長は、エディタやIDE超えて同じようにして、スピードアップできるという部分じゃないかな。

『.netbeans』は不可視フォルダなのでターミナルからコマンドでコピーする。

もしくは、Finderで不可視フォルダを表示するようにしておく（オレこっち派）

ターミナルで

defaults write com.apple.finder AppleShowAllFiles TRUE

と打ってリターン、その後、

killall Finder

でFinder再起動。

戻したいときは、

defaults write com.apple.finder AppleShowAllFiles -boolean FALSE

と打ってリターン、その後、

killall Finder

戻さないけどね

HTML触る機会があるユーは、『Html Validator』使っちゃいなよ！

noreply@blogger.com (nishiaki) — 2010-02-01T09:14:19-08:00

Webの人だったり、Webアプリケーションに関わるプログラマだったり、HTML触る機会がある人は、
Firefoxのアドオンの『Html Validator』を使うべきです。

Firefoxのアドオンのページには、Html Validator :: Add-ons for Firefox
「MacOSⅩでは利用できません。」みたいに書いてあるけども、開発者のページには各OS用が用意されている。
Html Validator for Firefox and Mozilla

HTMLの細かい部分はどうでもいいんだけど、（本当はそこに拘っているんですがw）
だれかみたいについうっかり閉じタグ忘れてたり、id重複してたりの致命的なヤツはダメでしょ。

Validな例（先日公開した Backlog｜お仕事うまくいきまスター☆）: ウインドウ右下が緑丸になる
ダメな例（ここのブログw やっぱBloggerからWordPressとかに乗り換えようかなあ）: ウインドウ右下が赤丸（エラー）とか黄色三角（警告）とかになる
ウインドウ右下の色が変わった部分をダブルクリックするとエラー内容もわかる

WordPressカスタマイズの小ネタその
要りません！的なとき　#2

noreply@blogger.com (nishiaki) — 2010-02-01T08:17:02-08:00

記事の中でマークアップしたhtmlをコピペしようとすると、最後に必要のない</p>が入ったりする。

最初っからpタグ外しちゃうプラグインとかも存在するらしい。
Disable wpautopでWordPressで邪魔なpちゃんを外しちゃいないよ | ワードプレス（WordPress）の個人的覚書
（使ったことないので、詳しくは知りません）

その他にもコアな部分に手を入れたら、pタグ吐かなくすることも可能ではあるだろう。

しかーし！WordPressカスタマイズ案件では、最終的には管理者は自分ではなかったりするので、ビジュアルエディタやHTMLエディタには手を入れたくない。
でも、過去のHTMLを入れないといけない場合とかもあったりして。

とにかく挙動も一定してない。
参考：WordPress › フォーラム » Pタグの展開方法がおかしい

pタグを人力で入れると、勝手には挿入しなくなるようですが、インデントとか付いてて改行があると最後に</p>タグが引っ付いていることもある。

鋭い方ならおわかりかもしれませんが、そんな時は、改行をトルと出てこなくなったりもする。

あんまりBlog書かないからWordPressカスタマイズの小ネタでも無理矢理書いてみよう　#1

noreply@blogger.com (nishiaki) — 2010-01-29T17:31:50-08:00

みんな大好きWordPressの福岡での大イベントがいよいよ開催されちゃうようです。

WordCamp Fukuoka 2010

イベント名: WordCamp Fukuoka 2010
開催日: 2010年2月27日(土)
場所: 西南学院コミュニティーセンター
詳細は: WordCamp Fukuoka 2010のサイト見てね

なんと！プレイベントとして、2010年2月13日(土)の5:00pmからApple Store 福岡天神でWordPressワークショップが開催されるっつー話じゃありませんか。
詳しくは、Apple Store 福岡天神ここのイベントカレンダーで見てください。

ループの書き方メモ

WordPressのループの例について詳しくはWordPressループの例｜The Loop - WordPress Codex 日本語版
この辺を参考にしてねっと。

WordPressのカスタマイズするときによくある、テンプレート内のループの記述で

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <?php the_content(); ?>
<?php endwhile; endif; ?>

みたいに、whileとifの終了を一度に書くと、エディタとかの自動フォーマットすると、

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile;
endif; ?>

とかになっちゃうこととか多いと思う。
これは気持ち悪すぎるので、

<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile; ?>
<?php endif; ?>

と書くようにすると、自動フォーマットかけても、崩れない。

該当する記事がないときも、

<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile; else: ?>
    <p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>

みたいにすればいい。

Cacoo for WordPressを使うメモ

noreply@blogger.com (nishiaki) — 2010-01-10T14:58:47-08:00

かなり久々のエントリー。twitterの影響か？twitterもあんまりつぶやいてないけどもw
今年は気楽につまらんことでもブログに書こうと思う。

ってな訳で本題。

まずはCacooのアカウントが必要

知らない方向けに簡単な説明。
Web上で利用できるドローツールで、IllustratorとかFireworksより簡単で、複数人でも編集できるのがポイント。
Mac用のアプリケーション「OmniGraffle」を複数人で利用できるイメージ？（※あくまで個人の感想です）
詳しくは、下記のリンク先とか検索とかしてみてください。

【レビュー】申し分なし! Web版ドローツール『Cacoo』の使い心地 - リアルタイムコラボにもおすすめ! | ネット | マイコミジャーナル

アカウントが必要なので、持ってない方は取得してください。

Cacoo for WordPressのインストール

Cacoo for WordPressをダウンロードして解凍してください。

他のプラグイン同様、解凍したフォルダを

/wordpressのディレクトリ/wp-content/plugins/cacoo-for-wordpress

といった感じで配置してください。

WordPressにログインして、「プラグインの管理」で、cacoo-for-wordpressを有効化させてください。

投稿画面

上記のようにプラグインをインストールすると、投稿画面で、ツールの右端にCacooのロゴのボタンが出現します。

Cacooボタンを押すと、投稿画面で前面に大きなダイヤログウインドウが出現します。

このウインドウには、Cacooの画面が埋め込まれていて、その場で操作することも可能です。

Cacooの画像貼付けには、2種類あります。

Viewer

画像の下部にCacooのツールバー、画像の周囲に経線があるパターンです。

ツールバーには、複数シートのボタンがあり、画像をまとめて見せたいときなど便利だと思います。
Image

通常のイメージとして、貼付けるパターンです。

Viewerでの貼付け

投稿画面でCacooのボタンを押した後で現れるダイヤログウインドウで貼付けたい図を選択します。
図を選択したら、【リンク】ボタンを押すと、各種URLが現れます。

Viewerで使用する場合は、『図の詳細画面のURL』という部分をコピーして、【URL】の部分に貼付けます。

次に【Next】ボタンを押して、サイズ、テーマ、ツールバーの有無を指定します。

指定したら、【Insert】ボタンを押すと、投稿画面にCacoo用のコードが追加されます。

慣れてきたら、わかる方は直接コード書いてもいいかと思います。

Imageでの貼付け

【リンク】ボタンを押して、各種URLが現れるところまではViewerのときと同じです。

Imageで使用する場合は、シートごとにしか貼付けられませんので、『各シートの画像URL』という部分をコピーして、【URL】の部分に貼付けます。

次に【Next】ボタンを押して、サイズの指定をするのですが、Imageでの貼付けで注意すべき点は、サイズの指定です。

400×300などCacooプラグインが用意しているサイズを選ぶと、画像がそのサイズで指定されてしまいます。
かといって『custom』でサイズをなしにしてしまおうとすると、エラーになりますし、個別に指定するのもめんどくさいです。

私の場合は、一度、400×300で指定し、あとでWordPressの画像編集機能を使うようにしています。
まずは、400×300で指定すると、基の画像が400×300でない限りは横長か縦長の画像になります。
投稿画面にインサートされた画像をクリックすると、【画像の編集】ボタンが現れます。

『詳細設定』タブをクリックして、【元のサイズ】ボタンを押すと、Cacooでの元々のサイズが反映されます。
縮小が必要な場合は、元々のサイズを反映させた後に80%等のサイズを指定してやるといいと思います。そして【更新】ボタンを押すと、元のサイズ比率が反映された画像になります。

WebサイトでCacooを使う場合の最大のメリット

最大のメリットは、画像を更新した場合、Cacoo側だけ更新すると、Webサイト側は修正する必要がない。ということでしょう。
※サイズが変更になると、修正が必要だとは思います。

Cacoo上で更新した例

Webサイトに勝手に反映された例

例えば、アプリケーションの操作マニュアルなどで、バージョンアップに伴い、画面スクリーンの更新が必要だったりするかと思いますので、そのような場合に効果を発揮すると思います。
実はBacklogのマニュアルもCacoo for WordPressを使ってリニューアル予定です。

制作実績のご紹介（九州大学様）

noreply@blogger.com (nishiaki) — 2009-11-03T13:44:27-08:00

九州大学の「SNSによる情報システム構築」のお手伝いをさせて頂きました。

九州大学のお仕事っていうだけで、IQ高そうでしょう（笑

お手伝いの範囲としては、インターフェースのデザインと一部プログラムです。
インターフェースのグラフィックは、タシブさんにお願いしちゃいました。

シンボルカラーを上手に使って、見やすくわかりやすいインターフェースになったんではないかと思います。

オリジナルのSNSを構築したい方、
Webアプリケーションのインターフェースデザインでお悩みのシステム会社の方、お気軽にご相談ください。

制作実績のご紹介（生活道具のお店アトリエ・トア様）

noreply@blogger.com (nishiaki) — 2009-11-03T13:06:39-08:00

お客さまに丁寧に道具を見立てるという呉服屋さんのようなスタイルのお店
アトリエ・トア｜生活道具の店

こちらのWebサイトの制作のお手伝いをさせて頂きました。

こちらのお仕事も、Gallery+Design studio SYUの前崎さんから依頼を受けました。
写真も前崎さん撮影です。上手ですね。

制作実績のご紹介（独華陶邑様）

noreply@blogger.com (nishiaki) — 2009-09-27T12:37:54-07:00

すっかりこのBlogの存在を忘れてた訳でもありません。なんとか生きてます。
とっても久しぶりに投稿してみます。

独華陶邑（どっかとうゆう）｜京都・丹波の山奥にある独華陶邑。陶芸家の石井直人と作家石井すみ子が綴る、日々の暮らしと手仕事。
こちらのWebサイト制作のお手伝いをさせて頂きました。

こちらは、Gallery+Design studio SYUの前崎さんから依頼を受けました。

陶芸家のご主人石井直人さんと、生活道具などを職人さんと制作される妻の石井すみ子さんが、京都・丹波の山奥で農家を移築した茅葺き屋根の古民家にて生活、創作活動をされているとのこと。
私の理想とする生活そのものですね。

『この京都・丹波の地から創り出される作品と、生活の発信』を表現するために、石井直人さん直筆のイラストの上にウインドウが開いて展開する。
という手法にしました。

技術的な話になっちゃうんですが、
上記を表現＆メンテナンス性を考えて、iframeを多様しています。
検索エンジン経由で直接末端ページにアクセスして頂いた場合、トップページへのリンクを出力するようにしたりの配慮をしています。

京都で行ってみたい場所がまた増えました。

冥福を祈ってるゼッ！ベイベー！

noreply@blogger.com (nishiaki) — 2009-05-02T09:05:37-07:00

＜訃報＞忌野清志郎さん５８歳＝ロック歌手　がん治療続け（毎日新聞） - Yahoo!ニュース

これはショック。
俺達の時代が終わったのか〜という印象。

『EPLP』聞いてたら、やばくなってきちゃったよ。

「あなたがいなかったら、つまらない青春時代になってたでしょう。」
「オレが逝ったらあっちでライブ見せてください。」
「心よりご冥福をお祈りします。」

Wordpress勉強会in福岡に行ってきた

noreply@blogger.com (nishiaki) — 2009-04-26T12:44:32-07:00

WordBenchの中の人であり、有名なWordPressのフォームプラグインContact Form 7の作者であるMiyoshiさんが主催されたWordpress勉強会in福岡に行ってきた。

レポートは、こちらが詳しいw

いつものように雑感

作者さんから解説聞けるとは贅沢だ
こういう勉強会もまたありがたい
フックはactionとfilter
プラグイン作成時はwp-includes/formatting.phpとかwp-includes/pluggable.phpは読んどけ的な
プラグインAPIの日本語ドキュメント充実してるじゃんかよー
プラグインでDB扱うには、add_option(),get_option(),update_option()
それだけ、ページビューあったらビジネスにならんものやろうか？
それだけダウンロード数あったらビジネスにならんものやろうか？
CMS関連でいつも思うのは、どれもそれなりに良さがあるので、一般的な最適解とかナンセンス。
どれもよくできてるんだもんね。プロジェクトによっておすすめは違うな〜やっぱ。
皆さん今後もよろしくです。

Movable Typeでの開発環境と本番でのテンプレートの差をなくす

noreply@blogger.com (nishiaki) — 2009-04-18T21:13:21-07:00

昨日、2009年4月19日（土）にAIP cafeにてFWWサイト運営・管理研究会（仮）vol.6【通称：サト研】が、FWD(福岡Webデザイナーズ)と合同で、またもやなんとなく行われた（笑

今回も、初参加の方もいたなな〜。詳しいレポは、他の参加者の方がBlogに書くでしょう。（ここ他力本願で）
次も、これにめげずに、是非参加してください。

今回も参加して収穫沢山あったよ〜。MODxは、もうちょっと頑張っていじってみるかな〜。iPhoneもやらんとな〜。

そのときのMovable Type小ネタ。

Movable Typeでの開発環境と本番でのテンプレートの差をなくす

Movable Typeのカスタマイズの開発するときは、場合によっては下記のようなアドレスになるんじゃないかと。
デモ環境がサブドメインとか用意できたら、いい話なんでしょうけども、そういかない場合もあるし。

ローカルでの環境（例：http://localhost/）
デモ環境（例：http://hoge.com/demo/）
本番環境（例：http://hoge.com/）

そんで、それぞれサイトルート相対パスでテンプレートを記載しちゃうと、デモ環境の例だと↓

/demo/shared/img

を本番環境の例だと、↓

/shared/img

とかいう風に書き直さないといけなくなる。

せっかくOKなのを書き直すのもアレなので。
ホームというか、サイトルートが1番目のブログとして、

<MTBlogs blog_ids='1'><$mt:BlogURL$></MTBlogs>shared/img

とか書いてます。
そうすると、ローカル、デモ、本番関係なくいけるよね〜。っていうそれだけ。

MTテンプレートタグ内でのコメント

MTテンプレートタグでも条件分岐とかやっちゃって後で見たり、他人が見るとわかりづらい。

MTIgnoreというのがあるよ。

<MTIgnore>
ページ数が2以上あるときに、フォルダへのリンク生成
</MTIgnore>
<MTIf

ってな具合で使ってるよ

Movable Typeの条件分岐は入れ子できる

そのまんま。入れ子にできるから複雑なのも書けるよ

MTElseとかは閉じタグなくてもいけちゃうよ

どうしてかは、知らないけども。
MTElseIfとかMTElseは閉じタグなしでもいけちゃう
MTIf | テンプレートタグリファレンス

制作実績のご紹介（株式会社シャノン様）

noreply@blogger.com (nishiaki) — 2009-04-15T16:02:13-07:00

皆さんご存知かどうかはわかりませんが、実はWeb制作をやってます。単なる変なおじさんではありません。

という訳で最近の実績をご紹介します。

セミナーの受付、管理システムであるASPサービス『スマートセミナー』を展開されている株式会社シャノン様の
Webサイトのリニューアルのお手伝いをさせて頂きました。

シャノン様のご担当者の方が、バックログをお使いになられてまして、
※バックログもお手伝いさせて頂いています。つかBlogも書いているんだった（汗

「バックログがいいと思ったので、お願いしたい。」ということで実現したお話。

いや〜こういうのって、素直に嬉しいですし、誠にありがたい。

ということで、今回もインターフェースデザインをお願いしたのは、高田さん。

コーポレートカラーを上手に使って、『セミナー・イベントの管理システムのリーディングカンパニー感』
というのが表現できたかな〜と思います。

この案件では、プログラムが必要な部分以外は、
サイト全体をMTOS: Movable Type オープンソース・プロジェクト | MovableType.jpにて管理させております。
これによって、今後コンテンツの充実にご注力頂けるのではないか？と期待しております。

より成果が出るWebサイトになるように、今後もお手伝いさせて頂ければと思っております。

B2Bのマーケティング戦略において、セミナー・イベントを実行／計画されている方は、一度ご相談されてはいかがでしょうか？

オレなりの結論としてMacのことえり使いは、山葵辞書使うべきだと思う

noreply@blogger.com (nishiaki) — 2009-04-14T10:00:30-07:00

まずは、現在のことえりの辞書を見直そうと思った

そういえば、以前書いたことえりのエントリに対して、ことえり用「山葵辞書（シェアウェア）」「山椒辞書（フリーウェア）」の作者の行伝さんから山葵辞書のモニターを頼まれてたんだった（汗
すっかり遅くなっちゃいました。行伝さんスイマセン。

統合しても良さそうなんは、統合。いらんのは捨てる。

この辞書を入れ替えるタイミングを機に、辞書の整理もしてみようと思った。

ことえりの自動学習辞書は、

ユーザホーム/ライブラリ/Preferences/com.apple.JapaneseAnalysis/LearningDictionary.dict

にある。

これを調べて必要な分だけ合体しようと思った。

この手順については、[N] 変換候補がおかしくなった「ことえり」を直す方法を参考にやって、テキストに書き出してみた。

まずは、ことえりの『単語登録／辞書編集』を呼び出す
一時的に『LearningDictionary.dict』の辞書を入れ込むユーザ辞書（一時辞書）を作成
上記の辞書（一時辞書）に、『LearningDictionary.dict』を読み込ませる
一時辞書からテキストに書き出す
登録語数が多いと意外と時間がかかる

結論

『LearningDictionary.dict』はいきなり捨ててもOK（オレの場合）
各自自己責任で！

理由としては、ほとんど自分の辞書に登録されているのばっかりだった。
誤変換のも残っているので、日頃からちゃんと辞書登録してる人は、捨てても良さそう。

他の辞書も上記同様にして、テキストに書き出して確認してみた。
んで、統合しとくか〜というのは、統合した。

山葵辞書をインストール

久しぶりにことえり辞書扱うので、スッカリ忘れているのでメモ

ユーザ辞書のありかは、

ユーザホーム/ライブラリ/Dictionaries

ダウンロードして解凍したファイルを上記フォルダにドラッグドロップ

※山葵辞書の解凍には、パスワードが必要です。
~~※パスワードは、山葵辞書をダウンロードし、解凍してできたReadMe.htmに書いてある振込先に振込みして、メールしてもらってください。~~
現在は、ベクターのシェアレジに一本化しているらしいです。
ベクターのページ→ことえり「山葵辞書」(Macintosh / 文書作成)
ここでユーザ辞書の中に、山葵辞書が出てきてなかったので、再起動。
再起動後は、ユーザ辞書に出てきたので、『ことえり環境設定』を呼び出して優先順位の入れ替えを行った。
そして、さらに再起動。

途中わざと、ユーザ辞書なしの状態で日本語を入力してみたら、ことえりの変換があまりに間抜けで面白かった。
オレの場合、いきなりフリーの山椒辞書入れて使ってたけども、ユーザ辞書なしの状態はやっぱり凄すぎる。

山椒辞書→山葵辞書の移行の感想は、フリー版の山椒辞書に比べても穴がないというか、そつがなくかなり満足できる。
日本語入力をそれなりに行う人であれば、999円の元はすぐ取り返せるだろう。

これ、お試し期間があって、それ過ぎたらパスワード入れないと使えない仕組みとかになったらもっと普及しそうと、作者の行伝さんにメールしたんだけども、プログラムは専門分野ではないので、「山椒辞書（＝山葵辞書お試し版）」とさせて頂いております。とのこと。

なんかもったいなさ過ぎる〜。凄くいいのに〜。
山葵辞書の良さを実感して、「それ位、ちょちょいと作りますよ」なんて誠意あるプログラマの方いたら、作者の行伝さんに連絡してみてくださいな。

ググっている途中に、山葵辞書の他にも素敵な辞書を発見

【サト研vol.5】そういえば、なんか書いとかないと【FWW_サイト運営・管理研究会（仮）】

noreply@blogger.com (nishiaki) — 2009-02-23T09:40:39-08:00

2009/2/21(土)にまたもやグダグダとした勉強会を開催しちゃってきました。

レポートは、こちら

そういえば、今回から参加して頂いたSOTRYの斉藤さんは、以前MAF（マルチメディアアライアンス福岡、現在は形を変えて福岡コンテンツ産業拠点推進会議）で、プレゼンテーションをご一緒させて頂いた方でした。
なんか不思議な縁です。これからもグダグダですが、懲りずに宜しくお願い致します。

おっ！今、福岡コンテンツ産業拠点推進会議の入会案内見てたら、年会費とか無料じゃん！
MAFの頃は、年会費とかあったからあるのかと思ってた。
と思ってたら、会員一覧に合同会社CGFMも発見。
これ次回の勉強会にてしゃべってもらおう。

MLの参加者は49名か〜
3人だけでもやるか？と話してたから立派だな。
これからも頑張ることなくグダグダと続けていけたらいいな。

【幅とか決め打ち】jQueryを使った、サイドからスライドして開閉するメニュー

noreply@blogger.com (nishiaki) — 2009-02-10T18:32:54-08:00

またも汎用性がないシリーズ

基本的にやってることは、toggleだけというシンプルというか、ありきたりでつまらんモノ。

HTML

<div id="mapNav">
    <dl class="closed">
        <dt id="btn">メニュー開く</dt>
        <dd>
            メニューの中身をHTMLで書いてね
        </dd>
    </dl>
</div>

JavaScript

$(function(){
    $("#btn").toggle(
        function(){
            $("#mapNav").animate({
                width:"175px"
            },"fast");
            $("#mapNav dl").removeClass("closed")
                .addClass("opend")
            $(this).html("メニュー閉じる");
        },
        function(){
            $("#mapNav").animate({
                width:"20px"
            },"fast");
            $("#mapNav dl").removeClass("opend")
                .addClass("closed");
            $(this).html("メニュー開く");
        }
    );
})

css

#mapNav {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 400px;
    background-color: #fff;
}

#mapNav dl {
    overflow: hidden;
}

#btn {
    top: 0;
    left: 0;
    display: block;
    text-indent: -9999em;
}

.closed #btn {
    width: 20px;
    height: 53px;
    background: url(./images/btn_menu_open.png) no-repeat right top;
}

.opend #btn {
    width: 20px;
    float: left;
    height: 58px;
    background: url(./images/btn_menu_close.png) no-repeat right top;
}

.closed dd {
    display: none;
}

.opend {
}

.opend dl {
    border: none;
}

.opend dd {
    float: right;
    width: 155px;
    height: 400px;
    overflow: auto;
}

.opend dd dl {
    padding: 5px;
}

.opend dd dd {
    height: auto;
    margin-bottom: 5px;
}

サンプル: jQueryを使った、サイドからスライドして開閉するメニュー Sample

Nishiaki's Log

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

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

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

パスワード管理のツール

もう1年過ぎたんですね

NetBeansで小文字から大文字変換と大文字から小文字変換とか

wgetの使い方メモ

コラボレーションとかコミュニケーションって気持ちいいものなのかも

まず会場に着いて、会場に興奮

集まってくる方もクリエイティブ

応援したくなるAGRI ALL STARS

Mac OS X Snow Leopard の QuickTime X では画面収録が出来るって意外と知られてないかも

制作実績のご紹介（Backlog様）

Zen-CodingがNetBeansでもインストールできたのでメモ（Macだよ！）

HTML触る機会があるユーは、『Html Validator』使っちゃいなよ！

WordPressカスタマイズの小ネタ その要りません！的なとき #2

あんまりBlog書かないからWordPressカスタマイズの小ネタでも無理矢理書いてみよう #1

ループの書き方メモ

Cacoo for WordPressを使うメモ

まずはCacooのアカウントが必要

Cacoo for WordPressのインストール

投稿画面

Viewerでの貼付け

Imageでの貼付け

WebサイトでCacooを使う場合の最大のメリット

制作実績のご紹介（九州大学 様）

制作実績のご紹介（生活道具のお店 アトリエ・トア 様）

制作実績のご紹介（独華陶邑様）

冥福を祈ってるゼッ！ベイベー！

Wordpress勉強会in福岡に行ってきた

いつものように雑感

Movable Typeでの開発環境と本番でのテンプレートの差をなくす

Movable Typeでの開発環境と本番でのテンプレートの差をなくす

MTテンプレートタグ内でのコメント

Movable Typeの条件分岐は入れ子できる

MTElseとかは閉じタグなくてもいけちゃうよ

制作実績のご紹介（株式会社シャノン様）

オレなりの結論としてMacのことえり使いは、山葵辞書使うべきだと思う

まずは、現在のことえりの辞書を見直そうと思った

統合しても良さそうなんは、統合。いらんのは捨てる。

山葵辞書をインストール

【サト研vol.5】そういえば、なんか書いとかないと【FWW_サイト運営・管理研究会（仮）】

【幅とか決め打ち】jQueryを使った、サイドからスライドして開閉するメニュー

HTML

JavaScript

css

WordPressカスタマイズの小ネタその
要りません！的なとき　#2

あんまりBlog書かないからWordPressカスタマイズの小ネタでも無理矢理書いてみよう　#1

制作実績のご紹介（九州大学様）

制作実績のご紹介（生活道具のお店アトリエ・トア様）