Binbo-Special - WEB制作や運営に関する楽屋話 -

持ってて良かったMacBook Air！予定外に空いてしまった時間を無事に有効活用した話。

donkysoft — Mon, 20 Feb 2012 06:51:19 +0000

MacBook Air Logo / bfishadow

打ち合わせで外出。
会社を出てからほどなく携帯電話が鳴る。
あれ？これから行くお客さんからだ。なんだろう？

「ごめん、ちょっと予定が変っちゃったから・・・・・・」

パターンＡ：「今日の打ち合わせキャンセルにしてもらえる？」
→これはこれで悲しいけど仕方無い。会社に帰ろう

パターンＢ：「２時間後ろにずらして欲しいんだけど」
→
　→
　　　→
　　　　　　　　→　凹○

もうアレです。
ガビーンですよね。
ガビーン以外の言葉が出てこないです。

そんなときの為に準備出来る事はしておきたい。

完全ノマド、とは言わないまでも。

最近、ノマドノマドって言うじゃないですか。
その辺りは色々な意見があるので、それが良い悪いっていう極論で話しをするつもりは無いんですが、
少なくとも、

自分のデスクでないと仕事が全く出来ない、という状況は脱したい。

と常々考えていたので、そういった動きの一つとして、MacBook Air と WiMAX を持ち歩いていました。

これが完全に功を奏したパターンと言えます。

結構やらなければいけない作業が溜まっていたので2時間を棒に振るのは痛い。
自社に戻ったのでは時間がかなり潰れる。
でもそのまま客先に向かって、喫茶店に入って仕事が出来る！

これですよ、これ。
なんかカッコイイじゃないですか。

注意点

MacBook Airの注意点ではないのですが、似たようなケース（1件目の打ち合わせが思いのほか早く終わったから2件目の打ち合わせまでちょっと時間が空いちゃった、等）で喫茶店に入ろうとしてやってしまいがちなパターンとしては、

意気揚々と喫茶店に入ったのは良いが、WiMAXが圏外。ローカル作業しか出来なくて計算が狂う。
やたら騒がしい客がいて全く集中出来ない。
そもそも喫茶店が見あたらない地域だった。
喫茶店だと思って入ったらいかがわしいマッサージ店だった。
コーヒーをこぼして隣の綺麗なおねぇさんにかけてしまい謝りつつ誠実に対応する事でなんと急展開に恋が芽生える。
エアーMacBookAir世界選手権に出場。

などが考えられますので、要注意ですね。

あと感じた事としては、喫茶店などの外作業を行うにあたって、現時点ではやはりWindowsノートPCよりMacBook Airの方が有利かな、と思いました。
WindowsノートPCの場合、タッチパッド使いにくいからマウスが無いとスムーズに作業出来ない所、MacBook Airだったらタッチパッドが使いやすいので本体一つで作業を行うのに何ら支障をきたさない。
これは大きいかな、と思います。

結局のところ

自らプチノマド的な事をやりたくても、環境もさることながら道具が無いとお話にならないな、と実感した1コマでした。

プロのドラマーになりたいなら、どんな状況で声をかけられてもすぐに駆けつけて演奏出来るようにドラムセット（と運ぶ手段）は持ってないと駄目だよね、という事に近い気がします。

自分のデスク以外でも仕事が出来るような環境を作っていきたいなー、といった考えを持っているのに道具が無いという人は、今すぐに頑張って道具を揃える所から始めてはいかがでしょうか？？？

jqueryでテキストボックスやチェックボックスやラジオボタンとかの値・要素について取得する方法

donkysoft — Tue, 07 Feb 2012 05:20:08 +0000

WFD185: Figure 12.3b / Rosenfeld Media

jqueryは便利すぎて、本当に涙がちょちょぎれそうになるのですが、そうは言っても構文がたくさんあることに変わりなく、具体的な組み込みの際に書き方を忘れてしまう事もしばしば。

DOM関連の操作やフォーム関連の操作、値取得、値設定などなどで用いる事が多いかと思いますが、今回は割とよく使うけど構文をふとわすれてしまいがちな「値取得」周りについて、ある程度よく使われるであろうケースを前提にメモしておきたいと思います。

テキストボックスの値を取得

これはIDが指定されていれば基本中の基本の構文ですね。

HTML

あなたのお名前を一言一句不正確に入力してください

javascript

var value = $('#onamae').val();
if(!value){
    alert('お名前が入力されていません');
}else{
    alert('お名前欄に「'+value+'」と入力されています');
}

ただ、IDが指定されていないオブジェクトにアクセスしなければいけない場合もあるかと思います。そんなときは以下のようにnameの要素で指定出来るようにします。

HTML

あなたのお名前を一言一句不正確に入力してください

javascript

var value = $('input[name=onamae]').val();
if(!value){
    alert('お名前が入力されていません');
}else{
    alert('お名前欄に「'+value+'」と入力されています');
}

ラジオボタンの値を取得

よくある以下のようなHTMLのパターンで、nameだけが指定されている場合のラジオボタン。
テキストボックスの時のように、$(‘input[name=niku]‘).val(); でいけるんじゃないのかな？と思いきやそうではなく、:checkedを付ける必要があります。

HTML

一番好きな肉は？

牛肉

豚肉

鶏肉

javascript

var value = $('input[name=niku]:checked').val();
if(!value){
    alert('一番好きな肉が選択されていません');
}else{
    alert('一番好きな肉は「'+value+'」が選択されています');
}

上記のパターンでのアクセスがほとんどだとは思いますが、たまにidによるアクセスをする時もあるかと思います。
そんな時は、propで判定。（jquery1.5以前はpropが無いのでattrで判別）

HTML

一番好きな枕は？

抱き枕

枕詞

枕営業

javascript

if($('#makura3').prop('checked')==true){
    alert('「枕営業」はチェックされています（ところで本当に好きなんですか？）');
}else{
    alert('「枕営業」はチェックされていません');
}

チェックボックスの値を取得

チェックボックスの場合は、複数選択されることを前提としているので、チェックされている要素（:checked）をまとめて取得する必要があります。

HTML

おっとり
しっとり
うっかり
ショートカット
ポニーテール
ロングテール
R

javascript

var arr = [];
$('input[name=type]:checked').each(function(){
    arr.push($(this).val());
});
if(arr.length<=0){
    alert('好きなタイプが選択されていません');
}else{
    alert('好きなタイプは「'+arr.join('タイプ」「')+'タイプ」が選択されています');
}

セレクト要素（単一選択）の値を取得

プルダウンなどでよく使われるセレクト要素は、単一選択であればテキストボックスと同じように取得出来ます。
ただ、val()だとvalueの値が取れるだけなので、valueの値と表示の値が違う場合で表示の値も取得して用いたい場合は、option:selected要素に対してhtml()で取得します。

HTML

あなたの出身地を以下のリストから一番近い所を選択してください。

javascript

var id = $('select[name=area]').val();
if(!id){
    alert('出身地が選択されていません');
}else{
    var value = $('select[name=area] option:selected').html();
    alert('出身地は「'+value+'」が選択されています。値は「'+id+'」です');
}

セレクト要素（複数選択）の値を取得

同じセレクト要素でも、複数選択式（multiple=”multiple”）のリストも存在します。
複数選択式の場合は、option:selectedで取得した値をeachで回せば良いです。

HTML

飼ったことのあるペットは？

javascript

var pet = '';
$('select[name=pet] option:selected').each(function(){
    pet += '「'+$(this).html()+'（値：'+$(this).val()+'）」';
});
if(pet==''){
    alert('飼ったことのあるペットが選択されていません');
}else{
    alert('飼ったことのあるペットは'+pet+'が選択されています');
}

サンプル

jqueryでテキストボックスやチェックボックスやラジオボタンとかの値・要素について取得する方法

基本的なパターンはこんなところでしょうか。
あとは煮るなり焼くなりその辺に転がすなり狭い所に押し込めるなりすり鉢に入れてゴリゴリするなり大きめな豆腐の中に埋め込むなりうちわでパタパタあおぐなり潰して平らにしてからフリスビーの要領で遠くまで投げるなり好きにしてください。

.htaccessを便利に扱う為の、個人的にそれなりに良く使う設定まとめ

donkysoft — Mon, 30 Jan 2012 23:58:11 +0000

Climbing in Vang Vieng / Christian Haugen

.htaccessの道は険しい・・・・・

フレームワークとか使う時に「一緒に設置してね♪」とかなっているパターンの多い.htaccessファイル。

mod_rewrite周りなんかは書き方が覚えられなかったりする事も多く、その場合は都度調べるとかでも良いのですが、そういえばそれ以外にもちょこちょこと使う割には毎回調べて記述するといった不毛な時間を過ごすことが多いという事実に気づき、だったらある程度書き方をまとめておこう、と、そう思った次第です。

よく使う設定というのは人によっても違うと思いますが、まあそれなりに共通する方もいらっしゃるのではないかと思いますので、つらつらと書き留めておこうと思います。

それにしても最近野菜が高いですね。

PHPのWarningとErrorを表示する

開発中は表示させたい！
そんな夜もありませんか？

php_flag display_errors On
php_value error_reporting 6135

逆にPHPの警告やエラー関連の表示を切りたい

逆にリリース時は逆に切っておきたいですね。逆に。

php_flag display_errors Off

CGIを有効にしたい

デフォルトでCGI動かない場合に。
また、cgi-bin以下でしか動かないサーバでもこの記述でどこでも動くようになるかもしれません。

Options FollowSymLinks ExecCGI
AddType application/x-httpd-cgi .cgi

ファイル名省略のアクセス時、index.htmlより先にindex.phpとかindex.cgiが呼び出されて欲しい

極端な例ですが、サイトリニューアル時にトップページがindex.php等のプログラムに動作させることになったので、index.htmlには”/”（ルート）にリダイレクトさせるようなコードを書いておいた際に、DirectoryIndexの設定をきちんとしていないと無限ループに・・・・・

DirectoryIndex index.php index.cgi index.html index.htm

SSIが動くサーバで、拡張子htmlでもSSIが動作させられるようにしたい

なんか昔にメモしていたが、もしかすると1回も使ったことないかも・・・

AddType text/x-server-parsed-html .shtml .html

お問い合わせフォーム等、特定ディレクトリだけSSLにリダイレクトしたい。それ以外は非SSLで接続させたい

HTMLファイル側のグローバルメニューをhttpとかhttpsから始まるフルパスで書くのは、テスト環境などの事も考慮するとメンテナンス性が落ちるので避けたい所。
そんな時はmod_rewriteで解決。

RewriteEngine On
# contactはSSL
RewriteCond %{SERVER_PORT} !^443$
RewriteRule ^contact/(.*)?$ https://%{HTTP_HOST}/contact/$1 [L,R]
# contact以外は非SSL
RewriteCond %{SERVER_PORT} ^443$
RewriteCond %{REQUEST_URI} !contact/ [NC]
RewriteRule ^(.*)?$ http://%{HTTP_HOST}/$1 [L,R]

URL上は静的なhtmlと見せかけて、実は裏ではプログラムを動作させたい

まあその、これもmod_rewriteのサンプルです。
/products/1.html とかにアクセスしたら、商品マスターからid=1のデータを引っ張ってきて表示する的なやつですね。
値を2つ取りたい場合は、$1,$2 となります。

RewriteEngine On
RewriteRule ^products/([0-9]+)\.html$ products/index.php?id=$1 [L]
RewriteRule ^place/([0-9]+)/([0-9]+)/$ place/index.php?id=$1&area=$2 [L]

引っ越しました！で、リダイレクト

なんというかその、引っ越しました！で、リダイレクトです。タイトルまんまですね。
ちゃんと引っ越した事を分かる様にリダイレクト設定しておかないと、検索エンジンが引っ越しを正確に認識出来なかったりします。

# hoge以下は独立したサイトになりました！とかの例
Redirect permanent /hoge/ http://hoge.example.com/

# 全体のお引っ越しの場合
Redirect permanent / http://www.example.com/

IPアドレスで制限をかけたい場合

# 192.168.0. 以下のみ許可
order deny,allow
deny from all
allow from 192.168.0.

# .hoge.ne.jpからと111.111.111.111からのアクセスを拒否
order allow,deny
allow from all
deny from .hoge.ne.jp
deny 111.111.111.111

ファイル名省略アクセス（ディレクトリ名でアクセス）された場合にディレクトリの内容を見せないようにする

たまーにデフォルトでファイルが見えちゃうサーバが。
用途にもよりますが基本的には見せないようにしましょう。

Options -Indexes

特定の拡張子についてはアクセスを許可しない場合

ちょっとした設定ファイルを置かなければいけない時など、大体URLがばれることはあまり無いでしょうが念の為設定したい所。

# 以下の拡張子はアクセスを許可しない

  deny from all

BASIC認証をかけたい

htpasswdファイル作成方法は、WEB上でもツールがあったりしますのでそちらが便利。
linux上とかでコマンドで生成したい場合は、
新規：htpasswd -c /var/www/htdocs/.htpasswd [ユーザー名]
追加・更新：htpasswd /var/www/htdocs/.htpasswd [ユーザー名]
（いずれもこの後にパスワードを2回入力）
とかすると生成出来ます。
-cオプションは、既にパスワードファイルがあっても上書きしてしまうので注意。

.htaccessの中身はこんな感じです。

# .htpasswdファイルが/var/www/htdocs/.htpasswdに配置されている場合
AuthUserFile /var/www/htdocs/.htpasswd
AuthGroupFile /dev/null
AuthName "Authentication area"
AuthType Basic
require valid-user

docomoのパケホーダイをやめてWiMAXにしてみました

donkysoft — Wed, 25 Jan 2012 05:47:32 +0000

MacBook Airを手に入れると、家だけでなく外でもMacBook Airを使いたくなるもの。

私の持っているXperiaではテザリング出来ないし、そもそも3Gだけでは遅そうだし、ここは別途モバイルルーターを手に入れてみようと思い、docomoのパケホーダイを解約して、WiMAXオンリーにしてみました。

ちなみに私は2年縛りは絶対嫌だったので最大1年縛りで、URoad-8000がお得に使える「UQ WiMAX × BIGLOBE」をチョイスしました（2012年1月現在）。

モバイルルーターでWiMAXの対抗馬としては、EMOBILE（イー・モバイル）や最近だとXi（クロッシィ）があるわけですが、イーモバイルを安く使おうと思うと2年縛りになってしまうし、クロッシィはまだ高い。

WiMAXは安く使おうと思うと1年縛りですが、他のサービスとの比較である程度妥協してWiMAXを選択。
実際に2週間程使ってみて、感想を書き留めておこうと思います。
WiMAX検討中の方の参考になれば幸いです。

メリット

費用が安くなった
docomoのパケホーダイ＋mopera代が、BIGLOBE WiMAX代だけに！
通信が早くなった
場所によって通信速度まちまちすぎますが、それでも大体下り2,3GB～10GB出るので、出先での作業は全く問題無し。スマートフォンでブラウジングとか、圧倒的に早くなった。
話題が増える。モバイルルーター話に参戦出来る。憧れのあの子もゲット出来るかも！？？なんていう妄想がひろがりんぐ。

まあこれは我慢しようよねっていうデメリット

小さいし軽いとはいえ、持ち歩く機器が増えた（かばんに入れておけば良いのだが）
家から持ち出すのを忘れてしまう日がある（最近、2日連続で忘れた・・・）
思いのほか電池が持たない。電池切れるまで試してはいないし使い方にもよるだろうけど、電源つけっぱなしでは9時間は持たなそうな印象。なので自分は不要な時は電源オフ。
充電面倒臭い
URoad-8000は真っ白なので、巨大な豆腐の中とかに埋め込んでしまうと見つけることが困難になる。もとい汚れやキズが目立つ。

これは結構シビア。人によっては我慢ならないデメリット

繋がらない場所が出てくる（屋内とか電車移動中とか）
→個人的には今の所あまり困っていない。とにもかくにもTryWiMAXという15日間お試しサービスがあるので、利用してみる事を強くおすすめします。これがネックになる人はイーモバイルやXiとかの方が良いです。2年縛りや高い月額料金に悶絶してください。
いつでも解約・サービス乗り換え出来る訳では無い
→個人的にはこれがかなり嫌で、苦虫をかみつぶしながら舌先でチロチロとなめ回すくらい嫌な思いを我慢しながらの契約でした。
「ワイマックス」の「ワイ」という部分が番長っぽくて、口に出すのが恥ずかしい
→口に出さなければいいじゃない。

参考サイト

クリックカウントを取る方法の一つ

donkysoft — Tue, 17 Jan 2012 02:05:14 +0000

Katsu Don at Donburi Ya / CanadaPenguin

ある時、少年は思いました。

「一番美味しいどんぶりって何だろう？」

少年はリュックを手に取り、旅に出るのであった・・・・・

そんな訳で、今回はアクセス解析・サイト分析などに有用な「クリックカウントを取る方法の一つ」をメモしておきます。

ワードサラダなのか！？と言わんばかり意味不明な文章でスタートしましたが、それはそれ、これはこれ、ということで。

方法1：リンク先をプログラムにしてリダイレクトを行う

簡単に思いつく方法はこれですが、カウントを取るリンクを増やす度にプログラム書き換える（データを追加する）必要がある、というのはいただけない。
という事で、もうちょっとスマートな方法を模索。

方法2：aタグのhrefはそのままに、onclickイベントで同期処理を行う

今の所これが現実的にやりやすい方法かな、と思います。

例えば、

hogeへのリンク

とやって、javascript（jQuery使用）側で、

var Clickcount = {
     set : function(id){
          $.ajax({
               type: "GET",
               url: "clickcount.php",
               data: "id="+id,
               async: false
          });
          return true;
     }
};

とかやってあげる。

async=false が肝。
これで同期通信となり、ajaxの利点である非同期通信をやめちゃう。
そうすることでPHP側の処理が終わってからjavascriptの処理が続行することになります。

clickcount.php側では、

なんてやってあげると、後はカウントを取りたいaタグにonclickを追加するだけです。

サンプル

クリックカウントを取る方法の一つ

まあ、上記の例だと単純なカウント数しか取れないので、日ごと月ごとにlogファイルを変えるとかすれば、もう少し実用的になるかと思います。

そして少年は思いました。

「カツ丼や親子丼とかメジャーなどんぶりは確かに凄い。凄いが、もうちょっと油麩丼が注目されても良いんじゃないだろうか？」

今日もどんぶりは旨かった・・・・・（完）

遂にVim本〜Vimテクニックバイブル〜を読みました！

donkysoft — Wed, 04 Jan 2012 09:03:06 +0000

いやー、良い本ですよねー。まだ読んでないけど。（嘘）

そういえば自分もVimを使い始めてからそこそこ時間は経っているものの、他のエディタも普通に使ってしまっているし、年数が経過しているだけで高度な使い方をしている訳では無いし、全く使いこなしている訳では無いので、ここらでもう少し便利に使えていければ良いなぁ、と思って購入してみました。

ただ、にわかVim使いとしては、書かれている内容をきちんと理解できていない点も多く、「あー、これってちゃんと意味が分かって導入出来れば便利なんだろうなぁ」と思うこともしばしば。

こんな私と同じような（と言っては失礼ですが）にわかVim使いで、この本の購入を検討している方がいれば、少しでも参考になればと思います。

いわゆる逆引きリファレンスの形式

こういった目的はどのような方法で実現させるか、といった視点で書かれています。
1から手取り足取り・・・という説明書きでは無いので、初学者には完全に不向きな書籍だと思いますが、私のようなにわかVim使いからすると非常に有益な書籍です。

今の自分に合致していない項目や、ちょっと理解するのに時間がかかりそうな項目は後回しにしてしまっていますが、ひと通り目を通してページの端を折った項目を列挙してみます。

テンプレートを読み込む

ファイル新規作成時に、ファイルの拡張子が特定のものであったら、定型文のかかれたテンプレートを読み込むようにする設定ファイルの書き方が書かれています。

プラグインの管理方法

以前はPathogen.vimが流行っていたようですが、Vundleを用いる方法がナウいようです。
ただし、gitが必須なので、gitを覚えるのが面倒。慣れれば確かにVundleによる管理は楽。良いですよ。
※さらに最近、@Shougo.Matsuさんがneobundle.vimなるものを開発されており、こちらも気になる所。

vimfiler

vim上で使えるファイラープラグイン。これもShougoさん作のプラグイン。

grep検索を使いこなす

vim内でgrepを行う方法。これは今まで全く活用して来なかったので、是非活用したい。

インデント量の違いをハイライト表示する

python等の言語使用時に威力を発揮。

インデントを崩さないようにペーストする

これ、個人的にものすごく知りたかった方法で、今までいちいちvimから抜けてviで編集しなおしてペースト、とかやっていました。。。
しかし、:append!コマンドを用いればいけるよ！って書いてあるのですが、何故か私の環境では出来ず・・・・・
設定ファイルの書き方がまずいのかなぁ？調査中。

選択した範囲のインデントサイズを連続して変更する

これ、確かに不便だなと思いつつも我慢して選択しなおしてインデントとかしていたのですが、解消方法あったのですね。

quickrun.vimでプログラムを実行して結果を確認する

こちら、有名系プラグインですね。
いちいちシェルに戻らずに済むので良い感じです。

vimshellを用いてVimからシェルのコマンドを実行する

こちら使いこなせたら便利そうなのですが不勉強につき全く使えていない状態・・・

ソースコード中のtrue・falseをトグルで置き換える

toggle.vimプラグインを用いた方法。地味に便利。

zencodingで高速に入力する

需要がある人にはあるzencoding.vimプラグインについて。
HTMLコーディングについては未だにVimの優位性を感じていない状態の為、なかなかzencodingしようという気になれていませんが、人によっては「必須」機能でしょう。

neocomplcacheを使用して自動補完する

Vimでの補完機能はこれで決まり！こちらもShougoさん作。すごい人だ・・・

unite.vimを使いこなす

unite.vimについては約30Pageも割かれており、色々と書かれておりますが、高機能すぎて私は全く使いこなせていません。。。
ちょっとずつ理解を深めていきたいな、といった所です。

上記以外にも様々な項目があり、人によってグッとくる項目も違うと思いますし、後々必要になってくるような項目もあるかと思いますので、しばらくは読み返しつつバイブルにしたい本ですね。

また何年か経つと流行り廃りも変わっていく部分はあるかと思いますが、現時点でVimに関するこういった書籍はとても貴重だと思いますので、「この本って興味あるんだけど、買おうかなぁどうしようかなぁ？」と思っている方は、是非ゲットしてみてください。

MacBook Air を購入したMac初心者が、初日に苦し紛れにやった事及び感想

donkysoft — Mon, 12 Dec 2011 01:04:14 +0000

遂にMacBook Airを購入してしまいました。
11インチと迷いましたが、13インチをチョイスしました。
このマシンでいろいろと作業も行っていきたいと考えていましたので、13インチで正解だったと思います。

さて、MacBook Airを購入したのは良いのですが、
・正直どのように環境構築していこうか？
・Macの定番ソフトとかって何なんだろう？
・Ubuntuは少し使った事あるけど、Ubuntuとかに似ているのかな？と思いきや、結構そうでもない？
・うおー左下ってcapsボタンなんかい！
とか謎な事が多かったので取り急ぎ色々とアプリを入れたりなんだりやってみたのですが、訳分からないまま作業してしまっているので、備忘録的な意味合いも含め、作業及び思った事を記録しておこうと思います。
マカーな方は生暖かい目で見守ってくれれば良いと思います。

KeePassの設定がうまく出来ない？

今までWindows側で管理していたパスワードをMacでも・・・と思ったのですが、KeePass2系だとMac版KeePassでフォーマットが対応していない？？？
これは要調査。
Windows側の方で出力フォーマットを変えてあげれば良いだけかもしれない。

command+space で入力切り替えするのが慣れない！

会社にも一応Macがあってブラウザチェック等では用いていたので、入力切り替えの方法は知っていたのですが、やっぱり慣れない。
ビックリするほど慣れない。
誰か助けて！！！

fnキーを押しながらじゃないとFunctionキー扱いにならないのね

最初意味が分からず、日本語入力モードのまま英語を打った後にF10を押していたのですが、毎回「ミュート」になってしまい、F10でそういうことは出来ないのかな？とか勝手に思っていたのですが、会社で触ったMacは出来ていたし、なんだろう？と。
分かってみれば単純な話で、MacBook AirのFunctionキー周りは、そのまま押すとツールボタンで、Functionキーとして扱いたい場合はfnキーと一緒に押しましょう、ということでした。
個人的には逆（何か押しながらだとツール類の動作）が良かったかなぁ。Evernote初起動時に何か語りかけられてきた音声の音量を小さくしたかったのにやり方が分からなくてびっくりしちゃいましたよ。
でも慣れれば良いかも。まだ未知数。

Mission Control（3本指の上下スワイプ）が便利で泣ける！

いやー、これは良いですねー。
最初、Windowsのタスクバーみたいなものが無くて大丈夫だろうか？って思っていたのですが、これがあれば切り替え楽勝ですね。楽しいです。

画面がきれい！文字が読みやすい！2本指スクロールがスムーズすぎて感動！

正直、これがMacBook Air購入に至った最大の理由だったりします。
あとはEvernoteやItunesがMacだと快適って聞いていたのでそのあたりもポイントの一つですが、一番はやはり、フォントの奇麗さと2本指でのスクロールのスムーズさ。

タッチパッドが使いやすい！

あ、ごめんなさい、こっちが1番の購入に至ったポイントでした。
Windows搭載のノートPCはとにかくタッチパッドが使いにくいからノートPC嫌いだったのですが、MacBookはタッチパッドが快適で、さらに複数指のアクション等タッチパッドならではの便利機能も搭載しているので、これならマウス持ち運ぶ必要が全く無く、すごく良いな、と。
Windowsノート出しているメーカーさんも、もっと気にしてほしいポイントです。本当に。

SSDのすごさはまだ分からず

やっぱり時代はSSDだよねー。って初日から言いたかったのですが、そこまでの作業はしておらず・・・・・
早くSSDの早さを実感出来るような作業をしてみたいです。

Ubuntuのソフトウェアセンターみたいな感じで、App Store でほとんどのアプリがインストール出来るようなフローだと良かった

せっかくApp Storeっていう箱があるのに、アプリの探し先が散ってしまっているのがちょっともったいないなぁなんて思ったり思わなかったり。
この辺り、Mac界隈の事情が分からない点も多いので、追って色々見てみたいとは思います。

とりあえずかけずり回って入れてみたアプリ

KeePass 2系

パスワード管理ソフト。まだうまく設定出来ておらず。

DropBox

オンラインストレージサービス。容量増やしたいけど残念ながら無料分のママ

Evernote

すべてを記憶する例のアレです。

Chrome

Macの場合はSafariも魅力的なのですが、色々と環境作っていて複数マシンで同期取れて便利で使い慣れているのでChromeで。

mi

とりあえず定番テキストエディタを入れておきたいという理由で。まだ何にも使っていませんが。

MacWinZipper

ZIP圧縮でWindows環境に渡す場合に入れておいた方が良いよ的な一品。

The Unarchiver

ZIP以外の解凍にはこれが便利ですよ的な一品。

Alfred

Windows（VISTA以降）でいう所の、Windowsキーを押してプログラム名を入力して起動、みたいなランチャーツールは無いと超不便だな、と思ったら、Alfredといういかしたランチャーツールがあったので導入。デフォルトだとoption+spaceでランチャー起動。
これは良いですねー。
ていうか、デフォルトでこういった機能が欲しかったのが正直な所。Ubuntuにもあったのになぁ。

VLC

Windowsにもある動画再生アプリ。

Flip4Mac

WMVが再生出来るらしい。とりあえず入れただけの状態。

skitch

画面キャプチャツールとのこと。まだ入れただけの状態。

サイト制作関連について、Adobe製品に頼らず環境構築出来れば良いな、なんて思っているのですが、その辺りの模索はこれから。
個人的にはDreamweaverとFireworksの代替があればOKなんですが、果たして・・・。
Adobe製品、高すぎるんですよね。どうしたものやら。

Dreamweaverでショートカットキーがきかなくなった！

donkysoft — Fri, 09 Dec 2011 01:14:37 +0000

Cliente Feliz / Coletivo Mambembe

Dreamweaverでもzen-codingが出来るということで、以前extentionを追加していたのですが、

TABキーが従来の動作と色々と変わって不便。テキストエディタに標準装備されているコード補完時や、インデントとしてTABを押した時、等。
zen-codingの「zen」って何？

といった点が非常に不満（？）で、かつ個人的にはzen-codingはどうしても学習コストに合わないという判断で、extentionを外してみました。

そして、上記の行動が直接的な原因かどうかは定かではありませんが、これを機にDreamweaver上で急にショートカットキーが認識されなくなるという現象に見舞われました。

解決策

あ、CS5です。他のバージョンは同じように行くかどうか分かりません。

コンフィグファイル関連のリセット

環境によると思いますが、Windowsだと、
XP C:\Documents and Settings\[ユーザー名]\Application Data\Adobe\Dreamweaver [バージョン]\ja_JP
VISTA/7 C:\Users\[ユーザー名]\AppData\Roaming\Adobe\Dreamweaver [バージョン]\ja_JP
辺りに、Configurationというフォルダがあると思います。

このConfigurationフォルダを削除・・・は怖いのでリネームして、Dreamweaverを起動すると、Configuration再作成が行われます。

私の場合、この方法で解決しました。
出くわしたことは無いですが、キー関連以外でも何かコンフィグ周りがおかしいぞ？と思ったら、この方法を取ってみると解決するかもしれません。

それでも駄目ならDreamweaver再インストール

いやー、これは面倒臭いですねー。
出来れば避けたい所。

参考

ユーザー設定フォルダーを再作成する方法（Dreamweaver CS4/CS5/CS5.5）

プロジェクト完了時には、具体的に何をしたかEvernoteに書き込んでおくと後々便利。

donkysoft — Mon, 05 Dec 2011 05:27:38 +0000

Nasty cat ! / Hannibal Poenaru

そんなに色々なプロジェクトに関わるまでは、結構事細かに1プロジェクトの事を覚えていられるものですが、いくつもプロジェクトに関わり、歳を取り、そして残尿感が気になるようになってくると、細かく覚えている事なんて、大抵の人は出来ないと思いますし、私も出来ません。

いや、私はまだ残尿感は気になりませんが・・・

「あのフレームワークを今回使うことになったけど久し振りだなぁ。昔書いたソースを引っ張って再利用したいけど、あのフレームワーク使った案件って何だったけか？？？」

「バッチファイルを書こう！pythonで書こう！前書いた時のファイルを流用しよう！・・・でもどこやったっけ？」

「この店来るの久し振りだね～。・・・え？初めて？あれ？おかしいなぁ～ほら、前来た時おいしいおいしいってパフェ食べていたじゃない。・・・え？私じゃない？・・・・・まぁまぁ・・・」

なんていう時に困らないように、ちゃんと記録に残しておきたいものです。そして検索で一発！ついでにもう一発！と（何を？）

後で検索したくなる単語を用いて、プロジェクトをEvernoteに残す！

導入部分のしょーもない男女のすれ違いはさておき、
プロジェクト（何かの制作物）完了時って、どうしても開放感だったり何だったりで「自分へのご褒美」とか訳の分からない事を口にしながら何も考えずになりがち。（←私）

せっかく苦労して取り組んだプロジェクト。後々資産として活かして行かない手は無い訳です。
なので、出来る限り、後で検索する可能性のあるキーワードを含めた形で、プロジェクトのメモをEvernoteに残すと何かと便利だと思います。

それも、可能な限り楽に。
面倒臭いと記録するのが億劫になってしまいますので。

フォーマットをある程度決めておく

良くある話しですが、フォーマットを決めておくと比較的楽に記録できるのではないかと思うんです。
人によって必要項目が違うので、あくまで参考までに、ですが、サイト制作関連時の自分の例を以下に。
余分な項目があっても全然OK。飛ばせば良いだけ。無い項目を都度考えるより楽です。

プロジェクト名・サイト名
リリース
顧客名
デザイン担当
デザイン制作ソフト
ディレクション担当
コーディング担当
システム設計者
システム開発者
サーバOS
レンタルサーバ会社・プラン
開発言語・バージョン
DB
サーバ備考
使用フレームワーク
その他ライブラリ類
開発日数
備考
自分が関わった箇所

※画像はイメージですしフィクションです。

他にも、デザインキャプチャとか載せても良いかもしれない。面倒臭いけど。

検索出来れば良いので、そんなにキレイに書く必要も無いと思うんですよね。もうつらつらと。出来るだけ時間をかけずに。

「備考」は、ECサイトだよとか、何かのキャンペーンサイトだよとか、非公開のイントラサイトだよとか、テスト環境からシームレスに本番環境にビルド出来る様に工夫したよとか、ポテロングを5箱食べている内に完成したよとか、とにかく項目に収まらないものを何でも。

「自分が関わった箇所」は、あとでポートフォリオ類で使えたりする事を意識して記述。
「デザイン」とか「コーディング」とか「システム開発」ってだけ書くよりは、「サイトコンセプトとデザイン提案・制作」とか「デザイン支給で全ページのXHTM+CSSコーディング担当」とか「お知らせのCMSシステム開発と注文フォーム。○○○○会社のカード決済・コンビニ決済に対応」とか具体的に書いておいた方が、後で見返したときにピンと来るし、ポートフォリオとして流用する場合であれば、特に具体的に書いておかないと、見る側がピンと来ないですからね。

結論：ポテロングは1箱で充分。

CKEditorとKCFinderの最新版がうまく動かないと聞いたので検証

donkysoft — Fri, 02 Dec 2011 12:37:38 +0000

Cat / Moyan_Brenn

猫が恋しい季節になって参りました。みなさんいかがお過ごしですか？

以前書いた記事：CKEditor + CKFinderのかわりにKCFinder メモ
にて、2011.11.22時点で最新版のKCFinder2.51だと上手く動かない的な報告を頂いたので、念の為検証しました。

検証結果を一応記しておきます。

CKEditor3.6.2導入

CKEditorの最新版はこちらの公式サイトから。

2011.12.02時点では、3.6.2が最新なので、これを使用。

適当な所に配置。今回は、
/sample/20111202/ckeditor/
以下に放り込んでおきました。

KCFinder2.51導入

KCFinderの最新版はこちらの公式サイトから。

2011.12.02時点では、報告を頂いた2011.11.22時点と同様、2.51が最新。

適当な所に配置。今回は、
/sample/20111202/kcfinder/
以下に放り込んでおきました。

コンフィグ類書き換え等

/sample/20111202/ckeditor/config.js のCKEDITOR.editorConfig = function(config) 内に以下を追加。

config.language = 'ja';
config.filebrowserBrowseUrl = '/sample/20111202/kcfinder/browse.php?type=files';
config.filebrowserImageBrowseUrl = '/sample/20111202/kcfinder/browse.php?type=images';
config.filebrowserFlashBrowseUrl = '/sample/20111202/kcfinder/browse.php?type=flash';
config.filebrowserUploadUrl = '/sample/20111202/kcfinder/upload.php?type=files';
config.filebrowserImageUploadUrl = '/sample/20111202/kcfinder/upload.php?type=images';
config.filebrowserFlashUploadUrl = '/sample/20111202/kcfinder/upload.php?type=flash';

/sample/20111202/kcfinder/config.php の以下行を修正

'disabled' => true
 → 'disabled' => false

//'_sessionDomain' => ".mysite.com"
 → 'sessionDomain' => ".chin3.net" # コメントアウトを外して自ドメインに修正

//'_sessionPath' => "/my/path"
 → '_sessionPath' => "/va/lib/php/session" # コメントアウトを外して動作環境のsession.save_pathに修正

/sample/20111202/kcfinder/upload ディレクトリのパーミッションを777とかにする

/sample/20111202/index.html にサンプルコードを書いてみる。以下抜粋

いざ動作確認

とりあえずCKEditorは無事起動。

イメージボタンクリック。いよいよ「サーバブラウザ」ボタンクリック・・・・・

あれ？普通に起動した。（しかも最新版はデフォルトで日本語化されていて良い感じ！）

普通に画像アップ完了。

うーん。。。。。

念の為、サンプル

CKEditorとKCFinderの最新版がうまく動かないと聞いたので検証

自分が試してみて上手く動かなかったからといって、簡単に「バグ」という言葉を使うのは本当に止めましょう。
簡単に「バグ」という言葉を使う人も愚かに見えますし、なにより制作者に対して失礼です。
何か世の中にバグという言葉が、超ハイパー広義な意味で（間違った意味で）使われているような気がしてなりません。