ドークツ

ベースパスタを1ヶ月間食べ続ける「ベースパスタキャンプ」をセルフでやってみた結果

2018-12-11T09:00:00Z

ベースパスタとは「完全食」を謳う、一日三食これだけを食べていれば栄養学上理想的な形ですべての栄養が満たせる近未来生パスタ。
そして、ベースパスタキャンプとは「1か月で20食のベースパスタを食すことで一気に理想の体を手に入れよう！」というベースパスタ社主体の一大プロジェクトである。

以上、前提知識。

完全食ベースパスタ

ベースパスタキャンプに申し込む

さっそく出鼻を挫かれる形となったのですが、残念ながらベースパスタキャンプはベースパスタ社の定めたスケジュールでしかやっていないのでお盆休み明けの開始を目論んでいた私は対象外でした。

ベースパスタキャンプ

泣く泣くベースパスタキャンプ参加を諦め、20食のベースパスタを注文してセルフでベースパスタキャンプを行うソロキャンパーとなりました。

なお、ベースパスタには一度の注文からお得使える「定期購入」のプランがあって、

オリーブオイル
塩
栄養士からのアドバイス

を諦めれば同じ費用で購入できます。

ベースパスタ到来

注文からほどなくしてベースパスタが届きました。
ベースパスタキャンプのルールは、

1か月で20食のベースパスタを食べる
食べたベースパスタをTwitterで報告する

なので、ここにさらに、

できるだけ毎日体重計に乗る
その都度レシピをクックパッドにあげる

を勝手に追加してセルフベースパスタキャンプとしました。

いざ。

セルフベースパスタキャンプ開始

以下、淡々とレシピが並びます。

0日目大葉（青しそ）ジェノベーゼ風

ベースパスタでびゅーのついでにクックパッドデビューしました https://t.co/IEsNQl4zyf
— モロ (@moro_is) 2018年8月5日

大葉（青しそ）ジェノベーゼ風ベースパスタ by モロ（Moro）

お試しパック的なやつで購入して早速作ったシソベーゼ。
のちに分かったこととして「オイル系は素材の味が活きすぎてつらい」というものがあるのですが、シソは割と風味が強いためアリでした。

1日目焼きそば

ベースパスタ焼きそば作った https://t.co/xjkpPzmD3L
— モロ (@moro_is) 2018年8月16日

ベースパスタ焼きそば by モロ（Moro）

2日目油そば

ベースパスタぼっちキャンプ三日目は油そばです https://t.co/OsZL9QuDbr #cookpad #BASEPASTACAMPALONE pic.twitter.com/2csvPAZ8dc
— モロ (@moro_is) 2018年8月17日

ベースパスタ油そば by モロ（Moro）

3日目明太子パスタ

セルフベースパスタキャンプ四日目明太子パスタ https://t.co/hTXAExftio #BASEPASTA #cookpad pic.twitter.com/oZfFUTkoxr
— モロ (@moro_is) 2018年8月18日

明太子ベースパスタ by モロ（Moro）

4日目ペペロンチーノ

セルフベースパスタキャンプ五日目ペペロンチーノ https://t.co/muwEtVYWwW #basepasta #cookpad pic.twitter.com/ZswwsiHRlv
— モロ (@moro_is) 2018年8月20日

男のベースパスタペペロンチーノ by モロ（Moro）

5日目カルボナーラ

セルフベースパスタキャンプ六日目はカルボナーラです。 https://t.co/q0kxF6Vxyt #cookpad #BASEPASTA pic.twitter.com/kM8F9a8fvM
— モロ (@moro_is) 2018年8月23日

ベースパスタカルボナーラ by モロ（Moro）

6日目かに玉あんかけ塩焼きそば

セルフベースパスタキャンプ七日目。ついに""""正解""""にたどり着いたかに玉あんかけ塩焼きそば風ベースパスタ https://t.co/UJPcO4ATSE #cookpad #basepasta pic.twitter.com/dNyW9yBsj5
— モロ (@moro_is) 2018年8月24日

かに玉あんかけ塩焼きそばベースパスタ by モロ（Moro）

7日目塩レモンパスタ

セルフベースパスタキャンプ九日目、塩レモンパスタです #cookpad #basepasta https://t.co/hlrzyrkEgs pic.twitter.com/KA4LJtHnWs
— モロ (@moro_is) 2018年8月28日

塩レモンベースパスタ（レモンパスタ） by モロ（Moro）

8日目ナポリタン

セルフベースパスタキャンプ十日目はナポリタンでした https://t.co/Cqi2XqiDW3 #cookpad #basepasta pic.twitter.com/1LeyJVeueN
— モロ (@moro_is) 2018年8月30日

ベースパスタナポリタン by モロ（Moro）

9日目担々麺

セルフベースパスタキャンプ11日目、担々麺です。 #cookpad #BASEPASTA https://t.co/cWW07n8zFV pic.twitter.com/q1XN6QbTw0
— モロ (@moro_is) 2018年9月1日

ベースパスタ担々麺 by モロ（Moro）

10日目ネバネバパスタ

セルフベースパスタ12日目、ネバネバパスタ https://t.co/2kJEzejcwH #cookpad #basepasta pic.twitter.com/abGkNSQTVb
— モロ (@moro_is) 2018年9月3日

モロヘイヤと三種のネバネバベースパスタ by モロ（Moro）

11日目ボロネーゼ

セルフベースパスタキャンプ13日目、ボロネーゼ https://t.co/ZvZPrpcX7Z #cookpad #basepasta pic.twitter.com/h4OQwRTwyG
— モロ (@moro_is) 2018年9月4日

ベースパスタのボロネーゼ by モロ（Moro）

12日目キノコの和風パスタ

セルフベースパスタキャンプ13日目、和風キノコパスタ https://t.co/SnDmjsi8qC #cookpad #basepasta pic.twitter.com/SU7DyiMDYO
— モロ (@moro_is) 2018年9月5日

キノコの和風ベースパスタ by モロ（Moro）

13日目関西風そば

セルフベースパスタキャンプ15日目、京風そば風です https://t.co/hX41pqMU85 #basepasta #cookpad pic.twitter.com/DAdA0wnjj0
— モロ (@moro_is) 2018年9月6日

関西風そば風ベースパスタ by モロ（Moro）

14日目バター醤油納豆パスタ

セルフベースパスタ16日目、納豆パスタです #basepasta #cookpad https://t.co/WPtKnHhr1C pic.twitter.com/BhVjzwvJ4V
— モロ (@moro_is) 2018年9月10日

バター醤油の納豆ベースパスタ by モロ（Moro）

15日目カレーうどん

セルフベースパスタキャンプ17日目、カレーうどん風です https://t.co/iUoeWFPwd2 #basepasta #cookpad pic.twitter.com/lSXLyzPBAo
— モロ (@moro_is) 2018年9月16日

カレーうどん風ベースパスタ by モロ（Moro）

16日目台湾まぜそば

セルフベースパスタキャンプ18日目、台湾まぜそば風です https://t.co/2rQ5PwcP7i #basepasta #cookpad pic.twitter.com/Qv1mYk6JoF
— モロ (@moro_is) 2018年9月16日

ベースパスタの台湾まぜそば by モロ（Moro）

その他

のこりものペペロンチーノ pic.twitter.com/iFKDyzkBgK
— モロ (@moro_is) 2018年9月4日

「〇日目」みたいな記載をしておいてアレなのですが、実際は1か月で20食なので間が空いている日もありつつ、さらにはレシピも何もない雑なペペロンチーノで済ませている日もあります。
下記はTwitterモーメントです。

🍝セルフベースパスタキャンプ🏕まとめ

ベースパスタ、どう？

ベースパスタを話題にあげると必ず聞かれるのが味ですが、言うなれば普通のパスタが米とするとベースパスタは玄米。

個人的には「身体に良いと言われれば食べるけど味単体で比較するなら普通のパスタかなぁ」くらいの評価です。

あと、パスタというよりは「ガチの蕎麦」の味に近い気がします。
定年前のお父さんが何の前触れもなく打ち込み始める蕎麦粉100パーセントのやつです。
不慣れな包丁でせっせと切るも太すぎて味が絡みにくいやつ。

それ以上に特筆すべきは暴力的なまでの満腹感とその継続時間。
私の場合はいつも夕食が20時から21時頃なのですが、眠りにつく25時頃まで比較的おなかいっぱいです。

もしかすると昼食をベースパスタにして、夕食を少し控えめにするような形が良かったのかもしれません。

体重の増減

どこかで見た記事で「ペースパスタキャンプに参加したら10日目にして◯キロ減！」みたいなのがあり、期待に胸を膨らませホイホイ手を出したベースパスタでしたが、残念ながら現実は甘くありません。

微増……！どころか一度もマイナスにふれない始末……！

当然です。ベースパスタはダイエット食ではないのですから……！

セルフベースパスタキャンプ所感

理想としては、ダイエットと元調理師ブランディングの両立を思い描いておりましたが、ままならない世の中です。
が、公式アカウントに構ってもらえたので満足です。

ご自身で、セルフベースパスタキャンプをやってくれている方がここに👀✨

公式の中の人は、管理栄養士ではありませんが、セルフベースパスタキャンプは、嬉しすぎてコメントしちゃうやつです、これ。#selfbasepastacamp #セルフベースパスタキャンプ https://t.co/U3RqkuxtW9
— [公式] ベースフード (@BASEFOOD) 2018年8月20日

次はRAMENやるそうなのでそちらも楽しみにしております。

それでは。

コーギーの魅力を語れるだけ語る

2018-12-05T09:00:00Z

昨年に比べると暖冬とのことでやや過ごしやすいような気がする師走の候、皆さまいかがお過ごしでしょうか。

本記事は「犬 Advent Calendar 2018」5日目の記事で、特に犬も猫も飼っていないモロ（@moro_is）がお送りします。

動物全般とても好きでペットのメディアなんかも一生懸命運営しております。

ペトラ

アドベントカレンダーとは一切関係なく毎日更新しております。

なお、10日後には「猫 Advent Calendar 2018」も控えておりますが、そちらと比べると犬はやや不況のようです。
犬も猫も好きな身として一抹の寂しさを覚えずにはいられません。ぜひ奮ってご参加ください（企画者じゃないけど）。

ここまでが宣伝とご挨拶です。

コーギーの可愛さは異常

時折クマと間違えられることもありますが、私のアイコンもコーギー、ウェルシュ・コーギー・ペンブロークをデフォルメしたものです。
この世でもっとも愛すべき犬種のひとつと言われています。

特に書くことがないので、ここからはひたすらコーギーの魅力を綴ります。

押さえておきたいコギ知識

コーギーを愛し、その魅力に触れるにあたって事前知識、予習のようなものは一切不要で、誰にでも平等に間口を広げています（そういう意味では神に似ているかもしれません）。

ただ、はじめてコーギーという存在に触れた時、人はより深くコーギーと繋がりたいという気持ちを抑えられません。
まずはここで基本ともいえるコーギーの知識を押さえておきましょう。

エリザベス女王に愛された犬

ウェルシュ・コーギー・ペンブロークがかのエリザベス女王に愛され、イギリス王室で多数飼育されていたことはあまりにも有名です。
残念ながら過去形となってしまったのは、今年の5月に王室最後のコーギー「ウィロー」が亡くなってしまったため。
今はコーギーとダックスフンドのミックス犬種「ドーギー」のみとなってしまったそうです。

王室のコーギーがあまりしっかりと躾けられていないという情報と相まって、一部の過激派コーギー愛好家たちの中では「ダックスだのドーギーだの胴長短足やったらなんでもええんかい？」との批判の声もありつつ、コーギーの素晴らしさを世に広める上での貢献は計り知れません。

尻尾のない犬

ウェルシュ・コーギー・ペンブロークといえば尻尾のない、食パン一斤のような愛らしい後ろ姿が特徴的です。
しかし、当然生まれながらにして尾がないわけではありません。

コーギーは生まれて間もなく、尻尾を切られます。
これはかつてコーギーが牧畜犬（主に牛）としてひたいに汗して働いていた頃、牛に尾を踏まれる事故が頻発したことからはじまった風習だそうです。

生後間もないため痛みはほぼないと言われていますが、昨今の動物愛護事情をご存知なら、これが悪習として批判にさらされることも想像に難くないでしょう。
事実、コーギー生誕の地イギリスでも動物愛護の観点からコーギーの断尾を禁止する法律が施行されました。

すると今度は、イギリスでコーギーを繁殖していたブリーダーたちが「尻尾のあるコーギーだって？俺たちに狐でも育てろってのかい？」とブリーディングを拒否。
たちまちコーギーたちはイギリスから姿を消し、あわや絶滅危惧種となってしまいました。

確かに一見すると断尾は残酷です。
しかし一方で、本来犬がバランスを取るのに使う尾をなくすことで強制的に臀部が鍛えられ、胴長短足犬が患いがちなヘルニアを遠ざけるのに一役買っているともいわれています。

断尾の良し悪しについては断ずることはできませんが、短絡的な「かわいそう」という感情が種を滅ぼすようなことのないよう願うばかりです。

ウェルシュ・コーギー・カーディガン

コーギー愛好家として忘れてはならないのが「ウェルシュ・コーギー・カーディガン」。
愛好家なら「カーディガンはなんかシュッとしてるよね」とひと目でピンとくるものですが、私も駆け出しの頃はよく間違えては石を投げられました。
一番わかり易い見分け方が「尻尾の有無」だったのですが、先述の断尾禁止法もあるため耳の大きさと色で判断するのがいいでしょう。

ただ、JKC（ジャパン・ケネル・クラブ）が公開している犬種別登録頭数のデータを見ると、国内で飼育されているコーギーはペンブローク5,283頭に対し、カーディガンは56頭。
そういう意味で、カーディガンは100匹に1匹程度の割合でしか出会えない希少犬種のため、判断に迷ったら「ペンブローク……？」と答えておけば比較的部の良い賭けとなるでしょう。

コーギーアドベントカレンダーおわり

以上、ひらすらコーギーの魅力を語ってみました。いかんせんこれまでWeb系のアドベントカレンダーにしか参加したことがなく、これでよかったのかイマイチ自信が持てません。

最後に少しだけWeb色を足すなら、先述の「ペトラ」はWordPress REST API + Nuxt.js + CircleCI + NetlifyからのPWA！とイマドキな感じで構築されています。
ペット系のIT企業様に置かれましては、何卒単価の良いお仕事をください。

それでは。

仮想通貨マイニング（Coinhive）で家宅捜索を受けた話

2018-06-12T09:00:00Z

表題の通り、お恥ずかしい限りではありますが、人生ではじめて警察（神奈川県警！）のお世話になる運びとなりました。
罪状としては「不正指令電磁的記録取得・保管罪」、通称ウイルス罪とのことで、まさに青天の霹靂の思いです。

以下ではこの度起こったことを可能な範囲でありのまま共有できればと思います。

この記事の目的

まず、この記事を公開した目的は「他のクリエイターの人に同じ経験をして欲しくない」という一点に尽きます。

手前味噌ではありますが、私はこれまで多くの尊敬するクリエイターの方々と同じように「良いクリエイターであろう」と腐心し、できうるかぎりの努力をしてきたつもりです。
今回の件に関しても決して私利私欲のためではなく、あくまでユーザーのためにできることを、と模索した結果でした。

それがこのような形で取り沙汰されることとなり、残念という他ありません。

忸怩たる思いではありますが、この件から何かしらの知見を残せたらと願うばかりです。

Coinhiveとは

Coinhiveとは、HTMLに数行のJavaScriptを埋め込むことでユーザーのブラウザからCPUを動かし、仮想通貨「Monero」のマイニングを行うツールです。
今までの広告一辺倒のマネタイズ手法とは一線を画すアプローチが注目を集めており、当時の僕の観測範囲では以下の記事が話題でした。

ご覧の通り賛否両論ありますが、一メディア運営者、一デザイナーとして広告溢れる現状のメディアのあり方には常々疑問を感じており、新たな選択肢として非常に可能性を感じておりました。

刑事事件となるまでにやったこと

以下、時系列順にやったこと、起こったことを書き連ねます。
タイトルが客観的事実、本文が詳細や所感です。

GIGAZINEを読んでCoinhiveの導入

2017年9月下旬、上記で紹介したGIGAZINEの記事でCoinhiveの存在を知り、月間3万PV程度、毎月3,000円程度の赤字を叩き出す所有Webサービスにテスト導入。
あくまで広告をなくしてUXを上げることが目的のためテストを重ね、

いつもどおりのブラウジング（UX）を阻害せず、快適に閲覧できる
不自然にCPUが回らない

よう調整しました。
現に下記する専門家の方を除き、一度の苦情やお問い合わせもなく、アクセス解析上でも導入前と同程度のアクセス数、滞在時間を保っておりました。

また、上記の記事等で収益的にあまり期待できないことは察していたため、どちらかというと技術トレンドのキャッチアップが主目的で、10日ほど経過した時点での収益も当時の日本円のレートで300円程度。
「導入はないかなぁ」という印象でした。

Coinhiveについての紹介記事を公開

先述の導入と同日、「Coinhive」を紹介する記事を書きました。

現在は削除済みですが、

Coinhiveっていう広告を駆逐できるかもしれないイカしたツールがリリースされたよ！
賛否あるからほどほどに使おうね！
でもまぁとりあえず使ってみないとわからないから一ヶ月くらい試してみるよ！！

というような内容でした。

導入一ヶ月後、エンジニアらしき人からリプライ

同年10月下旬、WebサービスのTwitterアカウントにリプライをいただき、下記のようなやりとりがありました。

エンジニア「おたくのWebサービスのCoinhive、改ざんとかじゃない？自分で入れたならグレーだし、一言通知入れたほうがよくない？」
僕「自分で入れたので改ざんではないです！グレーとは思いませんがネガティブな印象も理解できるので同意を得る方向で検討します！」
エンジニア「同意を得ての利用は歓迎です！よろしく～」
僕「わざわざありがとうございます！新しい収益モデルとしてポジティブに迎え入れられるよう頑張ります！」

その後、「通知を出す方向で」と伝えたもののそれほど工数がかけられないこともあり、10日後にCoinhiveを削除する形で対応しました。

やったことまとめ

Coinhiveの導入（約一ヶ月超）
Coinhiveの紹介記事作成

なお、最終的にCoinhiveから得た利益は日本円で1,000円に満たない程度（振込は約5,000円からなので実質収益0）でした。

刑事事件となるまでに起こったこと

上記のCoinhive導入が9月下旬で、削除が11月上旬。
警察からの連絡はそれから約三ヶ月後、2月上旬でした。

警察から入電

2月上旬、10時頃に警察を名乗る入電。

警察「とある事件の捜査に協力してもらいたいんですが」
僕「なんの事件ですか？」
警察「それは明かせません」
僕「え……、仕事あるけど一時間くらいなら……」
警察「一時間じゃ足りないですね。もう家の目の前にいるんで出てきてもらえますか？」
僕「いま仕事で渋谷なんですけど……」
警察「じゃあ今から向かいますね。11時頃に着きます」
僕「えっ」

警察からの電話が「070」から来るなんて夢にも思っていなかったので「これ詐欺では？」と警察署に電話するもどうやら本物の様子（名乗っていた名前が平凡すぎて不安しかなかった）。
この時点では「友人とかが何かに巻き込まれたりしたんやろか……」とか思ってました。

ちなみにもし協力を断っていたら「逃亡の恐れあり」とみなされて逮捕だったそうです。怖い。

家宅捜索

それから何の説明もないままワゴン車で自宅に輸送され、令状を見せられて家宅捜索開始。
罪状を告げられてもまったくピンときておらず、ただただ指示されるまま端っこでボーッと突っ立って、訳もわからないままパソコンが操作されるのを見守っていました。
聞かれるがままに運営しているサイトの情報等をポツポツと答えていると、ここぞという単語単語で東京フレンドパークの関口宏ばりに復唱され、数時間の問答でどうやら「Coinhive」が原因らしいことを察しました。

そこからはひたすらサーバー情報や各アカウント情報等を確認したりして、21時頃になって「後日連絡」という形でようやく解放されました。

怒涛の10時間拘束……！

私ごとですがこの日は翌週に結婚式を控えたタイミングで、アホみたいに泣きながら妻に謝罪しました。齢30のおっさんが。

なお、デスクトップPC1台、ノートPC1台、スマートフォン1台が押収されたました。

警察署で取り調べ

3月上旬、早朝から神奈川県まで出向いて警察署での取り調べを受けました。
内容のほとんどは家宅捜索の復習です。

詳細としては、

警察「全ページでCoinhiveを動作させるためにhead内でスクリプトを読み込んだね？」
僕「いえ、head内で読み込んでいるのは読み込みのタイミングの話なので全ページうんぬんとの因果関係はありません」
警察「は？全ページで読み込んでるでしょ？」
僕「そこじゃなくて因果関係にない、って話です」
警察「適当なこというと不利になるよ？（威圧）」
僕「適当に言いたくないから言ってるんでしょう！？」
（以下一時間繰り返す。）

みたいな問答が多々ありました。サイバー課とは……。

午後は指紋をとったり身体測定を挟みつつ、相変わらず調書作成が進み、まもなく終了かと思えば突然私服の男が取調室に乱入してきて、

男「モロさんよォ？反省してんのか？（入室）」
僕「！？」
男「お前がやってることは法律に引っかかってんだよ！わかんだろ？」
僕「え、それは」
男「反論してんじゃねぇよ！引っかかってんだよ、法律に」
僕「……」
男「だから警察がガサやってんだよ！お前がどう思おうが関係ねえんだよ。わかるか？」
僕「はい……」
男「結婚して奥さんもいるんだろ？またやんの！？」
僕「やらないつもりです……」
警察「やんねぇだろ。だったらちゃんと反省しろよ（退室）」

みたいな一幕もあり、衝撃的極まりなかったです。
他の刑事さんはコンプライアンス的な問題なのか黙秘権の説明とかいろいろ慎重な感じだったのに、このご時世にこういうのまだあるんだなぁ……これはやってなくても自白するわ……。

あとコンプライアンス的にいろいろいうものの「いうて意にそぐわない態度なら平日でもいつでも何度でも呼び出して社会的に潰すけど？」的な圧は要所要所で感じられました。

今にして思えば、

前例がない事件のため調書の上で可能な限り「金にがめつい悪人」のように演出する必要があった
調書のためにどんな形でも「反省してます」の一言が必要で、苦肉の策として私服の男が導入された

という背景が想像できます。
私としては「Coinhiveの利用は間違いのない事実だがウイルスとは思わない」というスタンスで、不用意な発言はCoinhiveを制作したクリエイターにも失礼だと感じていたため慎重に対応したつもりでしたが、調書の上では上記のやりとりで十分だったようです。

そして取り調べ終了後、デスクトップPC以外の押収品が返還され、17時頃に解放されました。
（デスクトップPCはOS含む全データ削除の上後日返還。）

検察庁で取り調べ

3月下旬、検察庁での取り調べ。
取り調べ自体は警察のものと違って「裁判できるけどする？しないよね？はい罰金10万円〜」くらいのノリであっという間に終わりました。

この辺りでもう心身ともに疲れ果てており、さながら糸の切れた木偶人形の様相で粛々と流れに身を任せておりました。

起こったことまとめ

家宅捜索とネットワーク機器全押収
警察で取り調べ
PC全データ削除の上返還
検察で取り調べ
罰金10万円の略式命令

Coinhive利用の罪状

なお、Coinhiveの利用は不正指令電磁的記録取得・保管罪、通称「ウイルス罪」にあたるそうです。

不正指令電磁的記録作成・提供罪（不正指令電磁的記録作成等）第168条の2 正当な理由がないのに、人の電子計算機における実行の用に供する目的で、次に掲げる電磁的記録その他の記録を作成し、又は提供した者は、3年以下の懲役又は50万円以下の罰金に処する。 一人が電子計算機を使用するに際してその意図に沿うべき動作をさせず、又はその意図に反する動作をさせるべき不正な指令を与える電磁的記録 二前号に掲げるもののほか、同号の不正な指令を記述した電磁的記録その他の記録

不正指令電磁的記録取得・保管罪（不正指令電磁的記録取得等） 第168条の3 正当な理由がないのに、前条第1項の目的で、同項各号に掲げる電磁的記録その他の記録を取得し、又は保管した者は、2年以下の懲役又は30万円以下の罰金に処する。

警察の人からは「事前に許可（もしくは予感させること）なく他人のPCを動作させたらアウト」というような説明を受けたのですが、解釈がめちゃくちゃアバウトで「不正な指令」についてまるで考慮されていないことがわかると思います。
これだとアドセンスどころかアナリティクスやオプティマイズ、世の中のいろいろなJSがアウトですし、予感というのもリテラシーによって大いに幅があります。

そしてこれを「略式起訴」で言い渡すということは、上記のさまざまな「アバウトさ」をすべてほぼ警察の独断で裁けるということになってしまいます。

ウイルス罪については昨年のアドベントカレンダーで上原哲太郎さんが書かれた「3つの事件で振り返る「何をやったらウイルス罪で捕まるか2017」がとてもわかりやすかったです。
もっと早く読んでいれば……後発だけど……。

所感

本記事について、極力ポップになるよう努めましたが家宅捜索後は「なんか車にひかれたりしないかな？」以外なにも考えられないくらいのドン凹みでした。
家宅捜索の翌週に結婚式、各取り調べに結婚披露がサンドされるクソをクソで煮詰めたようなクソスケジュールとなってしまい、一生で一度のイベントを最悪の思い出に変えてしまった妻への申し訳なさで一月で三キロくらい痩せました。

「自分の両親が同じ目に遭ったらどう思う？」との問いに「どうも思わないと思います……」としか返せず、「あなたの感覚はおかしいよ」と人格否定まがいのことまで言われたのも印象的でした。

また、先述のCoinhiveを紹介した記事の削除を提案したにも関わらず「下手に動くと不利になる」の一点張りでなかなか許可がおりなかったことにも不審の思いを隠せません。
Coinhiveが罪に問われるものなら、紹介記事を削除することで間違いを犯す人を事前に止めたい、という思いでしたが、そこにストップがかかる意味がまるで理解できませんでした。
うがった見方をするなら、まるで検挙の対象を増やしたいかのようですらあります。
説得の末、2月8日に削除済みではありますが、理由を書くことは許されていないため不格好を晒しております。
単にページを削除するのではなく、「削除した」というページを残すことが僕にできるせめてもの抵抗でした。

神奈川県警にはもう一生関わりたくない……！

これからのこと

以上が僕の身に起こった顛末のすべてで、現在のステータスとしては恐れながら裁判をやることになりました。
略式起訴での罰金10万円に異議を申し立てての刑事裁判移行で、国内初（海外も？）のCoinhive裁判となる模様です。

正直なところ、黙って10万円支払うのが一番安上がりではあるのですが、僕がこの件をすごすご受け入れるとろくに調査もされないまま「Coinhiveは違法」という前例だけが残ります。
そしてこの小さな前例は、当然のように「Coinhiveはウイルス」と解釈を変え、さらにそれがCoinhiveだけに留るとは限りません。

先述のように現状「ウイルス罪」は、「不正な指令」の解釈次第のふわっとしたものです。
例えば、このままいけば「Coinhive」はふわっとウイルス認定を受け、広告に代わるポテンシャルを秘めたまま跡形もなく潰されるでしょう。
でも 「Coinhive」はうざいからいい。
Coinhiveをあらかた潰し終えたら、次は「スマホの下のほうからふわっと出てくる広告」。これもうざいからいい。
その次は「アドセンス広告」。うざいからいい。「Ptengine」。よくわからんからいい。

そして最後はどこにいきつくでしょう。
どのレベルのユーザーを想定したものかもわからない「予感させずに動作するJS」なんていくらでもあります。
「jQuery」かもしれないし「Vue.js」かも知れません。
「今までにない新しい体験！」を予感できないと解釈するなら「Three.js」なんかも皮肉がきいているかも知れません。

さながらかの有名な「彼らが最初共産主義者を攻撃したとき」です。

「彼らが最初共産主義者を攻撃したとき」

ナチスが最初共産主義者を攻撃したとき、私は声をあげなかった私は共産主義者ではなかったから

社会民主主義者が牢獄に入れられたとき、私は声をあげなかった私は社会民主主義ではなかったから

彼らが労働組合員たちを攻撃したとき、私は声をあげなかった私は労働組合員ではなかったから

そして、彼らが私を攻撃したとき私のために声をあげる者は、誰一人残っていなかった

この狂った流れの一歩目が、今回のCoinhiveのように思えるのです。
大げさに聞こえるかもしれませんが、コピーペーストさえ右クリックでこなし、headとheaderの区別もつかないサイバー課にVue.jsとCoinhiveの区別がつくとは感じられませんでした。

誤解を恐れずに言えば、「裁判だー！」と息巻いては見るものの、もう僕個人の処遇はあまり重要ではない段階です。
新しい技術を試してもしそれが罪に問われたとしても、被害者のいない本件に恥じるところはありません。

家宅捜索がなされ、仕事道具を奪われ、平日に何度も呼び出された時点こそが僕にとってしんどさのピークで、そういう意味ではもう喉元は過ぎていて、もっといえば裁判なんてそのしんどさのおかわりみたいなものです。

その裁判の勝ち負けさえ重要ではなく、今後の「ウイルス罪」運用を健全なものにし、新しい価値を生み出そうとするクリエイターが割を食うことのないよう、できることをしたいと思っています。

謝辞

最後に、警察による口止めでろくに事情も説明できない状況だったにも関わらず、仕事道具を押収され途方に暮れていた私に声をかけてくれた以下の方々にお礼申し上げます。

すぴかあやかさん
akiyamaさん
かぼちゃさん
daisuke furukawaさん
ワタナベさん
山根さん
mikamiさん
kosugeさん
タムラックさん
りぼさんさん
あんどさん
てぃばさん
優さん
mpmpさん
K太郎さん

また、その他ご心配とご迷惑をおかけした方々にも謝罪とお礼を申し上げます。
失意のどん底といっても過言ではない状況で、かけていただいた言葉のひとつひとつに大いに救われました。

今後少しずつにはなりますが、何かしらの形で恩返ししていけたらと心から思います。

また、この場ですべての事情をお伝えできて、ようやくひとつの義務を果たした思いです。
現在は口止め等もなく、可能な限りご質問にもお答えできればと考えておりますので、お気軽にTwitter（@moro_is）までリプライください。

以上、よろしくお願いいたします。

追記

本件について、高木浩光先生や読売新聞様にも多大なご助力をいただきました。
この場を借りてお礼申し上げます。

2019.01.07

大変お騒がせしておりましたCoinhiveの裁判の件、下記日程で横浜地裁にて執り行われる運びとなりました。

日程	時間	内容
1月9日	10:30-11:00	第1回公判
1月15日	13:30-15:30	第2回公判証人尋問（高木先生）
1月17日	14:00-16:00	第3回公判被告人尋問（私）
2月18日	10:00-12:00	第4回公判最終弁論
3月27日	10:00-11:00	第5回公判判決

証人としてご助力いただく高木先生と弁護人を引き受けていただく平野先生にこの場を借りてお礼申し上げます。

以上、何卒よろしくお願いいたします。

※ 2019.02.19 判決の日程を追記しました。

2019.03.28

3月27日、横浜地裁にて無罪の判決をいただきました。
弁護人を努めてくださった平野先生をはじめ、証人として不調をおして駆けつけてくださった高木先生、取り上げてくださったメディアの方々や声を上げてくださったたくさんの方ひとりひとりの力で勝ち取れた判決と感じております。
いくら感謝しても到底足りませんが、心からお礼申し上げます。本当にありがとうございました。
若輩ながら今後とも精進して参りますので何卒よろしくお願いいたします。

2021.10.14

最高裁にて、12月9日に上告審弁論が開かれることになりました。
まだまだ安心はできませんが、みなさまのご助力に感謝するばかりです。
引き続きよろしくお願いいたします。

地方裁以降の流れについてはnoteにてご報告させていただいております。

コインハイブ事件｜モロ｜note

新年のご挨拶とサイト移管、フリーフォント配布のお知らせと近況報告など

2018-01-08T09:00:00Z

新年あけましておめでとうございます。
本年もよろしくお願いいたします！

と、当たり前のように新年のご挨拶申し上げましたが、実は先日の宣言通りサイト名が「リパレード」から「ドークツ」に、ドメインが「doocts.com」から「doocts.com」に変わりました。
併せてロゴやOGP画像、TwitterのIDとかFacebookページのURLとかもちょこちょこ変わっております。変な造語だといろいろIDとか取りやすくてすばらしい！
折を見てちゃんとリニューアルします。

本年も変わらぬお引き立てを何卒よろしくお願いいたします。

以下、だらだらと近況報告となります。

Dribbbleプレーヤーになった！

世界中のイケてるデザイナー達がしのぎを削る完全招待制のデザイナーSNS**「Dribbble」のプレーヤーになりました**。

https://dribbble.com/moroi

そこそこ昔からアカウントは持っていて、イケてるロゴなんかをせっせとLikeしてはいたものの、まさか自分がプレーヤーになれる日がくるとは……！

「これからはプログラミング頑張るぞ！フロントエンドやるぞ！」と意気込んでいたはずが、途端にデザインが楽しくて仕方ありません。

海外の諸先輩方に英語でInvite頼むなんて絶対ムリや……、と諦めていたので誘ってくれたSawanoboriさんには感謝の言葉もありません。
ちなみにそんなSawanoboriさんのポートフォリオサイトがヒクほど格好良いです。

何とかして僕が作ったことにしたい。

フォント作りました

以前から、

ロゴとかタイポグラフィっぽいことするたび「お、これこのままフォント作れるんじゃ？」ってaから作り始めるけどb強すぎて速攻心折れるのやめたい
— モロ (@moro_is) 2017年12月14日

などと供述していて、ずっと機会を伺ってはいたのですが、

性懲りもなくフォントを作り始めて珍しくあとVだけのところまできた pic.twitter.com/pTxusZHFkm
— モロ (@moro_is) 2017年12月28日

等のあれこれを経てこの度ついに完成させました。

Follana Font（洞穴フォント）

新しい屋号「洞窟」のロゴのフォントなので「洞穴」という名前にしました。

https://follana.com GitHub

個人でも商用でも無料で使えるフリーフォントで、ライセンスはCreative Commons Attribution (CC-BY 4.0)です。

なお、フォント制作には「Glyphs」を使用しました。 Macでしか使えないのが玉に瑕ですが、UIが直感的でフォント制作初心者でも簡単にフォントが作れました。

ちなみに最初は「Calligraphr」というブラウザからPDFをアップロードするだけでフォントが作れるツールを使ってみたのですが、如何せん仕上がりが微妙でボツとなりました。

フリーフォントなので下記のGumroadは投げ銭用ですが、ボツverのフォントも同封されておりますので興味のある方はぜひご購入ください。

ローディング中・・・

近況のご報告

先日「フリーランスやめる！」と宣言して予期せぬ反響をいただいたものの、フリーランスの風物詩、確定申告などをポツポツとやっているとノスタルジックな気持ちになったりして、依然として何者にもなれない日々を過ごしております。
（すでにどこかに就職するのが決まっているかのように見えたそうですが、ごめんなさい。何も決まってません。）

あれからいろいろお話を聞く機会があり、

週3日勤務の正社員になって保険入れるパターンとかもあるよ！
保育園はフリーランスでも「勤務先」と「自宅」が別なら不利にならないケースもあるよ！

等おしえてもらったりしました。
いろいろあるんだなぁ、と不勉強というか、見識の狭さというかを痛感するばかりです。

2018年も宣言通りフラットに、変化を受け入れながら愚直に頑張りたいと思います。
皆さまの2018年も素敵な年になるようお祈りしております！

ではでは！

WordPress REST APIでイマドキHeadless CMS

2017-12-22T09:00:00Z

正直あまり時流に乗れていないのですが、昨今フロントエンドとバックエンドを分離してフロントにより自由度を！とのコンセプトのもと「Headless（ヘッドレス） CMS」なるものが流行しているそうです。

国内ではあまりサービスは見られないものの、海外ではHeadless CMSの先駆けとして「Elemeno」、そしてFacebook社も「GraphCMS」をリリースしています。

確かにCMSからViewを分離できれば、

CMS側ではJSON（API）のみになるためフロント側が言語に依存しない
ホスティングされたものが使えるため自前のサーバーがいらず、セキュリティ等もおまかせ

等のメリットがあります。

とはいえ、やはりそこは枯れたWordPress。
痒いところに手が届くプラグイン群や日本語のUIはクライアントワークには欠かせません。

そこで、「インストールしたらまずはREST APIをオフに」等いわれてはいますが、そこを敢えてWordPressをJSON出力マシーンとして利用し、ViewはReact等のナウいライブラリを使ってやってみたいと思います。

なお、この記事はWordPress Advent Calendar 2017、22日目の記事です。
そしてわたしはモロ（@moro_is）です。

WordPressのViewを無効化

まずはWordPressのViewをなくす必要があるため、空っぽのThemeを用意します。

https://github.com/moroi/headless-wordpress

はい。
空のindex.php style.cssと、いくつかの設定を詰め込んだfunctions.phpのみです。

<?php
function my_customize_rest_cors() {
  remove_filter( 'rest_pre_serve_request', 'rest_send_cors_headers' );
  add_filter( 'rest_pre_serve_request', function( $value ) {
    header( 'Access-Control-Allow-Origin: *' );
    return $value;
  });
}
add_action( 'rest_api_init', 'my_customize_rest_cors', 15 );
?>

個人的にせっかくWordPressの制約から開放される以上、あまりfunctions.phpで複雑なことをしたくなかったため、あくまで新しいAPIを生やしたりはせずにおります。

my_customize_rest_cors()はクロスドメイン対策のため同ドメイン上での実装の場合は不要で、もし別ドメインでの運用の場合もAccess-Control-Allow-Origin: *は避けて、個別にホワイトリスト対応（Access-Control-Allow-Origin: https://example.com）のようなことをしたほうがいいかも知れません。

プラグイン周り

WordPressの利点でもある豊富なプラグインは活かしたかったため、いくつか導入しました。

Advanced Custom Fields(ACF to REST API)

https://wordpress.org/plugins/advanced-custom-fields/

言わずと知れたカスタムフィールドを便利にするプラグイン。
併せてACF to REST APIを入れることでAPI側からも簡単にカスタムフィールドの値を取得できるようになります。

Jetpack by WordPress.com

https://wordpress.org/plugins/jetpack/

こちらもWP公式の多機能便利プラグイン。
これを導入することで、WordPress.com経由で「WordPress.com Jetpack API」が利用できるようになり、例えば

アクセス数ランキング
「メニュー」の取得

等もできるようになります。
WordPress REST APIと比べると

WordPress.com経由のためアクセス元が制限できない
若干通信が遅い

等のデメリットもありますが、場合によっては重宝するかも知れません。

No Category Base (WPML)

フロント側を例えばReact等で制作する場合、恐らくReact-Router等使うので実際的には必要ないのですが、例えばフロント側で用意するのが面倒くさいSitemap.xml等は

WordPress アドレス (URL)をapi.example.com
サイトアドレス (URL)をexample.com
WordPressの「パーマリンク設定」をフロント側と揃える

にして、URLの辻褄を合わせればGoogle XML Sitemapsでさくっと実装できます。

WP REST API Menus

先述のWordPress.com Jetpack APIでもメニューは取れるのですが珍しいAPI対応プラグインだったので一応。

APIのデータを取得する

以上でWordPressのHeadless CMS化はほぼ完了、あとは「WP REST API v2 Documentation」を参考に思う様データを取得するだけです。
この辺りはある程度情報が豊富なため検索すればすぐに調べられますが、基本的な部分のみ念のため書いておきます。

WordPress REST API

タグ「75」の新着投稿を5件ずつ取得した場合の4ページ目を取得

http://api.example.com/wp-json/wp/v2/posts?tags=75&page=4&per_page=5

検索

http://api.example.com/wp-json/wp/v2/posts?search=テキスト

ID「284」の個別投稿を取得

http://api.example.com/wp-json/wp/v2/posts/284

ID「284」の個別投稿を「おまけ情報を添えて」取得

http://api.example.com/wp-json/wp/v2/posts/284?_embed

カテゴリー一覧

http://api.example.com/wp-json/wp/v2/categories

タグ一覧

http://api.example.com/wp-json/wp/v2/tags

WordPress.com Jetpack API

要Author認証。

投稿ID「278」の関連記事を取得

https://public-api.wordpress.com/rest/v1/sites/example.com/posts/278/related

アクセス数ランキングを取得

https://public-api.wordpress.com/rest/v1.1/sites/example.com/stats/top-posts

メニューID「4」のメニューを取得

https://public-api.wordpress.com/rest/v1.1/sites/example.com/menus/4

散々既出の情報が多く恐縮ですが以上です。

なお、肝心のフロント部分はhttps://github.com/moroi/react-wordpressでせっせと開発中です。
ぜひPR等でご助力くださいませ。

ではでは。

フリーランスやめるので本当のことを全部書く

2017-12-15T09:00:00Z

この記事はフリーランス Advent Calendar 2017、15日目の記事です。

なので、この記事の前後にはきっといかにもフリーランス然とした華々しい記事が繰り広げられるでしょう。
そんな中、颯爽とフリーランスをやめ（多分）会社員になるわたし（@moro_is）です。

なぜフリーランスをやめるのか

いくつか理由はあるのですが、

会社員への抵抗が薄れた
フリーランスとしての限界が見えてきた
世帯を持った

というのが大きいです。
以下、ひとつずつ掘り下げていきます。

会社員への抵抗が薄れた

僕がフリーランスデビューを果たした2012年、IT業界は今ほど好景気かつスタイリッシュな業界ではなく、割りと当たり前に「終電まだなのにもう帰るの！？」的な業界だったように思います（もちろん会社によるけど）。
入社当日に寝袋が支給されたり、お給料の不払いだったり、出社したら張り紙一枚で会社が潰れていたり、今ではITerにはやや敬遠されがちな体育会系のノリも珍しくありませんでした。

そういったアレコレに心底嫌気がさしてなし崩し的にフリーランスになりましたが、今は随分と時代が変わりました。
ブラック企業には白い目が向けられ、Webの価値は当然のように知れ渡り、なおかつ売り手市場の良い時代です。

最近のフリーランスのメリットとしてよく挙がるのが、

対人ストレスがない
通勤のストレスがない
終身雇用のない現代の就職はリスク

などですが、少なくとも僕にとってはほとんど幻想か、些細な問題に思えます。

まず、フリーランスといえども対人関係は切り離せません。
むしろ僕が知っている成功を収めたフリーランスの人の多くは、愛され上手で誰からも必要とされる人柄の持ち主ばかりです。

対人ストレス0のまま成功するフローとして思いつくのは、

個人でサービスを作ってヒットする
運営もそこそこに事業売却
1-2の繰り返し

のような流れですが、どう考えても誰にでもできることではなく、少なからず運の要素にも頼ります。
近い形で成功を収めているかの一生分稼いだ男ですらユーザーひとりひとりと密にコミュニケーションを取りながら必死にサービスを運営しつつ、それどころか企業の相談に乗ったりメンター活動なんかもやったりしているようです。
ただでさえすごいのに貪欲すぎてほんと無理。

通勤のストレスについても、最近はフレックス制度やリモートワークもあります。
そうでなくても確定申告の手間や税金のストレスに比べたら汚いおっさんにもみくちゃにされる程度大した問題ではありません。
今となっては私が汚いおっさんですが。

そもそも僕の場合は大して何も考えずフリーランスになりました。
特別な思い入れもなく「ただ税務署に紙切れ一枚提出しただけ」程度の意識です。
もし会社員になってみてダメだったら、また紙切れを提出したらいいだけです。

フリーランスとしての限界が見えてきた

いつだったか「誰も教えてくれなかった「フリーランスは厳しい」ではなく「甘い」という真実。」という記事がバズっていました。
大枠としてフリーランスは、

冒険して失注したらシャレにならないので手持ちのスキルをやりくりして受注せざるを得ない
生活があるので1の繰り返し
新しいスキルが身につかない

になるよね（意訳）、みたいな記事なのですが個人的にこれがまた痛いくらいその通りで、フリーランスを続けるなか常に「自分のスキルは一般的に見て低いのではないか？」と恐れていました。

デザイナーにしてはアーティスティックでなく、エンジニアにしてはフレームワーク依存で、マーケターとしては方便が苦手で、プランナーとしては熱量に欠け、ディレクターとしても求心力が及ばないいかにも中途半端なフリーランスでした。
どこの芝生を見ても目を焼かんばかりのコバルトブルーです。

「じゃあ週3労働くらいに抑えて残りはスキルアップに努めれば？」と思うところですが、僕の場合ちょっとくらい多めに稼いでも多少夕食が豪華になる程度でそれほどの余裕は得られませんでした。

普通に頑張った〜でも会社員の何倍も稼がないとっていうしな〜
割りと頑張った〜でもまだ余裕ある気がするし社会的信用ない分もっと頑張らないと〜
相当頑張った〜でも税金もあるからもっと〜
死ぬほど頑張った〜でも来年の税金で死ぬから〜
でも〜

といった具合です。
金額の話を出すと生々しいですが、一般的に華々しいはずの年収1000万円を達成したって消費税に戦々恐々とするばかりでした。

割りと落ち着いてきた最近になっては器用貧乏なりの強みのようなものも何となく打ち出せなくもないのかな〜、と思えなくもなくなってきましたが、とはいえ負けず嫌いなので個人的にはまだまだ上を目指したいお年頃です。

さらにいえば、スキルアップは常に各ジャンルのプロフェッショナルがいる企業に所属したほうが断然効率がいいです。
Webに関するほとんどの知識を独学でやりくりしてきた僕が言うんだから間違いありません。

しかも会社にお金もらって勉強できる会社員めっちゃ羨ましい。

ちょっと毛色は違いますが、いつだか話題になっていた「何者にもなれなかった」という記事もあります。

めっちゃわかるわ〜胸が痛いわ〜、と思いました。
確かにフリーランスは気楽な面もありましたが、凡才が気楽でいていいわけないわ〜気楽を捨てても何者かになりたいわ〜、と願うばかりです。
（でもこのブログの人、結構普通にすごいよね？見せ方が悪いと思う。謙遜上手め。）

世帯を持ったため

さいごに途端に現実的な話で恐縮ですが、昨今騒がれている待機児童問題。
「フリーランスだと保育園の審査とかしんどいだろうな〜」という俗なお話です。

家族大事。

フリーランスになってよかったこと

も、もちろんあります。
僕の場合はちょっとフリーランスとしての成り立ちが変で、何の伝手もなくフリーランスになり、5年間ひたすら新規のクライアントと短期的な取引ばかりしていました。

世のフリーランサーに話を聞くとどちらかといえば「前職（知人）からの紹介」だったり「継続案件」だったりからスタートする人が多いようです。
普通に考えたらそっちの方が絶対安定するし、堅実です。

これは単純に社会人としてちゃんと人間関係を築けなかった自分の至らなさが問題なのですが、それでもフリーランスとしてなんとかやっていくことができました。
（ご迷惑をお掛けした各位、すみませんでした！）

結果論ではありますが、これならいつかまた突然何の準備もなく無職になっても、破れかぶれながらもやっていけるかな、という安寧を得ました。

逆にフリーランスが向いてると思う人

否定的なことばかり並べ立てるのもアレなので、主観ではありますが「フリーランス向きの人」をイメージしてみました。

「人を使う」立場になりたい場合

自身が手を動かすことに固執せず「人を使う」立場になりたい場合、フリーランスは打ってつけではないかと思います。

もちろんいきなり人を使う立場にはなれないのでしっかりとスキルを身に着けて単独で生計が立てられるのはもちろん、さまざま人とコミュニケーションを取って連携を図っていくことは必須です。
つまり、一度その分野のスペシャリストと呼べるほどのスキルを身につけ、そしてそのスキルを封印してディレクションに徹することになります。

やや誇張気味ではありますが、僕にはそれがとてももったいないことに思えていまひとつ気乗りしませんでした。
もちろん人を使いながらも技術者でいる選択肢もありますが、僕の場合はコミュニケーションが面倒臭くてフリーランスになった面もあったため本末転倒でした。恥ずかしながら。

ただ「自分でがんがん作るぞ！」となると労働集約型を避けられず、遠からず頭打ちを迎えるためオススメできません。

めちゃくちゃ優秀かセルフブランディングが得意な場合

セルフブランディングが得意で積極的に名を売っていけるか、そもそも何もしなくても優秀さが隠しきれないレベルの場合、もしかしたらフリーランス向きかも知れません。

僕の場合、能力はさておきそもそも目立つことが苦手でした。
謙虚であれ、謙遜こそ美徳、と常々思います。

しかしこの競争社会、他人に労力を裂いて「事実か謙遜か」なんていちいち検討していられないので、大抵の場合残念な結果を招きます。
世の中が求めているのはわかりやすくすごい人で、本当にすごいかどうかは二の次。
もしあとから口ほどにもなかったことが発覚しても、その責任は本人が負うだけなので気軽に騙されることができます。

さらに「俺はすごいぞ！」というセルフブランディングは期待という重圧になり、結果的になんやかんや本当にすごい人が出来上がるケースも少なくありません。
もちろん出来上がらないケースのほうが多いのは言うまでもありませんが、そういったある種の向こう見ずさが（なくてよかったなとも思う反面）あればよかったのかなと思います。

昨今のフリーランスブームとサラリーマンとの対立

昨今新しい働き方としてフリーランスが注目される一方、サラリーマンとフリーランサーの間にはある種の対立があるように思います。

確かにフリーランスはたくさんのメリットやデメリットを内包しつつ、社会人のあり方として新しい選択肢となりました。
だからこそせっかくの新しい選択肢をもっとフラットに利用しない手はありません。

ライフステージが変われば優先事項は変わり、寝て起きれば気分も変わります。
フリーランスとしての経験が企業にとって有益をもたらすケースもあり、サラリーマンとしての社会人経験がフリーランスとして活かせることももちろんあります。

優劣を競うのではなく、あくまで個人に付与された一属性として、いつでも都合の良い方に着替えられるようにしておくのが賢い選択ではないでしょうか。

（というのはもちろん大前提で大抵の人はそうしていると思うのですが、ポジトークで変に扇動する人もいるため一応……。）

正直「これからは個の時代！だからフリーランス！」みたいに言われながら、個どころかただの働き方でどんだけ大騒ぎだよ、と感じることがとても多いです。
僕個人を形成するいくつかの要素の中の、働き方なんてものはそれこそ数パーセントでしかありません。
やりたいことが腐る程ある、生きていければ他はどうだっていい、の成れの果てが僕という陳腐なフリーランスのはじまりでした。

余談ですが「リパレード」という屋号は「とっとと成功して小学生の頃みたいに些細なアレコレがパレードみたいに思えた日々に戻りたい」的な願望のこもったものでした。恥ずかしいから初めていうけど。

そういう意味では大成功とはいきませんでしたが志的には何も変わっていないため、これからもたぶん挑戦の日々です。

終わりに

というわけで、颯爽とフリーランスをやめます。
5年間以上にも及ぶ個人事業、大変楽しゅうございました。

結論としては、フリーランスとかサラリーマンとかどっちでもいい、
どっちにもすごい人すごくない人がいて、ただその日その時の有り様のひとつでは、と思います。

ちなみに僕も、何も一生フリーランスに戻らないなんて決意は全然なく、来年戻るかもしれないし来週戻るかも知れません。

さらに別件ですが、「リパレード」の屋号も消滅させまして、新たに「Doocts（洞窟）」の屋号を取得する心算です（飽きたので）。

日本語を英語っぽく表記する文化格好良いよね！
「パレード」から「洞窟」って闇落ち感が半端ないけど。

このサイトは「企業っぽく」がコンセプトだったけど次」はもっとアーティストっぽい感じを目指すぞ！

あと流行っているそうなのでタイムチケットを作ってみました。
あんまり使い方わかってないけどなんなりとご相談くださいませ。

大したことは言えませんが、少なくとも親身にお答えする所存です。

末筆ながら、フリーランスの失業保険制度制定に先駆けてしまうことだけが心残りです。

ではでは、お後がよろしいようで。

お手軽React体験ならCreate React apps + Netlifyがめちゃくちゃ便利

2017-12-13T09:00:00Z

Netlifyについて、何となくS3的な静的ファイルをホスティングするサービスだと思って（さらに定期的に「Browserify」と混同して）いて、この度ようやく重い腰を上げて使ってみたのですがどう考えてもすごい。しかも無料。

この記事はReact #2 Advent Calendar 2017、13日目の記事です。

Create React appsの導入

まずはCreate React appsを導入します。

上記のREADMEにある通り、

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

だけでReactに必要な一式が簡単にセットアップされます。
今回は上記まで完了したところでGitHubにpushした体です。

Netlifyの設定

Netlifyのアカウント作成からやっていきます。

Netlify: All-in-one platform for automating modern web projects.

今回はファイルの取得もGitHubから行うためGitHubのアカウントで登録しました。

登録ができたら右上の「New site from Git」をクリックして、

GitHub
GitLab
Bitbucket
ファイルのドラッグアンドドロップ

からファイル取得に利用するサービスを選択します。

続いてリポジトリを選択して、

ブランチとbuildする際のコマンド、buildされたファイルが出力されるディレクトリを入力します。
Create React appsの場合は画像のように、

Build command
- npm run build
Publish directory
- build

です。

これで設定は完了のため、下部の「Deploy site」からデプロイします。

デプロイの間に、Settings > General > Site details からサイト名を変更したり、Settings > Domain managementから独自ドメインを設定したりSSL（Let’s Encrypt）が使えたり、DNSまで使えます。

デプロイが完了すると*****.netlify.comのようなURLが表示されるため、そちらをクリックしてお馴染みの「Welcome to React」画面が表示されたら完了です。

まだあまりしっかり触れていませんが、SSR等もできるそうなのでそのあたりまで進んだらまた追記します。

ではでは。

雰囲気でやるモダンなReact with WordPress REST API（環境構築）

2017-12-08T09:00:00Z

Angular、React、Vue.js（あとRiot.js）と揃い踏み、苛烈を極めるフロントエンド界隈、皆様いかがお過ごしでしょうか。

私はちょうど1年ほど前に新調した名刺に「フロントエンドエンジニア」と書いてはみたもののすっかり苦しくなってきた昨今です。

残り60枚程度頑張りますモロ（@moro_is）です。
厳冬の候、この記事はReact #1 Advent Calendar 2017、8日目の記事です。

この記事では、

イマドキだからReactやってみたい
でも全然下地的な知識はない
ToDoアプリはもうわかったからもうちょい実用的なことしたい

私がざっくばらんに進捗をご報告いたします。
ご指導ご鞭撻のほどよろしくお願いいたします。

https://github.com/moroi/react-wordpress

やりたいこと

React + Redux + WordPress REST API + etcを使って、WordPressでありがちなブログ（メディア）を作る
- 記事一覧
- カテゴリー一覧
- タグ一覧
- 検索結果一覧
- ランキング一覧
- メニュー
- 他
イマドキっぽいもの（CSS in JSとかSSRとか）には積極的に飛びつく
頑張って実用レベルまで持っていく

まずは環境構築

まずはスタンダードなNginx + Node.js構成のサーバーを用意します。

React側のあれこれ

$ cat /etc/redhat-release
CentOS Linux release 7.4.1708 (Core)

Node.jsをインストールするのに必要なパッケージをインストールする。

$ sudo yum install -y gcc-c++ make

Node.js 6.xのYum Repositoryを追加する。

$ curl -sL https://rpm.nodesource.com/setup_6.x | sudo bash -

Node.jsをインストール。

$ sudo yum install -y nodejs

バージョンを確認。

$ node -v
v6.12.1

$ npm -v
3.10.10

Create React Appをインストール。

$ npm install -g create-react-app

Create React Appでアプリを作る。

$ mkdir /home/react
$ cd /home/react
$ create-react-app example.com
$ cd example.com

Create React Appを動かす。

$ npm start

Compiled successfully!

You can now view example.com in the browser.

  http://localhost:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.

よさそう。一旦Ctrl+Cで停止。

Webサーバー側のあれこれ

ファイアウォールの状態を確認。

$ firewall-cmd --list-all

Reactが使う3000ポートを開放。

$ firewall-cmd --add-port=3000/tcp --zone=public
$ firewall-cmd --add-service=http --zone=public

と、永続化。

$ firewall-cmd --add-port=3000/tcp --permanent --zone=public
$ firewall-cmd --add-service=http --zone=public --permanent

ファイアウォールを再起動して設定を反映。

$ firewall-cmd --reload

Nginxを入れる。

$ vi /etc/yum.repos.d/nginx.repo

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1

$ sudo yum -y --enablerepo=nginx install nginx

Nginxのバージョンを確認。

$ nginx -v
nginx version: nginx/1.12.2

Nginxの設定。

$ mv /etc/nginx/conf.d/default.conf /etc/nginx/conf.d/example.com.conf
$ vi /etc/nginx/conf.d/example.com.conf

upstream nodejs {
    ip_hash;
    server localhost:3000;
}

server {
    listen       80;
    server_name  xxx.xx.xxx.xx;

    proxy_redirect off;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    location / {
        proxy_pass http://nodejs;
    }
}

Nginxを自動で起動するようにしつつ、再起動で設定を反映。

$ systemctl enable nginx
$ systemctl restart nginx

再びCreate React Appを動かす。

$ npm start

導入終わり！

再React側のあれこれ

「モダンな」って言ってしまったのでここからごにょごにょしていかなければなりません。ので、Reactにいろいろ入れます。

yarnのほうがきっとモダンですが、npmのほうが情報が多そうなのでとりあえずnpmでやる。

$ npm install --save redux react-redux
$ npm install --save react-router react-router-redux react-router-dom
$ npm install --save redux-thunk redux-promise
$ npm install --save styled-components polished
$ npm install --save axios
$ npm install --save react-helmet

$ npm install --save redux react-redux react-router react-router-redux react-router-dom redux-thunk redux-promise styled-components polished axios react-helmet

$ vi package.json 

{
  "name": "example.com",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "polished": "^1.9.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-helmet": "^5.2.0",
    "react-redux": "^5.0.6",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.2.2",
    "react-router-redux": "^4.0.8",
    "react-scripts": "1.0.17",
    "redux": "^3.7.2",
    "redux-promise": "^0.5.3",
    "redux-thunk": "^2.2.0",
    "styled-components": "^2.2.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

はい、あれこれ入れました。

https://github.com/moroi/react-wordpress

長くなりそうなので続きは次の記事で……！

参考

Github

Qiita

チュートリアル

その他

React.jsのエラー・バグ・問題の解決方法 teratail

フリーランスが文美国保に入るならJAGDAより断然JNCAがおすすめ！

2017-12-05T09:00:00Z

フリーランスに何かとおすすめされる「文芸美術国民健康保険」通称文美国保。
それもそのはず多くの場合、市区町村の国民健康保険より割安です（独身じゃないとそうでもないかも）。

ただ、フリーランスにIT業をしている人が文美国保に加入するには、

文美国保加盟団体に所属する
文美国保に加入する

という2ステップが必要です。

そして、これまでIT業のフリーランサーに推されていたのが「JAGDA（公益社団法人日本グラフィックデザイナー協会）」。
しかし、JAGDAには「紹介制」というあまりに高いハードルがあります。
中には「JAGDA会員に直接メールで連絡して紹介してもらう」という荒業をやってのける人もいるようですが、とてもじゃないけどそんな積極性はありません。

そこでこれからおすすめしたいのが比較的新しい「Web」に特化した団体、「JNCA（日本ネットクリエイター協会）」です。

日本ネットクリエイター協会とはインターネットを中心に活動をしている同人クリエイターの方々の方々の更なる活動の促進や、権利面、生活面での様々な支援を行うことを目的として、2013年12月11日に一般社団法人日本ネットクリエイター協会（JNCA）を設立いたしました。

良い。

JAGDA と JNCA の比較

JNCAはどちらかというとアーティスティックな活動者（？）のための団体のようではありますが、私の場合はWebサイト等の制作物を提出して問題なく審査に通りました。

-	JAGDA	JNCA
加入条件	2年以上のグラフィックデザイン実務経験推薦者の捺印	音楽、映像、文筆問わず、著作物の制作もしくは、音楽原盤、動画原盤の制作
加入費用	入会金 30,000円年会費 36,000円	入会金 10,000円年会費 24,000円

JNCA安い……！
ただし、JAGDAは特典もいろいろあるのでそういった点も重視したい方は一考されたほうが良いかも知れません。
JANCAはニコニコ超会議のステージでライトニングトーク？できる権利とかが送られてきましたが、正直文美国保に加入できるだけで大満足です。

以上、ざっくりとですがご紹介のみ。

ではでは。

ユーザーが予測可能なスワイプするレスポンシブTableスタイル

2017-12-01T09:00:00Z

この記事はCSS Advent Calendar 2017、1日目の記事として書いております。

こんにちは。モロ（@moro_is）です。
以前、「ユーザーにスクロールを予測させるCSSの書き方について」というエントリーを拝見しまして、「すげー！何かリッチな感じがする！」と大変感銘を受けたことがあります。

当該コードがこちら。

See the Pen Scrolling Hints by Responsive Table by Kasumi Morita (@mkasumi) on CodePen.

Scrolling Hints by Responsive Table

期待に違わぬ見事な出来なのですが、まだ改善の余地は残されているように思えます。
そう、一番外側のdivです。

このご時世、そうdivに目くじらを立てることもないとは思うのですが、逆にこのご時世だからこその問題があります。
そう、マークダウン記法です。

GithubでもQiitaでもTrelloでもesaでも、さらにこのブログでも今や見渡す限りがマークダウン記法です。
あの厄介なTableがほぼ|だけで書けてしまう、それがマークダウン記法です。

マークダウン記法では（通常）Tableの外側にdivを配置できません。
そこで、かのScrolling Hints by Responsive Tableに一手間改良を加えてみたのがこちら。

See the Pen Custom Scrolling Hints by Responsive Table by moro (@moro) on CodePen.

Custom Scrolling Hints by Responsive Table

変更点は、

外側のdivをなくして、tbodyにドロップシャドウを適応
tbody内部を包括する要素がないためtrの:first-childとlast-childを利用してtbodyのドロップシャドウを隠す
スクロールからtheadを分離

のみです。
ちなみにmedia queryのmax-widthがやたら広いのは取り急ぎPCからでもスマホの表示を見られるようにです。

図としてはざっくり下記のようになっています。

余計わかりにくいかも知れない。

余談ですがアドベントカレンダーつながりで、来る12月8日にも「React #1 Advent Calendar 2017」に参加させていただく予定で、そちらでは「CSS in JS（Styled-components）」に触れさせていただく予定でおります。

ではでは。

「Dev.to」で話題の爆速画像フォーマット「WebP」をWordPressサイトにお手軽導入する

2017-11-16T09:00:00Z

我らがGoogle先生が生み出した次世代の画像フォーマット「WebP（うぇっぴー！）」。
pngやjpgよりも少ない容量で、かつアルファチャンネルも扱えるいかしたフォーマットです。

ただし、「Can I use...」で見てみても対応したWebブラウザはほぼChromeとOperaのみ。
やや盛り上がりに欠けていたところに颯爽と現れたのが阿部寛氏のホームページにも負けずとも劣らぬ表示速度を見せつけた*IT特化Mediumの「Dev.to」*で、さらにそんなDev.toが取り入れた次世代のテクノロジーが「WebP」です。

以上あらすじ。

WordPressのWebサイトにWebPを導入する

もちろんwebpはただの画像フォーマットなので、Photoshopのプラグイン等からwebpで書き出してせっせと手動で対応したりは可能です。

ただし、それは面倒くさい。
適当な画像をアップロードしたら勝手に変換して欲しい。
なんならChromeかOpera以外のブラウザからの呼び出し時は自動でpngやjpgにして欲しい。

そんな思いを叶えるのが皆大好き「EWWW Image Optimizer」です。

「EWWW Image Optimizer」のインストールからおさらい

まずは、以前なにかの脆弱性とかでアンインストールした「EWWW Image Optimizer」を入れるところから始めます。

jpegtron, optipng, gifsicle がありません。

はいエラー。
下記のコマンドでせっせと該当ツールをインストールします。

sudo yum install libjpeg optipng gifsicle

webp がありません。

はいエラー。
こいつも改めて入れます。

sudo yum install libwebp-tools

以上で大丈夫そうです。

「EWWW Image Optimizer」の設定

一通りパッケージのインストールが終わって、プラグインが使えるようになったら次は「WebP」の設定です。

上記の画面通り、

JPG、PNG を WebP に

のチェックボックスをオンにして設定を保存すると、ページ下部にapache用の .htaccess の設定が出てきます。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png)$
RewriteCond %{REQUEST_FILENAME}\.webp -f
RewriteCond %{QUERY_STRING} !type=original
RewriteRule (.+)\.(jpe?g|png)$ %{REQUEST_FILENAME}.webp [T=image/webp,E=accept:1,L]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp

Nginxの場合は、EWWWのドキュメントに従って、

/etc/nginx/nginx.conf の http{} の中に、

map $http_accept $webp_suffix {
    default "";
    "~*webp" ".webp";
}

server{} の中に、

location ~* ^.+\.(png|jpe?g)$ {
    add_header Vary Accept;
    try_files $uri$webp_suffix $uri =404;
}

/etc/nginx/mime.types に、

image/webp	webp;

を追加の上、Nginxを再起動して設定を反映したらOK。
サーバーサイドの設定が無事完了すると、プラグイン設定ページ下部の表示が、

から

に切り替わります。

WebPの表示確認

上記で設定は完了です。
対応ブラウザ（Chrome）から実際の表示を確認すると、導入前が

Type: png Size: 279KB Time: 167ms

だったのが、

Type: webp Size: 230KB Time: 40ms

となって軽量化されているのがわかります。
現時点では細かいチューニングとかキャッシュの設定が全然なのであまり恩恵は得られていませんが、たしかに速くなりそうな雰囲気は得られました。

ではでは。

閲覧ユーザーのブラウザ経由で仮想通貨XMRをマイニングする「Coinhive」の導入

2017-09-22T09:00:00Z

当記事は諸事情により削除されました。

広告スペースのシェアリングエコノミーサービス「Adplace（アドプレイス）」がいい感じ

2017-09-05T09:00:00Z

昨今注目を集めに集め、多額の資金調達など何かと派手で景気の良さそうな「シェアリングエコノミー」。
そんなシェアリングエコノミーで「個人のWebサイトの広告スペース」を売買できるWebサービス「Adplace（アドプレイス）」が日本コンピュータ・ダイナミクス株式会社さまよりリリースされた模様です。

Adplace（アドプレイス）

使い方は簡単、メールアドレスで会員登録して、広告スペース毎にWebサイトの情報を登録していくだけ。
登録する項目は「Webサイト」と広告の「プラン」ごとに別れていて、

サイトを登録

サイトURL（必須）
サイトカテゴリー（必須）
サイト名（必須）
メディアタグ（必須）
想定ターゲット層（必須）
媒体資料URL
月間平均PV数
月間平均ユーザー数
サイト概要（必須）
サイトメインカラー (3つまで)
サイトカバー画像

プラン設定

プラン名
1日当たりのプラン料金
最低掲載期間
想定PV or 想定IMP
プランタイプ
掲載レポートの報告

のようになっています。
項目が多くてやや面倒にも思えますが、必須のところを除けば割りと楽でした。

むしろ広告主として利用したい

「マーケット」を見てみると、かのナタリーや様々なジャンルのWebサイトが広告主を募集していて、中には400円/日のものも。
うまく使えばめちゃくちゃコスパ高いような気がします。

でもWebデザイナーとして物申したい

SPAっぽいサイトオシャレだし遷移もスムーズでいい感じなのですが、各Webサイトの紹介ページのURLが無効になっていて、個別にシェアしたりできないのが地味に不便です。

あとフッターの「Nippon Computer Dynamics Co., Ltd.」のリンクがサブドメイン「www」なしのURLに飛ばされてリンク切れ……。
一見不審ですが、日本コンピュータ・ダイナミクス株式会社さまは実在しております。電話もしたので多分大丈夫。

私のWebサイトもひっそりと登録してみたので売れるといい……とてもいい……。

ではでは。

しこたま野菜が摂れるオシャレダイニングキッチン「八十八夜」

2017-09-04T09:00:00Z

吉祥寺駅南側といえば井の頭公園を始めとするインスタ映え必死のおしゃれスポット。
負けず劣らずオシャレ極まる野菜特化のダイニングキッチン「八十八夜」も南側、駅から徒歩数分の立地に位置します。

コンクリート打ちっぱなしでスタイリッシュかつムーディな外観と、

インスタ映えを避けられない店内。

ライトがこれでもかと低い！

怒涛の野菜

ここに来るのは実は二回目で、一度目はコースで入ったのですがもう野菜の猛攻がすごい。
一品一品運ばれてきて、そのほぼ全てが野菜。
もうお腹いっぱい、これ以上食べられない、というところではじめて肉が運ばれてくる徹底っぷりです。

今回はコースではなく単品で頼んだのですが、野菜は良い……いくら食べても野菜だからセーフ、的な謎の安心感があります。

旬野菜のタジン鍋蒸し

雰囲気的に看板メニュー感のある野菜。
別料金でチーズを頼んでフォンデュで食べられるのですがこれが絶品です。

レタスの冷製煮浸し

野菜。

八十八夜の八品目ご飯

米！

器がすこぶる可愛いのは吉祥寺駅南側だから当然として味もめちゃくちゃおいしい。

季節野菜たっぷりのお味噌汁

これだけで1日の半分くらい野菜の取れそうな味噌汁。

大山鶏のから揚げ

そして肉。染みる……。

インスタあまり使いこなせていないのでアレなのですが、次回行ったら真上から撮ったオシャレなやつやりたい……。

ではでは。

八十八夜（はちじゅうはちや）
東京都武蔵野市御殿山1-2-1
御殿山デュープレックスR'S 2F
0422-24-9490
http://88ya.jp/

再始動する隠れた名店「おばちゃんのお勝手」

2017-08-31T09:00:00Z

前を通った時灯りがついているのを見かけて何となしに入ったのですが、これがまた絵に描いたような隠れた名店でした。
ついに隠れた名店を発掘する人デビューを果たしました！

そんなに隠れてない外観と、

隠れ家感あふれる店内。

以下、隠れた名店ポイントをご紹介します。

ちょくちょくおまけしてくれる

初めての来店にもかかわらず、サービス精神が旺盛すぎて腹12分目くらいまでいきました。
下手したら注文した数と同じくらいサービスしていただくので、通常の感覚で注文するとリミットブレイク必死です。

Webサイトがない

このご時世にWebサイトは愚か食べログページも、ぐるなびページさえもありません。
というか、話を聞いているとノリで店名を変えたりしているらしく、ユーザビリティが大変です。
（ついこの間まで「究」という名前でやっていて、何かの雑誌だかテレビだかに取材されたりもしたそう。）

店主が不器用

厨房から定期的に「あ痛てッ」「熱ッ」とか「あちゃ～」とか聞こえてきます。
調理を運んでくるときも途中にあるコードか何かに絡まったのかなかなかこちらまでたどり着かないなどしていました。

かわいい。

料理がおいしい

当然といえば当然の条件ですが、とにかく料理がおいしいです。さらに独創的です。
一品一品解説的なコメントまでしてくれて、ゆっくりと堪能できました。

以下はひたすら写真。

冷緑茶

「うちのは甘味料が入ってないからね。甘くないでしょ？」と出されたお茶。
普通のお茶って甘味料なんて入ってるっけ……？

甘くておいしかったです！

ショーガチャーハン

生姜好きにはたまらない生姜のチャーハン。
かなりの量をすりおろしていれているらしいのですが、引き換えによく言う「パラパラ」なチャーハンではなくなってしまっていることを3度ほど説明してもらいました。

確かにしっとりしているけど生姜の風味がとにかく強く、それでいて生姜特有のエグ味（？）が強すぎなくてバランスが絶妙。

竹の子カレー

筍の入ったキーマっぽいカレー。

しきりにおかわりを勧められるも満腹により辞退。

カツオニンニクタタキ

この「カツオニンニクタタキ」にするか「焼きカツオ漬け」にするか悩んだ末タタキを注文したところ、そっとタタキの横に「焼きカツオ漬け」が添えられていました。

ニクい。

カマンベールチーズフライ

チーズが大好きなのでほぼ脊髄反射で注文したところ、ケーキ屋をしている近所の人に貰ったからとケーキが添えられ、たまたま良いのが入ったからとスイカが添えられ、添え物のほうがメインのような有様でした。
いちいち全部おいしくてニクい。

とにかく良いお店

とにかく料理がおいしく、雰囲気もよいのでぜひ潰れることなく続いて欲しい……。
何よりお酒を頼まなくても全く嫌な顔をされないどころか、すごく嬉しそうに料理を振る舞われるのでとても居心地が良かったです。

「近々お弁当なんかも始めたいんだよなぁ」みたいなことを仰ってたので今後も応援しております。

ではでは。

おばちゃんのお勝手（おばちゃんのおかって）
東京都武蔵野市吉祥寺北町1丁目10

古き良き中華そば「中野青葉吉祥寺店」

2017-08-28T09:00:00Z

コピス前（横？）の回転寿司屋がいつの間にか潰れてると思ってたらラーメン屋になってました。
というのも更新をさぼっていて早数ヶ月前のお話ですがやることは変わりません。

行かなきゃ（使命感）。

入り口脇の食券機で食券を買ってからの入店。オープンから間もなく、今日もなかなか盛況のようで連日いつみても列ができている様子です。（現在は少し落ち着いていますが相変わらず好評のご様子。何故か女性客が多いような気がします。）

素朴だけどパンチのある味

ラーメンのおいしさってある程度見た目から汲み取れてしまうというか、愚直なまでに食欲を刺激するその造形を前に、もはや言葉はジャマでしかないと思うんですよね。

はい。

つけ麺、はい。

おいしい。

ついこの間この近くの富士そばも潰れちゃって、謎のオシャレPCショップになりましたが、このあたりのお店ってやたらと入れ替わりが激しいんですよね。ぜひ今後も生き残って欲しい。そう思わせる味でした。

ではでは。

中華そば中野青葉吉祥寺店（ちゅうかそばなかのあおばきちじょうじてん）
東京都武蔵野市吉祥寺本町1-8-21
0422-22-3337
http://www.nakano-aoba.jp/

初めてスーツを買うにあたっての調査備忘録

2017-07-31T09:00:00Z

ここでは、これからイケてるビジネスマンを目指すにあたって調べたスーツにまつわるアレコレを備忘します。

ざっくりスーツの分類

礼服とは

まず前提として**礼服は「儀式用の正装」**のようなもので、ここに「タキシード」や「スーツ」がそれぞれ分類されています。

	昼用	夜用	日本（？）
正礼装	モーニングコート	タキシード	ブラックスーツ
準礼装	ディレクターズスーツ	ファンシータキシード・スーツ	ブラックスーツ
略礼装	ダークスーツ（ブラックスーツ）		ダークスーツ
平服	「正礼装」以外

上記、かなり簡略化した分類です。
明治時代だかにこの文化を受け取った日本は「もうちょっとシンプルにならないものか」とダークスーツの上位版としてジャケットの色は黒のみでTPOはネクタイの色で区別する「ブラックスーツ」という画期的な案を打ち出しました（諸説あり）。

以上、かなりざっくりとした前提。

慶事の礼服

「結婚式」など。
ブラックスーツスタイルでは*「ブラックフォーマル」等と呼ばれる黒いスーツ*と、白、シルバーをはじめとする明るい色のネクタイで正装します。
なお、本来の文化には「ネクタイの色で～」のシステムはないため、「黒い礼服に白いネクタイ」という日本スタイルは海外の方からはマフィアにしか見えないそうです。

その他注意点は下記。

黒など暗い色のシャツはおめでたい席にふさわしくないため避ける（フォーマルなのは無地の白）
白など明るい色のジャケットは悪目立ちするため避ける
黒いネクタイは弔事を想起させるため避ける
とはいえホスト（主催側）かゲスト（来賓側）かで許されるきらびやかさが変わる

弔事の礼服

「葬儀」など。
こちらにも「正喪服」「準喪服」「略喪服」と3種類の格式、さらには和・洋装とありますが、ブラックスーツスタイルでは

シャツは無地の白、ネクタイは無地の黒、ソックスは無地、ミドルの黒
時計・ベルトは革製の黒、金具が目立ちすぎないもの
殺生を想起させる「動物柄の革物」は避ける
カフス・ネクタイピンはしない

辺りが基本のようです。
また「喪服」と呼ばれる黒いスーツについて長らくそういう「通常のスーツとは異なる専用のスーツ」があると思っていたのですが、慶事の際の「ブラックフォーマル」と呼ばれる黒いスーツと同じもので、どちらかというと

ブラックフォーマルのスーツ
白いシャツ
黒いネクタイ

すべてが揃って「喪服」というスタイル名のようです。
ただ、調べていると

喪服の黒は通常のものより深く、その他のスーツとは明らかに違う
そもそも布の織り方から違う

という情報もあり、正直あまり理解できていません。
現時点での予測としては、

「喪服」と「ブラックフォーマル」ではなく、「喪服」と「ただの黒いビジネススーツ」を比較しているのではないか
ビジネススーツ等と比べると10～20年と同じものを着続ける想定が主流のため、古い製法のものと比較しているのではないか

などではないかと思っています。
特に 1 について、もともと「ブラックフォーマルのスーツ」を「ブラックスーツ」と呼ぶ文化があるらしいのですが、これを高級感を演出する目的で「黒いビジネススーツ」にも故意に誤用するケースが多々見られました（紳士服専門店のブログ等でも！）。
また、ビジネススーツと違い、「同じ着こなしの人が集い比較対象に事欠かないせいで個々の色味が浮き彫りになる」というのもあるかも知れません。
このあたりに詳しい方おられましたらぜひ教えてください。

予算とグレードのスーツ選び

調べているとどうにも、

20代 28,000～35,000円
30代 38,000～45,000円
40代 45,000～65,000円

のような景気の良い情報が多いものの、調査方法等が明記されておらず真偽を計りかねていたところ、株式会社インテージさんが2010年に行った「ビジネスパーソン意識調査『サラリーマンの仕事着事情』」の情報が公開されていました。

20～40代までスーツ一着に掛ける予算は20,000～29,999円
50代でやっと30,000～39,999円
ワイシャツの値段は1,000円～2,999円が最多で、年齢を重ねる毎にむしろ予算が減っていく

多少古い情報ではありますが、何となくこちらが腑に落ちる気がします。
信じたい方を信じましょう。

主要スーツブランド

スーツのブランドはざっくりと「おしゃれブランド系」「ツープライス系」に分類することができます。
前者はマルイとかに出店していてカタログのモデルがスタイリッシュな外国人とかのやつ、後者は「洋服の青山」「紳士服のフタタ」とかです。

ちなみに「ツープライス」という命名は「2つの価格帯の中からスーツが選べる販売店」という意味だそうです。

やや話がそれました。
主要なものはだいたい網羅したつもりですが、もし下記にない場合は「ロゴデザインがどうしようもなく好みでなかった」、もしくは「親から社長の座を譲り受けた息子が酔っ払って通行人を襲って逮捕されたエピソードに萎えた」等により除外されたものとお考えください。

ツープライス系

THE SUIT COMPANY（ザ・スーツカンパニー）

ツープライス系の王様「洋服の青山」を展開する青山商事株式会社の新しいブランド。
徐々に小さくなるWeightは斬新で、個人的には一番好きなロゴです。

http://www.uktsc.com

SUIT SELECT（スーツセレクト）

同じくツープレイス系で名を馳せる「コナカ」の新しいブランド。
ユニクロ、GUのロゴデザインなどを手がける佐藤可士和氏のプロデュース。

http://www.suit-select.com/

ORIHICA（オリヒカ）

同じくツープレイス系。
象形文字のようなロゴがかわいい。

https://onlineshop.orihica.com/

SEIYU（西友）

ツープライス系とは一線を画す、かの「西友」の格安スーツ。

http://www.seiyu.co.jp/campaign/suit/

UNIQLO（ユニクロ）

かのユニクロも好評のご様子。
しかもセミオーダー。

http://www.uniqlo.com/jp/store/feature/uq/semiordermadejacket/men/

おしゃれブランド系

Paul Smith

有名なやつ。

http://www.paulsmith.co.jp/shop

UNITED ARROWS

日本発のセレクトショップ。
「東のUNITED ARROWS、西のURBEN RESEARCH」のような印象。
「green label relaxing」などの下位ブランド（？）も。

http://www.united-arrows.co.jp

URBAN RESEARCH

日本発のセレクトショップ。

https://www.urban-research.jp/

NANO・UNIVERSE

日本発のセレクトショップ。
アルファベットと中黒のコラボレーションがにくい。

https://store.nanouniverse.jp

BROOKS BROTHERS

羊がリボンでぶらさがったロゴがめちゃくちゃかわいい。
15世紀欧州でもっともイケてる「ゴールデンフリース騎士団」に端を発する伝統的な毛織物業界のシンボルだそう。

http://www.brooksbrothers.co.jp/

SHIPS

https://www.shipsltd.co.jp

EDIFICE

http://edifice.baycrews.co.jp/

オーダーメイド系

LaFabric

ロゴが変わったり名前から複数形の「s」が消えたりしているものの、Makuakeのクラウドファンディングで誕生したブランドのよう。

https://lafabric.jp/

ちなみに私は大した理由もなく「佐藤可士和氏好きやしSUIT SELECT見とくか～」からのよりラインナップの豊富な「THE SUIT COMPANY」に流れ、オンラインショップを見ているうちに「UNIVERSAL LANGUAGE（THE SUIT COMPANYの上位ブランド？）」のセールに釣られる形となりました。
「THE SUIT COMPANY」「UNIVERSAL LANGUAGE」どちらも店舗に行ってサイズ見てもらったりしたのですがとても親切でした。

スーツ選びの見どころメモ

生地のあれこれ

Ermenegildo Zegna（エルメネジルド・ゼニア）

1910年、イタリア北西部トリヴェーロ創業。
日本を含む80カ国以上に出店しており高い評価を得ている。
「ジョルジオ・アルマーニ」「エルメス」「ラルフ・ローレン」等名だたるブランドに生地を卸していることでも有名。
「高級紳士服の30%はゼニアの生地でできている」と言われる。

Loro Piana（ロロ・ピアーナ）

1924年、イタリア北西部クアローナ創業。
ゼニアに次ぐ人気ブランドとして知られる。
「キートン」「ブリオーニ」等名だたるブランドに生地を卸していることでも有名。
「ゼニアと比較してしなやかで繊細、女性的」というような評価が目立つ気がする。

CANONICO（カノニコ）

1936年、イタリア北西部ビエラ創業。
「ゼニア」「ロロピアーナ」に並んで「世界三大毛織物工場」と呼ばれており、そのコストパフォーマンスの高さで地元イタリアでは一番人気だそう。
個人的にはロゴのフォント、及び語感が一番好き。

REDA（レダ）

1865年、イタリア北西部ビエラ創業。
上記「世界三大毛織物工場」のいずれよりも老舗。
カノニコに同じくコスパ評価高め。

上下の「シングル」「ダブル」

スーツのジャケットの「シングル」と「ダブル」は

前のボタンが一列か二列か

と早い段階で区別できるようになり、同時に

シングルが圧倒的に無難なこと
ダブルは着こなせると渋い反面ある程度の貫禄が求められ、ぽっこりお腹を隠せるメリットも

あたりも理解したのですが、ズボンにもシングルとダブルがあるそう。
スーツ屋で訪ねてみると、

通常の裾のものはシングル
「長い裾をまくるように折り返したもの」がダブル

スーツでそんなのあるのか……、と驚いたものの「ダブルは軽く遊んだスタイルだからフォーマルでは絶対ないし、ビジネスでも相当イマドキの業種だけ」だそう。

粋な「本切羽」

通常スーツのジャケットの袖ボタンはただの「飾り」のところ、実際に開け閉めできるようになっているのが「本切羽」。
昔のスーツは本切羽が当たり前で、外科の先生はジャケットの袖をまくって手術していたとか。
粋な反面ジャケットで袖をまくる機会はそうそうなく、かつサイズ（袖の長さ）の調整がしにくいデメリットも。

靴のこと

スーツに欠かせない革靴のことも少しだけ調べました。

フォーマルな靴

アッパーデザインが「内羽根」、トゥデザインが「ストレートチップ」の黒い革靴がもっともフォーマルと言われているそう。
何が何やらと思ったけどamazonだと検索の際の絞り込みでどちらも指定できるためわかりやすい。

男の足元を彩るビジネスシューズブランド33選

ちなみに私は歩くとすぐ疲れるので、さながらスニーカーと誉れ高いacicsのビジネスシューズブランド「texcy luxe（テクシーリュクス）」を買いました。

型崩れから守る保管方法

明らかに保管している期間のほうが長くなるので調べてみたところ、案の定いろいろとありました。

「なんとなく」で買うと危険！！洋服選び以上に重要な、正しいハンガーの選び方＆オススメ専門店。

要点は、

厚みがある
木製（湿気を防ぐ）
幅が44cm程度
スラックス（ズボン）を掛けられると便利

らしく、私は主にデザイン性と普遍性（？）から「MAINETTI」というハンガーを買いました。

MAINETTI（マイネッティ）サルトリアーレスーツ用ハンガー 43cm

一見木製に見える発泡樹脂素材を使用しており、木よりも軽く、木よりも高い除湿性を発揮。
多くの高級ブランドでも次々採用されている老舗ハンガーだそう。

靴にも型崩れ

靴も革製品なのでシワになりやすいそうで、「シューキーパー（シューツリー）」と呼ばれるトルソーだかデッサン人形だかのようなもので長期保存に備えるそう。

シューキーパーどうせ買うならクリアすべき5条件

アポロンレッドシダーシューキーパー

こっちもなかなか奥深くよくわからない世界だったので無難さとコスパで選びました。

スーツの持ち運び

旅行時等のスーツの持ち運びに利用するのが「ガーメントバッグ」。

ROLLOR

クラウドファンディング発の「海苔巻き」をヒントに開発されたガーメントバッグ。
とても好みだけど、巻いてもでかい……。

http://www.rollor.jp/

タビタスワンツーフィニッシュハンガーケース

旅に心地よさを「プラス」する、的なコンセプトを掲げる「タビタス」のプロダクト。
シンプルで良さそう。

https://www.shop.jal.co.jp/disp/73440_1.html

おわりに

オーダーメイド系のスーツブランドとして上記でもご紹介した「LaFabric」の株式会社ライフスタイルデザインと、Web系の会社（？）株式会社SYGが一緒にやってるビジネスマン向けのメディア「Customlife」がスーツの情報満載で、とても勉強になりました。
下記でいくつか参考にしたものをご紹介します。

どんなワードで検索してもほぼ上記のサイトがでてくるので構成等参考にしたいなと思いました（職業病）。

ではでは。

遊べる本屋のハンバーガー屋「ヴィレッジヴァンガードダイナー吉祥寺」

2017-07-24T09:00:00Z

「ヴィレヴァンってあの雑貨屋と同じ名前なのか～」くらいに思ってたけど同系列なんですね。
何か最近のチェーン店じゃないハンバーガー屋さんって小洒落ていて、ちょっと自分には敷居が高いなと思っていたのですが、ここは何となく開けた雰囲気で気になっておりました。
（ヴィレヴァンだからチェーン店だったんだけど……。）

なんかちょっと入りやすそうですよね。
ちなみにこの日、店内のカウンター席で外国人の男性が小粋にお戯れになっていて一見日本離れしてました。

カリフォルニアの風……。

オーソドックスなチーズバーガー

ハンバーガーといえばこの間コピスにオープンした「Bubby’s」もご紹介しましたが、あそこのものほど無茶なボリュームにはなっておらず、比較的さくっといただける量とお値段。

お味もかなりおいしいです。

ちなみに公式サイトを見てみると全国に13店舗、うち都内が8店舗。そんなにレアでもない……。

思いの外手広いヴィレヴァン

ダイナーからはじまって公式サイトを見ていたのですが、吉祥寺ロフトにもある「new style」、ヴィレヴァンのパクリやん！って思ってたけどまさかの同系列だった……。

以上、全然関係ない話でした。

ではでは。

ヴィレッジヴァンガードダイナー吉祥寺（ゔぃれっじゔぁんがーどだいなーきちじょうじ）
東京都武蔵野市吉祥寺本町2-20-1 TYビル 2F
0422-22-1003
http://www.village-v.co.jp/shop/list/detail/?code=702

時代を感じる洋食屋「シャポールージュ（旧バンビ）」

2017-07-17T09:00:00Z

吉祥寺新参者なので何の事前知識もなかったのですが、ネットに溢れる閉店を嘆く声に惹かれて行ってきました。
なお、閉店は2017年5月21日なので現在はすでに営業されておりません。ただの思い出メモなのでご了承ください……。

このドアの張り紙が「閉店のお知らせ」。以下が全文です。

《閉店のお知らせ》いつも御利用ありがとうございます。シャポールージュ（旧バンビ）は 5月21日（日曜日）を持ちまして閉店させていただく事となりました。 1961年（昭和36年）より 56年間という長きに渡り皆様からご愛顧頂きスタッフ一同心より感謝申し上げます。

本当にありがとうございました。

シャポールージュ

この歴史に一切貢献も関与もしてないけど胸が熱くなるな……。
行列とは言わないまでも閉店を惜しむ人たちが多く詰めかけていて、20分ほど待っての入店でした。

3階建て？で至る所に絵が飾られてました。

定番オムライスと牛ハラミのステーキ

オムライスと、

旧バンビ時代復刻メニューの、牛ハラミのステーキ特製醤油ソース。

ちなみにセットには「スープ」と「ババロア」、ドリンクがついてきます。

一説によるとこのババロアが何よりも人気らしく、これ目当てで店を訪れる人もいるほどだったとか（隣の席で話してた）。
実際めちゃくちゃおいしかったです。

他にも「6年前からここに通ってるんだけど～」みたいな人が店長？さんに声を掛けていたり、否が応でも歴史を感じずにはいられない空間でした。
自分もこんな風に引退を惜しまれてみたいものです。頑張ろう。

食レポ全然関係ない。

ではでは。

シャポールージュ（旧バンビ）（じゃぽーるーじゅばんび）
東京都武蔵野市吉祥寺本町2-13-1
http://www.bambi2007.jp/

絵本の中に迷い込んだようなこびと専用カフェ「HATTIFNATT（ハティフナット）吉祥寺のおうち」

2017-07-10T09:00:00Z

まるで絵本の中に迷い込んだような世界観にInstagramerが群れをなして訪れる「HATTIFNATT（ハティフナット）」。
散歩中かなにかにふと見かけて気になってはいたものの、普通に吉祥寺で暮らしているとなかなか向かわない立地というか、縁のない場所というかで疎遠になっていたのですが人気Instagramerになりたい一心で行ってきました。

めちゃくちゃわかりにくくて恐縮なのですが、入り口が小さいです。この写真を撮っている途中くらいから人がわらわらとやってきてゆっくり撮れなかったので代わりにトイレの写真をば……。

小さかろう。

内装もかわいい

メニューがこれ。アルコールやスイーツなどが、かわいいイラストとシルエットで分類ごとにわけられています。

伝票がわりのスプーン。かわいい。

ふつうにスイーツがおいしい

実はInstagramあんまり活用できていないので世界観を持て余していたのですが、スイーツもおいしいです。

HATTIFNATTの抹茶みるくとほんわかカフェラテ

ラテアート！いかにも絵になります。

チーズケーキなプリン

かぼちゃ君ちのモンブラン

何を隠そうこの写真を撮ったのが5月なのでもうあんまり覚えてない……漠然とおいしかった思い出だけがこの胸を満たしております……。

真相はお店に急げ！

ではでは。

HATTIFNATT 吉祥寺のおうち（はてぃふなっときちじょうじのおうち）
東京都武蔵野市吉祥寺南町2-22-1
0422-26-6773
http://www.hattifnatt.jp/

PC自作派のためのシンプルかつスタイリッシュなPCケースまとめ

2017-07-07T09:00:00Z

PCでゲームをやることが多いのでもっぱらWindowsの自作マシンを愛用しているのですが、特に悩まされるのがケース選び。
PCケースと髭剃りのデザインはどうしてあんなにも偏ってしまうのでしょう。
「かっこいい PCケース」「おすすめ PCケース」で検索すると、必ずといっていいほどどこかしらが発光したり透けていたりなケースがお目見えします。

ここでは、Ryzenを前にすっかり首をもたげた自作欲の暴走に備え、シンプルかつスタイリッシュなPCケースをまとめました。

メーカー製PCケース

アルミボディに定評のあるLian-Li

1983年から創業34年の歴史を持つ台湾のPCパーツ屋さんで、オールアルミ製かつ高精度のケースを作ることで有名。

伝統があり、品質も高く、シンプルでありながらも無骨さを感じさせないデザイン。好き。

北欧ブランド「Fractal Design」

静音特化のDEFINEシリーズで一世を風靡したスウェーデンのPCパーツ屋さん。

静音性を求めた結果、筐体が密閉に近い状態になり内部にほこりが入り込みにくく、かつ各吸気口にいちいちフィルターが搭載されていて素敵です。

クラウドファンディング発のPCケース

海外のクラウドファンディングサイト「Kickstarter」「Indiegogo」で発表されたPCケース。
こういうカテゴリーのクラウドファンディングめちゃくちゃ好きです……一日中見ていられる……。

DAN Casesのゲーミング向けmini-ITXケース「A4-SFX v2」

mini-ITX規格のケースにフルサイズのグラボを詰め込んでしまおうという発想のもとに生まれた「A4-SFX」。
そこから大きさはそのままにを新たな機能等盛り込みつつ再設計されたものが「A4-SFX v2」です。

ドイツのDanさんがクラウドファンディングで立ち上げたブランドだから「DAN Cases」。わかりやすい。

Louqe社のゲーミング向けmini-ITXケース「GHOST」

思想は「DAN Cases」と同じながらも、さらに拡張性を持たせてきたのが「GHOST」。
ケース上部を付け替えることにより大きさを変えられるようになっているのですが、なによりデザインがめちゃめちゃ素敵。

スウェーデンはストックホルム生まれのスタートアップだそうで、ケースにもスウェーデン国旗のタグが。かわいい。

CRYORIG社のモニター台型PCケース「TAKU」

「小型化するのではなく既にデスク上にあるものに成り代わろう！」的な発想から生まれたモニター台型のケース。
木製の足がかわいい。

Lian Li社と台湾企業同士での共同プロジェクトだそうです。

Crono Labsのモニター裏にドッキングするPCケース「The C1 Computer Case」

成り代わりシリーズ「モニター」的なケース。iMac的な。

なお「The C1 Computer Case」はすでに製造終了しており、海外のフォーラムで「もうクラウドファンディングはこりごりさ」みたいなことを言っているのを見たような気がします。
あんまり儲からないのかな……。

PCケースまとめ

クラウドファンディング系が実に素晴らしくて、今から一般販売が待ち遠しい……Ryzen向けのmini-ITXマザボの充実とあわせて楽しみにしております……。

あと私事ですが、結婚しました。ほしい物リスト失礼します！

ではでは。

古き良きオムライス「ラケル吉祥寺店」

2017-07-03T09:00:00Z

吉祥寺駅北口から北東、大通りのヨドバシカメラ手前の地下にひっそりと佇む「ラケル吉祥寺店」。定期的にお世話になる野方ホープの向かいなので、なんか風情ある店だなーと気になっていたのですが、オムライスといえばポムの樹。そして、今ままで井の頭公園側まで行かないとなかったポムの樹がこの度のリニューアルでコピスにも入ったため、今後ますますポムの樹依存の傾向は強まるでしょう。

逆に行かねば。

中に入ってみると、外観から想像したとおりの（ルノアールをやや可愛い寄りに振ったような）昭和レトロな内装。一見するとあまりいまどきでない印象ですが、店内は比較的若い女性が多く、席のほとんどが埋まっているようでした。

KUKUチキンライスのオムライスと100％ビーフハンバーグ

注文したのはメニューの中でも特に無難そうな「KUKUチキンライスのオムライスと100％ビーフハンバーグ」とスープとドリンクのセット。

オムライスにパンを添える炭水化物の暴力。

中は素朴なチキンライスで正直なんとかの樹よりおいしいかも知れない。

あと特筆すべき情報として、店員さんの制服が限りなくメイド服に近い何かです。限りなくメイド服に近い何かです。

ではでは。

ラケル吉祥寺店（らけるきちじょうじてん）
東京都武蔵野市吉祥寺本町1-18-3 サニーシティ吉祥寺ビル B1
0422-22-5339
http://www.rakeru.jp/

アフィリエイトデビューからあっという間に1年が経過してのご報告

2017-06-29T09:00:00Z

早いものでアフィリエイターデビュー（？）を果たしてから一年が経ちました。
本来であればこれ見よがしに「三ヶ月で月7桁ｗｗｗ」のような記事をアップする予定でしたが世の中ままなりません。
予想外のことで大変遺憾ではありますが、ありのままを発表させていただければと思います。

年4桁を達成しました。

前回までのあらすじ

昨年6月に謎の衝動でアフィリエイトサイトを制作。
「サイト運用」に今ひとつ身が入らないことからアフィリエイターのイケてる風習「成果報告」に便乗するも報告する成果がない。
一方、制作したアフィリエイトサイトの売却や、UXMILKさんでのデザイン例としての紹介、書籍「Webデザイン良質見本帳」での紹介、Webライター支援サイトの制作など、なんか思ってたのと違う系の実績を着々と積み上げている。

アクセス数の推移

リリース当初、少しだけアフィリエイターの方に拡散してもらえたりしたのでややアクセス多め。
で、落ち着いてから今日に至るまで順調に右肩上がりっぽく見えます。

収益の推移

数字は適当に四捨五入した確定報酬です。

月	ASP A	ASP B	ASP C	更新記事数
2016.06	-	-	-	3記事
2016.07	-	-	-	6記事
2016.08	1,800円	-	-	3記事
2016.09	-	-	-	-
2016.10	-	-	100円	-
2016.11	-	-	-	-
2016.12	-	-	-	-
2017.01	-	-	100円	-
2017.02	-	-	-	-
2017.03	-	-	-	-
2017.04	-	-	400円	1記事
2017.05	600円	-	500円	3記事
計	2,400円	-	1,100円	16記事

完全に外注でこのザマです。
4月に思い出したように作業を再開して、4～5月に収益あるのちょっと感動しますね（さっき久々に管理画面みた）。

これからのこと

特に書くことがないので恐らく最後のご報告になります……。
大した成果も上げられずアレなのですが、「特にやる気に満ち溢れてない普通の人が投げやりにアフィリエイトをやったら」という逆に新しいモデルケースとして参考になれば幸いです。

ちなみに、Webライター支援サイトの制作の方はデザインが気に入っているので今のところやる気に満ち溢れております。
「このサイトのURL投げとけばそれなりのものが納品されてくる」みたいなところが目標です。
外注される機会の多いアフィリエイター様、ご助言お待ちしております。

ではでは。

新しいうどんの食し方「うどんダイニングするり吉祥寺店」

2017-04-28T09:00:00Z

吉祥寺駅北口側から北西、飲み屋街然とした賑やかな道を一本外れた閑静な通りに「するり吉祥寺店」はあります。

正直、閑静な通りすぎて開店していたことにまったく気づきませんでした。

いかにもオシャレな佇まい。

若干の入りづらさは否めませんが、とはいえうどん。

行かねば。

ねぎにらごま黒豚白湯うどん

もうこのメニューがすでに新しいですね。

麺とスープ。

味は良い意味で想像通り、うどんらしからぬハイカラ具合です。
ここまでいくともうカロリー上はほぼラーメンなはずですが、うどんだからというそれだけで不思議と許されるような気がしますね。

痩せねば……。

ではでは。

うどんダイニングするり吉祥寺店（うどんだいにんぐするりきちじょうじてん）
東京都武蔵野市吉祥寺本町2-16-18 リベストフォーラム1ビル 1F
0422-27-1737

アメリカンなバーガーとケーキの「Bubby's（バビーズ）吉祥寺」

2017-04-24T09:00:00Z

3月30日のコピスリニューアルで新たに入ったいかにもオシャレな路面店「Bubby's 吉祥寺」。
毎日のように通る道だけに気になってはいたのですが、漂う高級感に二の足を踏んでおりました。

そんな葛藤をあざ笑うように店先に設置されたケーキのショーウィンドウ……。

行かねば。

アメリカンな肉

Bubby'sはアメリカンな何かしらをコンセプトとするお店のようで、メニューを見ても肉々しい商品が多め。
あと、やっぱり庶民としてはちょっといいお値段です。

取り敢えず初めての来店だったので、店員さんにおすすめを聞いて看板メニューらしきハンバーガーとディップ的なやつ、そして待望のケーキを注文しました。

Bubby's Burger（バビーズバーガー）

ボリューミー。

中身はレタス、玉ねぎ、トマト、ベーコン、ハンバーグ。
どう考えても一般的なハンバーガーのようにかぶりつくのは難しいサイズ感です。

うまい。お値段1,400円。

ディップ的なやつ

なんだろう。特にコメントはありません。おいしいです。

ケーキはアップルパイ推し

冒頭のケーキの写真からもわかるように、陳列されているケーキの半分以上がアップルパイ。
なんかアメリカっぽいしアップルパイ推しなのかなーと店員さんに訪ねてみると意外とそんなこともなく、まんべんなく売れているとのことでした。

ガトーショコラっぽいやつ

ストロベリークリームパイ

どちらもおいしい。ケーキはおいしい。

あと完全に余談なのですが、

案内された席がたまたまコピス前のライブスペースの裏側で、音はほとんど聞こえないもののライブパフォーマンスを真後ろから鑑賞できる謎の貴重な体験をしました。

吉祥寺はいい……

コピスのリニューアルもそうですが、秋にはサンロードの工事中のエリアにラウンドワンができる予定だったり、コピスの隣の元回転寿司屋さんがラーメン屋に変わるっぽかったり、何やら盛り上がりを見せております。
「住みたい町ランキング1位」の座もぶじ恵比寿から奪還したようですし、これからも発展が楽しみですね。

ではでは。

Bubby's 吉祥寺（ばびーずきちじょうじ）
東京都武蔵野市吉祥寺本町1-11-5 コピス吉祥寺 A館 1F
0422-27-6971
http://restaurant-mrs.com/restaurant_bubbys_child_kichijoji

肉は焼くとうまい！コスモビル「李朝園吉祥寺店」

2017-04-10T09:00:00Z

吉祥寺随一のキャッチの多さを誇るコピス前。
そんなコピス向かいにあるコスモビルのサイゼには夜な夜な小腹がすいた際によくお世話になります。

ビル1階の壁には所狭しと「李朝園が雑誌に載りました！」「新聞に載りました！」の張り紙。

行かねば。

お婆ちゃんの家感がすごい

李朝園はエレベーターで4階。

下りるとすぐにお店で目の前に入り口、

そして左手に物語を進展させるために避けて通れなさそうなドアがあります。
トリガーとなるイベントを消化していないため気にせず店内に入るとお婆ちゃんの家感がすごい。

入り口正面にはドラゴン桜の人のサイン色紙、

左を見ると謎のブース。統一感がまるで見当たりません。
っていうか食品衛生責任者の札そんな適当な感じで置かれてるのはじめてみました。

木彫りの熊だのたぬきの置物だの観光地の提灯だのが雑多に散りばめられたお婆ちゃんの家を思い出さずにはいられません。
韓国料理店を謳いながらどうみても南米系のおばちゃんな店員さんも気にならないといえば嘘になります。

あと、サイゼと同じ間取りのビルに入っているので当然といえば当然なのですが店内はかなり広く、レイアウトも謎に複雑なためまだ全貌は掴めていません。

肉は焼くとうまい

通された席は恐らく店内で一番奥の座敷っぽい靴を脱いで入る席で、座敷っぽいっていっておきながらアレなのですが掘りごたつでした。

まずは、壁に貼ってあった「1日20食限定和牛なんとかの切り落とし（忘れた）」とオーソドックスにカルビ、タンを注文。

20食限定の切り落としも然ることながらカルビがもううまくてうまくて……。めちゃくちゃ柔らかいのにジューシーでもう……。
何より「カルビをおいしくいただけるからまだ若い」的な錯覚に浸ることができました。

その後ロースとホルモンを追加で注文しましたがもうどれもおいしいです。優勝。ただやっぱりカルビが最高ですね……。

全然関係ないけど排煙フードもスチームパンクっぽくて最高ですね……。

全然関係ないついでに、例の南米っぽいおばちゃんは基本的に新人と思しき若いお兄さんを連れ歩いていて、定期的に「お客さんのうしろ通る時は『すいません』ヨ」「お客さんの服踏まないように気をつけて。踏んだら大変ヨ」のような新人教育の声が聞こえてくるのですが、そのおばちゃんが客に向けた「お熱いのでご注意クダサイ」にお兄さんが「ハイ」って答えた時は吹き出しそうになりました。

結論として肉は焼くとうまい

おいしさを表現するのって難しいですね……肉を焼けばそりゃあうまいさ……。
言葉は虚しい……。

ではでは。

李朝園吉祥寺店（りちょうえんきちじょうじてん）
東京都武蔵野市吉祥寺本町1-8-3 コスモビル 4F
0422-22-2901

「牛かつはま野」で牛かつにハマった

2017-04-03T09:00:00Z

「牛かつ」というものにあまり馴染みがなくて、「食べたことあったかな～」くらいの意識の低さだったのですが、何やらいま牛かつブームらしいです。
やれパクチー、やれローストビーフといろいろブームり過ぎていてまったくついていけておりません。

というのが去年までの僕で、今の僕はすでに5回ほどはま野に通っております。牛かつめっちゃうまい。

吉祥寺駅を北口から出て右の、ややいかがわし目の通りにあるめちゃくちゃ狭い階段を下りると「牛かつはま野」があります。
そしてこの狭い階段に、ほぼいつも列ができているという人気っぷり。（席が8席しかないのも関係ありそうだけど。）

メニューはほぼ牛かつの定食のみ

メニューが3種類ほどあったと思うのですが、すべて牛かつの量が違うだけという漢（おとこ）の品揃えです。

定食の内容は、

牛かつ（キャベツ）
味噌汁
ごはん
とろろ
漬物

と至ってシンプル。

タレは、左が「山わさび」の甘めのタレ、右が醤油ベースのタレです。
個人的には卓上に置かれた岩塩とわさびでいただくのがめちゃくちゃおいしい。

牛かつはレアめ

牛かつはレアな感じでこれがまた絶妙に柔らかくておいしいのですが、昨年の12月から各席にちっちゃい鉄板が設置され、自由に焼き加減を調整して食べられるようになったそう。

僕としてはやっぱりデフォルトのレア加減が好きですが、終盤戦で熱々の状態にリセットできるのは良いかもしれませんね。

牛かつブームはあります

そんなわけですっかり牛かつブームに飲まれてしまったのですが、実は「はま野」以外の牛かつ屋に行ったことがありません。
間違いなくめちゃくちゃおいしいのですが、比較対象がない状態で本当の意味で牛かつにハマったと言えるでしょうか。いや言えない。

人生初の人間ドックで無事高すぎるコレステロール値を指摘されたため、本当なら脂っこいものは控えたいところですが、どうやらそうもいかないようですね～悲しいな～。

ではでは。

牛かつはま野（ぎゅうかつはまの）
東京都武蔵野市吉祥寺本町1-24-6 福助ビル B1F
042-220-3025

FAXを全国のコンビニから送ったり受け取ったりできる「クロネコFAX」が便利

2017-03-27T09:00:00Z

「クロネコFAX」地味にまた利用しそうなので使い方をメモしておきます。

コンビニエンスストアFAX送受信サービス「クロネコFAX」

「クロネコFAX」を利用できるコンビニ

コミュニティストア
サークルK
サンクス
セーブオン
スリーエフ
デイリーヤマザキ
ファミリーマート
ミニストップ
ローソン

「クロネコFAX」の送り方

対象のコンビニのコピー機で、

「クロネコサービス」→「クロネコFAXへ預ける」を選ぶ
原稿をコピー機にセットして「原稿読み込み」を選ぶ（1度に10枚まで）
料金を投入
画面に表示された「文書番号」をメモして受け取って欲しい相手に送る

終わり。

「クロネコFAX」の受け取り方

対象のコンビニのコピー機で、

「クロネコサービス」→「クロネコFAXから受け取る」
タッチパネルに文書番号を入力する
料金を投入

終わり。

送った日の翌日24時までしか受け取れないそうなのでそこだけ注意が必要そうです。

FAXを使う機会なんてほとんどないものの、稀に必要な時はとても重宝しそうです。

バウムクーヘンだけじゃない冶一郎の「Jiichiro's Cafe 吉祥寺パルコ店」

2017-03-26T09:00:00Z

食情報に疎くてまったく知らなかったのですがバウムクーヘン屋さんとして有名らしい「治一郎」。
コピスとロフトに隠れていまいちパッとしない吉祥寺のパルコの地下にひっそりと入っておりました。

調べてみたらこの「Jiichiro's Cafe」、吉祥寺パルコにしかない模様。

通りかかったついでに、と行ってみたのですがパニーニ？ホットサンド？がべらぼうにおいしかったです。

生ハム×モッツァレラのパニーニ

これ。思いの外ボリュームがすごい。

特にこのモッツァレラチーズがもうめちゃくちゃおいしくて言葉にならない……。

なお、崩さずに食べるのはモスバーガー以上に至難の業です。

アフォガードとプリンも

今にして思えばなんでバウムクーヘン食べなかったんだろう……。

どれもめっちゃおいしかっただけにバウムクーヘンが気になる……。

メニューがおしゃれミニマル（おまけ）

店内の内装もそうですが全体的におしゃれでした。あと店員さんの接客がとても良かったのでまた行きたい。

ではでは。

Jiichiro's Cafe 吉祥寺パルコ店（じいちろうかふぇきちじょうじぱるこてん）
東京都武蔵野市吉祥寺本町1丁目5-1 吉祥寺PARCO B1F
0422-27-5687
http://www.jiichiro.com/

生ハム乗せ放題！パクチー乗せ放題！の「ビオディナミ（BIODYNAMIE）吉祥寺店」

2017-03-21T09:00:00Z

「吉祥寺生ハム」で検索すると真っ先に目につくこの「ビオディナミ（BIODYNAMIE）吉祥寺店」。
何でも生ハムパスタを注文すると生ハムの山を小脇に抱えた店員さんがやってきて「ストップ！」というまでひたすら生ハムを乗せまくってくれるのだとか。

行かざるを得ない。

外観はダイニングキッチンっぽい雰囲気でお酒が飲めない身としてはなかなか敷居が高い感じです。

そしてバーっぽいカウンターには……

「なんか高くておしゃれな皿」として知られるコスタノバの山が。

欲しい。

さよなら生ハム

話題のランチ限定生ハム乗せ放題、ぐぐるといろいろなところで大絶賛されているだけのことはあり、13時頃の時点で既に売り切れていました。
無難に「温玉カルボナーラ」を注文したのですが、メニューの片隅に思わぬ潜影が。

パクチニスト！！！

とは。

パクチニスト！！！

この「パクチニスト！！！」、なんと生ハムと同じく「ストップ！」というまでひらすらパクチーを乗せてくれるというもの。
残念ながらぼくはパクチニストではないので妻が注文しました。

本当に無限に乗せてくれそうな勢い。

ランチのAセットにはパンとドリンクがつきます。

生ハム乗せ放題がなかったのは残念でしたが、やっぱりカルボナーラははずれがない……うまい……。

次回は生ハムりたいです。おわり。

ビオディナミ（BIODYNAMIE）吉祥寺店（びおでぃみなきちじょうじてん）
東京都武蔵野市吉祥寺本町1-9-2 PALLAZO1F
0422-27-6652
http://bravas-ltd.com/store/bio-kichijyoji/

東日本大震災から6年が経ったので本気で「赤べこ」のプロモーションサイト作りました

2017-03-10T09:00:00Z

もうすぐ4月1日、Web業界の人ならみんな大好きなエイプリルフールがやってきます。
気づけば今年でWeb業界歴10年になるぼくもそろそろ何かやってみたい、そんな気持ちを持て余して何の気なしに「赤べこ」のプロモーションサイトを作り始め、まもなく完成というところで初めて気が付きました。

この子の故郷、福島や。

http://akabekor.com

赤べこプロモーションサイト「#akabekor」ができるまで

発祥の地も知らず、ただただその造形の愛らしさに惹かれ「旅する赤べこ」的なコンセプトでサイトを作り始めたのですが、気づいてしまえば最後、3月11日が近づくにつれ増える悲しげなニュースもやたらと気になるようになり、もうエイプリルフールはいいや、という気持ちになった次第です。

「べこマーケティングはじめました」的なネタも温めていたのですが、今となっては止めておいて良かった。

いっそ「最初から福島のために作りました！」くらい言えたらもう少し印象も良いのかもしれませんが、根本的にエイプリルフールが向いていないのかも知れません。

「#akabekor」でできること

赤べこプロモーションサイト「#akabekor」では、

なんとなくアンニュイな赤べこギャラリーの閲覧
赤べこフリーイラスト素材のダウンロード

が可能です。

写真の撮影はすべて1人で行っており、成人男性がいそいそと懐から赤べこを取り出して、立派なカメラでせこせこ撮影している様子を想像していただけると楽しいかも知れません。

イラスト素材の方は今流行り（？）のアウトラインイラストで、aiファイルと透過pngファイルを用意しています。

ダウンロード

CSSのみのパララクスキービジュアル

せっかくなので何か突飛なことをしようと思いたち、CSSだけで無茶に無茶を重ねてパララクスをやってみました。

思いついた際は自分なかなかすごいのでは、と思ったものの調べてみたら数年前にすでにやってる人がいたのでマウス移動に合わせて焦点もずれるようにしてみました。コードがやばい。

SUZURIでグッズも作ってみた

調べてみると、画像をアップロードするだけでオリジナルグッズが作れる*「SUZURI」が海外発送に対応*していたため調子に乗ってグッズも作ってみました。

普通にかわいい。

ショップをみる

売れたら新たにレアべこを導入したいです。

「#akabekor」の今後

もともとはただの赤べこ好きが高じて作ったサイトのため、今後もゆるっと写真を増やしていく予定です。
Instagram、Twitter、Facebookページも完備。
桜と赤べこ、海と赤べこ、紅葉と赤べこ、雪と赤べこと、今後も広がる赤べこワールドにご期待ください。

さいごに

「#akabekor」は海外向けのサイトで、海外から福島に寄付できる窓口として「GlobalGiving」さんを紹介しています。
一生懸命調べて、もっとも気軽に募金できるであろうものを選んだつもりではありますが、このあたりの知識に乏しいためよりよい誘導先等ご存じの方がおられましたらご助言いただけますと幸いです。

サイト内の英語もほぼGoogle翻訳頼みのため、おかしなところがあればぜひご助言ください。

さいごに、Yahoo! JAPANさんがヤフーで「3.11」と検索すると10円寄付される応援企画をされているようなのでご紹介しておきます。

3.11、検索は応援になる。3.11応援企画 - Yahoo! JAPAN

6年経った今なお悲しいニュースの絶えない昨今ですが、みなさまが心穏やかに過ごされるようお祈りしております。

初めて民泊シェアリングエコノミー「Airbnb」を利用したら大変なことになった

2017-03-01T09:00:00Z

実は先日、初めてAirbnbを利用してちょっと箱根に行ってきたのですが予期せぬトラブルに見舞われまして。
一周回ってちょっとした感動みたいなものもあるのですが、せっかくの貴重な体験なので注意喚起も込めて記事にします。

宿泊前日に突然の連絡

普通にAirbnbを利用して、普通にマンションの一室っぽい宿を予約して、よし明日出発だというタイミングで2通のメッセージ通知が。

「明日のことで急遽相談したいため電話番号を教えてもらえないでしょうか」

「私は中国人です」

！？アカウントの名前（「ヨシヒコ」みたいな）めっちゃ日本人名だったのに突然の謎カミングアウト。

何事かと電話すると、

宿泊した際、近所のおばさんがしつこく話しかけてくることがある
自分の友達だと言い張れば問題ない
訴訟云々言われるけど法的根拠はないから無視していい

とのこと。
まったく訳がわからないものの、出発前日にいざこざはごめんなので了解して電話を切ると数分後にまた電話が。

近所のおばさんはマンションの管理人みたいな人
許可を取らずにやっていたのがバレた
友人だと言い張れば問題ない
今後Airbnbはやらない

めっちゃトラブルですやん……。

正直、悪事の片棒を担ぐようで心底うんざりしましたが、今更ほかの宿を探すのも難しいため、「質問されたら嘘はつけない」と伝えた上で電話を切りました。

そして宿泊当日

おばちゃんはめっちゃ早かった。宿に到着して、荷物だけ置いてすぐに出たのですが門をくぐる前に「ちょっとちょっと！」と声を掛けられました。

話を聞くと、

中国人が勝手に部屋を貸し出して迷惑してる
民泊をやめるように注意しても毎度「これで最後にする」と言うだけでやめない
この間も外国人がやってきて一晩中防災ベルがなって大変だった
自慢の娘が英語ペラペラだから呼び出してことなきを得た
訴訟の準備中

めっちゃ泥沼……。
そのままの流れで「利用者名簿」に記名を求められ、「車止めるならプラス100円」とのこと。
僕は利用しませんでしたが、もし車できていたらAirbnbの方の支払いと重複して支払わないといけなくなっていたような気が……。

おばちゃんはとてもハキハキしたいい人風の方で、「あんまりきれいなところじゃないけどゆっくりしていってね」とのことでした。

おばちゃんの再来

おばちゃんを掻い潜ってちょっとした散歩を終え、宿に戻って一息ついていると5連打ほどの怒涛のインターフォンが。

ドアを開けると先程のおばちゃんが立っており「さっきの名簿にあなたに部屋を貸した人の名前を書いてくれる？立て続けに悪いけど、明日の朝起こすのも心苦しいからね～」と。

要件はそれだけですぐに済んだのですがインターフォン連打怖ぇ……。
そして去り際に「あ、訴訟はやめることにしたよ。悪気はないだろうしね」。

甘やかすからつけ上がるんやで！知らずにとはいえ加担した形になってるけど！

Airbnbを初めて利用しての総括

多分こういう問題が世界中の色んなところで起こってるんでしょうね。
そして、そういう問題をうやむやにさえすればいいお小遣い稼ぎになるだろうなぁ……。

シェアリングエコノミーの流行自体は仕事柄いろんなところで耳にするのですが、実際に使ってみてはじめて肌で感じたというか、腑に落ちたというか。

新法まわりでもゴタゴタしているようで、せっかくの有意義な、画期的なサービスなのでうまく付き合っていけるといいのですが……。

ではでは。

先週開店！神田からの刺客「日乃屋カレー吉祥寺店」

2017-02-22T09:00:00Z

ロフトの裏通り（？）の小洒落たホットドッグ屋みたいなのが潰れたと思ってたらカレー屋になっていました。
先週の土曜日にオープンしたばっかりだそうです。

いかねば。

店内は前の店と同じレイアウトのためこじんまりとしていて、5人程度座れるカウンターが4列です。

そこかしこの「神田一は日本一」

壁に貼ってあるポスターやメニューの片隅でやたらと目を引く「神田一は日本一」の文字。
どうやら400店近いカレー屋がしのぎを削るカレー激戦区神田の「神田カレーグランプリ」でグランプリに輝いたのだからそれはもう日本一も同然、という理屈のようです。

なお、神田カレーグランプリのサイトで掲載されている「日本におけるカレーの歴史」を熟読してみたところ、神田は特に歴史に絡んでいない模様。

カレーグランプリとは？

そもそも神田とカレーについて何の前知識もなく、いまいちピンとこないため調べてみたところ、神田カレーグランプリはカレーグランプリ界隈ではかなり大規模で、「GC1（護衛艦カレー）グランプリ」や「那覇カレーグランプリ」等とくらべても参加店舗500店近くと圧倒的。

これは本当にすごそう。

名物カツカレー

いつだったか「初めて行くお店で券売機の時は取り敢えず一番左上のやつを頼んでおけば間違いない」と誰かに聞いて、愚直に教えを守り続けているのですが一番左上は「名物カツカレー」だったのでこれはやっぱり間違いない。

もうどこがごはんでどこがカツなのかわからない。

ルーは割りと辛くもどこかフルーティで、控えめに言ってめっちゃおいしかったです。

ごはん大盛り無料、七分盛りは100円引き。
普通盛りでも結構なボリュームでした。

テーブルには福神漬けと唐辛子がありましたが、僕はらっきょう派です。

こっちは「日乃屋カレー温玉」。

総括

近所なのでこれはヘビロテありますね……。
あの辺りは店が出来ては潰れ、出来ては潰れの世知辛い区画なので長く生き残ってくれることを祈るばかりです。

斜め向かいにあったラーメン屋さんおいしかったなぁ。

ではでは。

日乃屋カレー吉祥寺店（ひのやかれーきちじょうじてん）
東京都武蔵野市吉祥寺本町1-10-1 いなりやビル1F
0422-27-6758
http://hinoya.jp/

吉祥寺で750円生ハム食べ放題！ハワイアン料理「ププケア」

2017-02-21T09:00:00Z

サンロードの奥にひっそりとあるハワイアンキッチン「ププケア」。
ハワイというか「なんかレゲエっぽい像いる！」くらいの印象でしたが、

調べてみるとハワイを含むポリネシア全域で祀られた「ティキ」という名前の偶像で、この店先に飾られているのは戦いの神「クゥ」のもののよう。

ハワイのティキ像

同じく四大神で豊饒の神の「オロ」とか、もうちょっと穏やかな神様で良かったような……、と気になって3時間くらい調べてたけど資料によって顔と名前が一致してなくて考えることをやめました。

そして生ハムへ――

閑話休題。
「ププケア」ではおいしい生ハムが食べ放題！
そのお値段なんと750円！

ただし、ドリンクと一品を注文したら！

ハワイ名物コナコーヒー

噂には聞いていたけどはじめて飲みました。

めっちゃ透けてます。

味は普通に美味しかった。

こっちはパインジュース。

このハワイアンなフラワーはこのあと随所に登場します。

アボカド尽くし

散りばめられた岩塩が噛むたび「ガリッ！」として歯が不安になる「アボカドのシーソルト」。

と、サーモンとアボカドの生春巻き。

透け感。

全然関係ないですが、各席に設置された店員さんを呼ぶボタン？の呼び出し音がデパートの迷子の呼び出しなんかでお馴染みの「ピンポンパンポーン♪」で謎の癒やしを提供された。

ププケア特製ロコモコ

ごはんにハンバーグぶち込んだらそらおいしいに決まってると思うロコモコ。

注文した後に気づいたのですが、壁の黒板に「今日のロコモコ 500円」みたいなことが書いてあってそっちにしたら良かった……。
とはいえロコモコは美味しかったです。

これらを超えた先にある生ハム

そして、肝心の生ハムはこちら。

貝殻の形のお皿でやってくる生ハム。
追加を注文する際はこの皿をあける必要があり、かつなかなかスムーズには運んできてくれません。

やや塩気が強いですが、きっとお酒にはあったりするんでしょう……！
下戸ですがおいしかった……。

一枚一枚に結構しっかり歯ごたえがあって、上のようにフォークで持ち上げてもふにゃんとなりません。
そのせいか、食べ放題なのに2皿でお腹いっぱいでした……。

食べ放題なしで普通に頼むと、1皿500円だそうです。

ププケア総括

「ププケア」の口コミとかをぐぐると、

店の扉をあけると誰もおらず、営業しているかわからなかった
店員が背を向けたまま案内してくれず適当に座ろうとすると「予約席だから」と注意された

等あるようですが、残念ながらだいたい印象通りでした。
きっと不器用な店員さんなんでしょう……。

総括としてはコナコーヒーと生ハムは合いません。

以上です。
ではでは。

ププケア（ぷぷけあ）
東京都武蔵野市吉祥寺本町1-12-1 ロアサンロードビル B1F
0422-27-2085

ぱくたそカメラマンになってから一年が経ちました

2017-02-13T09:00:00Z

実は昨日12日でぱくたそカメラマンになって一周年でした。

一年で何枚くらい公開されたんだろ？と思って見てみたら13枚だった……月1枚くらいのペースや……あんまり貢献できてない……。

https://www.pakutaso.com/morois.html

あとから始めたそぷさんに一瞬で抜かれておる……。
いや、すしぱくさんが「公開したいけど編集が追いつかなくて……」って言ってたからいつかきっと追加されるはず……。

最近のカメラのこと

最近は若干、ほんの若干モチベーションが下がっていて、というのも僕の使っているCanon EOS 60Dでは動き回っている犬の写真を狙い通りに撮るのは結構厳しいことに（数年使い倒してやっと）気づいてしまいました。

飛行犬にチャレンジするもダメだった写真。

現状の機材でなんとか（やや運の要素に頼ってでも）撮ろうとすると、AF性能の若干高い中央一点のAIサーボに走らざるを得ず、俗に言う「日の丸構図」の写真が多くなってしまうのです。
連射性能的に掴める運の要素もなかなか知れてしまっているのです。

なので、いっそ新しいカメラ買っちゃおう！と思い立つも今月末のCP+2017までは迂闊に動けません！ 6D Mark II楽しみです！

余談

「犬の写真」ってカメラマン界隈で語り継がれる「難易度の高い被写体ランキング」でも実は結構な上位だそうです。
「子供」や「鳥」もそうらしいのですが、動きが完全には読めず、しかも特に速いからだとか。

やりがい生まれる。

全然関係ないこと

SIGMAのNEW Product Lineがめちゃめちゃ格好良いです……！
現状はAPSの60Dを使っていて、いつかはフルサイズにという気持ちもあってあまり積極的にレンズを増やしたりはしていなかったのですが、フルサイズ買っちゃったら何かしらのタガが外れそう……。

これからのカメラのこと

先述の通りマイカメラには若干の不満もありつつも、写真自体はとてもとても楽しく、最近インスタを始めてみたりもしました。
（「歩く吉祥寺」の写真なんかはすべてiPhone6Sで撮っているのですが、一眼とは違った楽しさがありますね！）

カメラに不満が出る程度には経験を蓄積したりできているのかなぁとポジティブに捉えつつ、これからも精進したい一心です。

今後ともよろしくお願いいたします。

ではでは。

肉うめぇ。おしゃれバル「チキンレッグ吉祥寺店」

2017-02-12T09:00:00Z

吉祥寺駅南口を出てすぐ、ファミリーマート向かいの「井之頭ビル」にひときわ目立つ看板を掲げたチキンレッグ吉祥寺店。
今流行の「バル」です。

写真に撮るまで井之頭ビルの外観なんて気にも留めなかったけど、不思議なデザインだなぁ……。井之頭ビルの前のこの通り、割りと美味しいお店や気になるお店が多いのですが、いかんせんキャッチが多くてなかなか夜間は足が向かない通りです。あとパルコの前。

階段を上がって二階、目の前が「チキンレッグ」です。

本日のポテトサラダ

ポテサラ好きとしては避けて通れないポテトサラダ。しかもメニュー名が「本日のポテトサラダ」となれば一期一会、頼まないわけにはいきません。

本日のポテトサラダは明太子。めっちゃおいしい……先日のポテトサラダも食べたい……。

特選タレ漬け牛ハラミ

どうみてもおいしい。

おいしい。ポテトもおいしい。

鶏ももタタキ1枚炙り

本当は「鶏胸肉刺身」を頼もうとしていたのですが、最近武蔵野市だか吉祥寺だかで何かしらの菌騒ぎがあったらしく当分出せないのだとか。

左側が「甘いタレ」、右側が「ポン酢」。

こりこりしてておいしい。

牛すじゴロゴロデミグラス

ハーフサイズにしたんですが普通に一人前ありますね……。

注文した以上4品、2人で食べたのですが明らかに頼みすぎました……。もう1品少ないくらいがおいしくいただけておすすめです。

チキンレッグ総括

「バル」という言葉が出回りだしたばかりの頃、「この『バル』っていうチェーン店最近いろんなとこで見るな……」と思っていた僕ですが非常においしくいただきました。「ゴランノスポンサー」「月極駐車場」「透明自動車道」と同じですね。きっと僕だけではないはず。

ではでは。

チキンレッグ吉祥寺店（ちきんれっぐきちじょうじてん）
東京都武蔵野市吉祥寺南町1-4-1 井の頭ビル 2F
0422-26-8974

牛角「熟成うわみすじ」食べ放題と「マンガリッツァ豚のロースステーキ」は2月9日～28日まで！

2017-02-10T09:00:00Z

平成29年2月9日は肉の日！と思って半ばオートパイロットで牛角行ったら「熟成うわみすじ」なる特別メニュー？が。

肉の日限定熟成うわみすじ食べ放題

これは……。

そもそも肉の日だからといって何かしらのイベントがあるとは思っていなかったのでいそいそとぐぐってみると特設サイトまでありました。

肉の日限定メニュー

今月の28日までらしい……！うわみすじが何なのかはよくわからないまま取り敢えず注文してみました。

そもそも「うわみすじ」とは？

もう特設サイトに全て書いてあったので書くことないです。

肉の日限定メニュー

肉の日のメインビーフはこれ。一頭からわずか600グラムほどしかとれない希少部位。肉感あふれる食べごえながら、さっぱりした後味で、男子も女子もがっつりいけちゃいます。七輪でぐつぐつ温めたガーリックバターにたっぷり絡めて食べるのが通。

ほう……。

早速注文して、

焼いて、

裏返して、

ガーリックバターに漬けて、

食べてみました。確かに脂身はほとんどなくてさっぱりしてるけど柔らかい……。

個人的には塩でいただくのが一番おいしかったです。

そして「マンガリッツァ豚のロースステーキ」

実はこっちも食べたのですが、限定メニューと知ったのは家に帰ってからでした。まったく写真撮ってない……。

とても美味しかったのですが、残念ながら焼く工程があまりうまくいかず100％のポテンシャルは引き出せませんでした……。というのも、注文すると「マンガリッツァ豚のロースステーキの焼き方」みたいな小さな紙を渡され、

アルミの上に肉を置く
表に火が通ってきたら裏返す
裏側に焼き目を付けたらカットして
タレを掛けて煮込んだらできあがり

のようなことが書いてあります。問題は2です。

表？そこそこの厚みがあるため、表が上側、裏が鉄板側だとすると、表に火が通る頃には裏面が消し炭になるように思えてなりません。

紙の端っこにいる豚のキャラクターが「わからなかったら店員呼んで！」的な吹き出しを付けていたため縋るように店員を呼びました。

ぼく「表ってどっちが表ですか？」店員「裏側が表ですね～」

裏側って言ってもうてるやん。

かくして「マンガリッツァ豚のロースステーキ」はやや火が通り過ぎた形になりました。おいしかったけど。

おまけ

植木鉢型のカップにスコップ型のスプーンを添えてやってくる「しっとり濃厚ティラミス」。

かわいい。

以上です。

ではでは。

牛角吉祥寺北口店（ぎゅうかくきちじょうじきたぐちてん）
東京都武蔵野市吉祥寺本町1-2-7 吉祥寺アルファビル 4F
0422-27-1529
http://www.gyukaku.ne.jp/

でっかいベローチェ「シャノアール吉祥寺店」の素朴においしいカルボナーラ

2017-02-08T09:00:00Z

前回チェーン店うんぬんの話をしていましたが、今回もチェーン店です。

でも、「シャノアール」って多分レアじゃないですか？
吉祥寺に住むまで見たことなかったし……、と思って調べたら都内に20店舗弱くらいあるみたいです。

「シャノアール」はかの有名なカフェ「ベローチェ」の原点的なお店で、内装やメニューもベローチェと似通ってはいるのですが、ただ店内がちょっとしたファミレス並に広い。

吉祥寺のシャノアールは「吉祥寺2大キャッチが鬱陶しい通り」コピス前、吉野家の隣です。

そして、ただいまカフェ「ベローチェ」の30周年を記念して、ドリンク3杯でコップのふちに飾れる黒猫のフィギュアが貰える「ふちねこキャンペーン」が開催されています。

ふちねこの件、よくよくみてみたら期間中ふちねこを見せると30円引きらしいから保存用15杯、観賞用15杯、携帯用3杯の計33杯が必要ですね。。
— モロ (@moro_is) 2017年2月1日

ついこの間も似たようなキャンペーンをやっていて足繁く通ったものですが、あの時のは「シャノアール50周年」を記念したものだった模様。

お店はこの看板から長い階段を下った地下。

広い。

そしてベローチェ同様、値段が安い……。朝のモーニングセットなんて数百円でトーストとコーヒーが、と思ってメニュー見たら500円くらいになってました。値上がりしたのかな……。

ベローチェと同じコーヒー

「絶対に同じか」と言われるとそこまでの自信はありませんが、恐らく同じような気がするコーヒー。

ただしベローチェより少し高い。なぜ。

普通においしいカルボナーラ

絵的には特に盛り上がりのないカルボナーラ。

おいしい。

ホットサンド

おいしい。

特出したものはないためコメントが難しい……。普通においしい……。

かくしてふちねこを手に入れた

「もしかしてベローチェの方でしか貰えなかったらどうしよう……」と終始不安でしたがそんなことはなく、無事に2匹目のふちねこを手に入れました。

皆さまもベローチェやシャノアールに行かれた際はぜひレシートを取っておいて、そしていらなければください。

ふちねこ確保のため土日に吉祥寺のベローチェまで来てくれたらいっぱい奢ります（真顔）
— モロ (@moro_is) 2017年2月1日

ではでは。

ふちねこ補完計画追記

ふとコーヒーミーティングの存在を思い出しておもむろに募集を出してみました。

会ったことある方もない方もお気軽によろしくお願いいたします。

シャノアール吉祥寺店（しゃのあーるきちじょうじてん）
東京都武蔵野市吉祥寺本町1-8-3 三松ビル B1F
0422-22-1210
http://chatnoir-company.com/

ハンバーグが嫌いな男子なんかいません。「いしがまやハンバーグアトレ吉祥寺」

2017-02-06T09:00:00Z

実はこのブログを書くにあたって個人的に「露骨なチェーン店は避ける」というルールを設けておりまして。というのも、例えば3日続けて「松屋○○店」「松屋○×店」「松屋××店」とかなってきたらそれもうスパムじゃん、ということなんですが、世の中には意外なチェーン店がたくさんあります。

以前の「まぐろ人」もそう。
まるかつ食堂もそう。
サジロカフェでさえそう。

結果4/6がチェーン店。つまり6割以上チェーン店。

いつか子供ができたら「店をみたらチェーン店だと思え」って教えます。

はい、チェーン店！「いしがまやハンバーグアトレ吉祥寺」

このまま終始チェーン悲観の流れで行こうかとも思いましたが、いしがまやに罪はないのでハンバーグの話します。

自ら「究極のハンバーグ」を謳う不遜。

店の中央にはまさに「石窯」が置かれていて、ちょうど焼きあがったハンバーグが取り出されているところでした。

もううまい。

ところで、このゆるかわいい「いしがまや」のロゴ、テイストが何かに似てるような、と思ったら里親募集サイトの「ペットのおうち」でした。

いざ見てみるとあんまり似てない。でもゆるかわいい。一応デザイナーのブログなのでこれみよがしにこういった話題を挟んでいきます。

何かしらのスープ！

一番おすすめっぽい、メニューの一番左上に載ってるセットに、これまたおすすめされたチーズトッピングを追加したやつを注文しました。チェーンショックで記憶もメモもだいたい飛んだ。

まず運ばれてきたのはトマトのスープ。
メジャーな英語っぽい名前があったような気がするけど思い出せません。
何かしらのトマトのスープ……。

ハンバーグ！

そしてスープに遅れること数分、ハンバーグがやってきましたが慌てることなかれ。
この段階ではまだハンバーグは完成していません。

しっかりと中に火を通すため、きれいな球だったハンバーグは目の前で店員に真っ二つにされ、潰すように鉄板に押し付けられ……。

これさわやかで見たやつや。

でもこれどうしよう、真っ二つの写真撮るのか……、と思っていたらやられたのは妻のハンバーグだけで、後から運ばれてきた僕のハンバーグはすでにいい感じに切って、切った上からチーズが乗せられていました。

美しい。店員さんが置いていった砂時計が落ちきるまで、油ハネに耐えながらじっと待ちます。

ハンバーグはうまい

うまい。例の「さわやか」より肉汁たっぷりでジューシー？な感じがします。

うまい。

チェーン店はうまい

しかし、と思って念のため調べてみるものの、

チェーンストア (Chain store) とは、大資本を元手にブランド、経営方針、サービスの内容、外観などに統一性を持たせ、多数の店舗の運営や管理を行う経営形態のこと。チェーン店（ - てん）とも呼ばれる。

チェーンストア - Wikipedia

言い逃れる余地なくチェーン店でした。

大資本が織りなすハンバーグうまい……。「露骨なチェーン店」ではないので良しとします……。

ではでは。

いしがまやハンバーグアトレ吉祥寺（いしがまやはんばーぐあとれきちじょうじ）
東京都武蔵野市吉祥寺南町1-1-24 アトレ吉祥寺B1
0422-22-1678
http://www.kichiri.co.jp/

癒し系ネパールカレー屋「Sajilo Cafe（サジロカフェ）」

2017-02-02T09:00:00Z

吉祥寺駅北口からサンロードを抜けて、右に5分ほど歩くと見えてくる路面店「サジロカフェ」。
今回行ったのはがっつり夜でしたがランチの時間ならきっともっとおしゃれな写真になったはず……。

平日は15時半から18時の間は営業していないため注意が必要です。

最初「ディナーセットにしようかな～でも単品の方が安いな～」と貧乏性を発揮したところ、単品はルーオンリー、ナンは別料金だと気づいて慌ててセットにしてもらったのですが終始にこやかな対応でした。ネパール人優しい……。

スパイスがいろいろ入ってそうな図。

余談ですが、静かだった店内に突然BGMが流れ出して「誰かの誕生日か！？ネパールでもそれやるのか！？」と思っていたら音楽をかけ忘れていただけのようでした。
そうだよね。めっちゃ仏教っぽい曲だったしね。

ディナーセットの内容

シシカバブサラダ添え
カレー（ベジタブル、チキン、マトン、プラス100円でサグチキン、バターチキン）
プレーンナン
ドリンク（チャイ、ラッシー）
デザート（クルフィー、ココナッツアイス）

クルフィーって何？と思っていたら親切な店員さんが「マンゴーのアイス」とすごくざっくり教えてくれました。

シシカバブのボリュームが既にすごい

これに半ライス付けてくれたら普通に満腹になりそう。

シシカバブ自体あまり食べたことがなくて「なにこれ？」と思いながら食べましたが、めっちゃジューシーでおいしかったです。

メインのカレー

左がチキンカレー、右がサグ（ほうれん草）チキン。

インド系（？）のカレー屋に行くといつも「野菜食べてるからセーフ」的な罪悪感回避にサグチキンを選ぶのですが、サジロカフェのサグチキンはあまりサグサグしくなく、カレーの味を邪魔することなくいただけました。
これまで食べたインド系カレーで一番おいしいかも。

ナンのボリュームもすごい

でかい。

どこかで読んだことがあるのですが、ナンはごはんと比べてカロリーが高い代わりにごはんより腹持ちがいいそうです。ヒィヒィ言いながら完食したのですが翌朝まで満腹が続きました。

インドのマンゴーアイス「クルフィー」

不思議な味だった……。マンゴーの風味もかすかにするのですが、なんだろう……インドカレー屋のレジによく置いてあるチョコスプレーみたいな見た目の、薬みたいな味のするやつ（？）のような風味が強かったです。

あと、思っていたより硬かった。アイスの実くらいでしょうか。おいしくいただいたけど。

食後のチャイ

ホットかアイスか選べるのですが、寒かったためホットにしました。冷え性に悩まされる身なのでショウガ摂取するとすごく良いことをした気持ちになる……。

そこまで店内が寒かったわけではないのですが、いざ写真を撮ろうと思ったら表面に膜の張った写真になってしまいました。

総括

めちゃくちゃおいしかったです。あとサジロカフェがやってるインスタがめっちゃオシャレです。誰が更新してるんだろう……。

ではでは。

Sajilo Cafe（サジロカフェ）
東京都武蔵野市吉祥寺本町1-36-8
0422-77-9468
http://sajilocafe.jp/

国内SNS対応のアウトラインアイコンフォントを作りました

2017-01-31T09:00:00Z

最近流行りの「アウトラインアイコン」。
いい感じのものを探していたのですが、デザイン系のフリー素材はどうしても海外のものが多く、「はてブ」や「LINE」が含まれているものが見つけられませんでした。

ので、下記作りました。

追記
思うところあって「mixi」も追加しました（ついでにちょっとサイズが小さかったのを修正しました）。

ダウンロード

上記の「ダウンロード」からzipファイルをダウンロードできます。

以下は解説など。

SNSアイコン

Twitter
Facebook
Instagram
LINE(大・小)
Pocket
Google+
はてなブックマーク
mixi New!

海外の素材ではあまり見られない「LINE」「はてブ」を含め、主要SNSのものも一応作りました。

ファイル形式

.eot
.ttf
.woff
.svg
.ai
.fw.png(Fireworks PNG)

フォントファイル類はIcoMoonさんにお世話になりました。 CSSで下記のようにご利用ください。

@font-face {
  font-family: 'jsoi';
  src:  url('jsoi.eot');
  src:  url('jsoi.eot#iefix') format('embedded-opentype'),
    url('jsoi.ttf') format('truetype'),
    url('jsoi.woff') format('woff'),
    url('jsoi.svg#jsoi') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'jsoi' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
  content: "\e900";
}

.icon-facebook:before {
  content: "\e901";
}

.icon-instagram:before {
  content: "\e902";
}

.icon-googlep:before {
  content: "\e903";
}

.icon-line:before {
  content: "\e904";
}

.icon-lines:before {
  content: "\e905";
}

.icon-pocket:before {
  content: "\e906";
}

.icon-hateb:before {
  content: "\e907";
}

あと念のためFireworks PNG（Fireworks PNG）も同封しました。

ダウンロード

これまで作ったものを配布することがあまりなく不慣れなため、過不足あればご指摘いただけると幸いです。

利用例

当サイトと同じテンプレートを使いまわした他サイトで実際に使ってみました。

PC

この記事の少し下にも同様のスタイルで通常のアイコンのバーが表示されているので比較するとわかりやすいかも知れません。

スマートフォン

もともとはこのサイトで使いたくて作りました。だいたいイメージしていた通りで満足です。

アウトラインアイコンの余談

「最近インスタのアプリとかで使われてる線の細いアイコン『アウトラインアイコン』って言うんだ〜」と思っていろいろ調べていたら「シンラインアイコン」という新語を目にしました。
シンラインとは……。

ではでは。

アンダーグラウンドなクレープ屋「クレープハウスCIRCUS（サーカス）」

2017-01-27T09:00:00Z

吉祥寺サンロード奥側（ヨドバシカメラの通りを過ぎたところ）の郵便局の路地に佇む一見殺伐としたクレープ屋「CIRCUS」。

閉店している状態で通りかかることが多く、薄暗い路地裏に隣のパチンコ屋や壁の落書きも手伝ってなかなかアナーキーな雰囲気です。

これが外の椅子。この空間だけ謎にニューヨーキー。

13時30分から20時営業。火曜日が定休日。

行かねば。

サーカスのクレープ

行きました。予想以上の賑わい。

メニューが多すぎて選ぶに選べないためオススメされているらしい「生クリームスイートポテト」を注文。

店の奥にしょこたんのサインが。

一見普通のクレープの調理風景で、

完成してもやっぱり普通のクレープに見えると思うのですが、生地がかなり厚く、歯ごたえがあります。

クレープといえば、薄く柔らかい生地に薄っすらとチョコや生クリームが透けるイメージですが、全く透けることなく、何ならひっくり返せばコーンのように自立しそう。

先程の営業時間の写真にちらりと写り込んでいる新聞によると、書家の旦那さんと絵の学校に通っていた奥さんとでパリに留学した頃に食べた「お腹いっぱいになるクレープ」をイメージして作られているのだとかで、食後のデザートみたいな軽々しい気持ちでいくと痛い目を見ます。

今回食べた「生クリームスイートポテト」もおいしかったのですが、次回はぜひ*「タマゴレタス」とか「ハムチーズ」とかにいきたい*。絶対おいしい。

以上です。

クレープハウスCIRCUS（くれーぷはうすさーかす）
東京都武蔵野市吉祥寺本町1-12-13 センチュリーホーム吉祥寺ビル 1F
0422-21-4257

4文字.comドメインはまだ取得できる。そう、Leetドメインならね

2017-01-26T09:00:00Z

しばしば「インターネット上の住所」とも訳されるドメイン。
ドメインを取得するのはいつでも心躍る体験で、はじめてドメインを取得したあの日が今でも思い出されます。

そんなドメインですが取得は基本的に早い者勝ちで、人気の高い「.com」ドメインはもはや希少、数億円で取引されることも珍しくありません。

誤って放流された「google.com」が6006.13ドル（数字列がGoogleに見える）で買い戻された事件や、差し押さえられた「sex.com」が競売に掛けられ史上最高額の13億円で落札後、ギネスブックに載った事件等は記憶に新しいかと思います。

よって、現在3文字.comドメインはすべて取得されており、4文字.comのドメインも英字のみのものは全滅。
残すは数字を含む一見意味のない文字列のみとなっております。

Leetドメインとは？

すみません。勝手に作った言葉です（多分）。
ジャスティンとかがツイートして話題になったら起源を主張する予定です。

Leetとは？

Wikipediaによると、

leet（リート、1337、l33t）は、主に英語圏のパソコン通信や、インターネットの電子掲示板などで使われるラテン文字の表記法である。「leet」は、「elite」（エリート）が「eleet」に変化し、さらに語頭の「e」がとれてできた俗語である。日本では「ハッカー語」と呼ばれることもあるが、ジャーゴンファイル内にはこれを指して「cracker slang」という少々キツい表現が見られるなど、昔カタギのハッカーからは（近年の）アングラ的傾向のある方面の語という捉え方もあるので注意を要する。

Wikipedia

だそうで、つまり、数字や記号を駆使して英字を表現する方法です。
日本でいえば「ギャル文字」が近いかも知れません。

実際にドメインとしてLeetが利用されているケースとしては**「Airbnb（airbnb.com）」の「& → n」はLeet表現**と言えるのではないでしょうか。
あとは、デザイナーにおなじみの「Dribbble（dribbble.com）」が「drib7e」みたいな短縮URLを使っていたような気がしたけど見つけられず……。

ドメインに使えそうなLeet対応表

文字	Leet表現
a	4
b	8 13 l3 j3
c
d	17 l7 c1 cl
e	3
f	v
g	6 9
h	1-1
i	1
j
k	x
l	1 7 el
m	nn rn
n
o	0 p
p	1o lo 9 17
q	9
r	12 l2 1z lz 2 12 l2
s	5 z 2
t	7
u	v
v
w	vv uu 2u 2v
x
y	j 7
z	2 7 s

今回はわかりやすく、

l → 1
o → 0

を見ていきます。
探すのが地味に大変で今回は諦めましたが、

g → 9
l → 7
q → 9
s → 5
y → 7
z → 2

あたりは日本人にも（ややギリギリ）伝わりそうですね。

ではでは。

フリーランスのための「セルフメディケーション税制」簡易まとめ

2017-01-23T09:00:00Z

今年からはじまった新しい税制「セルフメディケーション税制」についての覚え書きです。

セルフメディケーション税制とは？

ざっくり説明すると年間12,000円以上薬買ったら、

従来の医療費控除（10万円以上の病院代控除）
新しいセルフメディケーション税制控除（12,000円以上の薬代控除）

どちらの控除を受けるか選ばせてあげるよー、というものです。

昨年力一杯歯医者に通ったものの数万円しかいかなかったぼくとしては新たな選択肢に期待が高まります。

セルフメディケーション税制の対象医薬品

そんな期待の高まるセルフメディケーション税制ですが、薬だったら何でも良い訳ではなく、下記のマークのついた「スイッチOTC医薬品」が対象医薬品となります。
（まだはじまったばかりの制度なのと、マーク自体が任意のため対象医薬品ならマークの有無は無関係だそうです。）

ありがたいことに我らが厚生労働省がPDFと！ Excelで！対象医薬品をWeb公開してくれています。

セルフメディケーション税制対象品目一覧

有名所では、

アリナミンEXゴールド（武田薬品工業株式会社）
イブA錠（エスエス製薬株式会社）
バファリンプレミアム（ライオン株式会社）
アンメルツNEO （小林製薬株式会社）
ビーエスバンFRテープV （株式会社大石膏盛堂）
アレグラFX （久光製薬株式会社）
ロキソニンS（第一三共ヘルスケア株式会社）

辺りが重宝しそう。（Amazonで「セルフメディケーション税制対象商品」で検索すると捗ります。）

個人的に意外だったのですが、虫刺されの「ムヒ」や禁煙の「ニコレット」も対象となっているようです。

どのみち確定申告の避けられないフリーランスとしてはありがたく利用したい限りです。
「年末の駆け込みロキソニン」とかが風物詩になったりするんですかね……。

ではでは。

意外にも漢のカツカレー「Marukatsu shokudo（まるかつ食堂）吉祥寺店」

2017-01-19T09:00:00Z

トルティーヤと呼ばれる小麦粉を薄く伸ばした生地にごはんや具材を巻いたメキシコ料理「ブリトー」と、日本のトンカツ、そして「米」を組み合わせた日本人向けの新しいファストフードを売り出す「まるかつ食堂」。

「そういうおしゃれ新しいのはちょっと……」と敬遠気味だったのですが、メニューを見ると「カツカレー」や「とんかつ定食」などの比較的馴染み深いものも。

実は以前にも一度来たことがあってその時は女性の店員さんばかりだった気がするのですが、一新されたのかたまたまか、この時は男性の店員さんオンリーでした。

注文してから2階の席に移動し、待つこと数分で出てきたカツカレー。
サラダとポタージュもセットで出てきます。

2017.07.02 追記潰れてました。

黒いカツカレー

ルーが黒い！
味も思いの外本気で辛くて、ある程度辛いものが好きな人でないとつらい恐れが……注文時に辛さの調節とかできるのかな……。

カツは揚げたてのサックサクで、しっかりと歯ごたえのある硬めのカツ。うまい。

本気で辛いカレーとがっつりいただけるカツ。
総合的に見ると、意外にも、完全に男性向けなような気が……。

お冷はセルフサービスで、食後はセルフで食器を下げて帰るスタイルです。

豚のロゴをあしらったコップが可愛い。

以上です。

Marukatsu shokudo 吉祥寺店（まるかつしょくどうきちじょうじてん）
東京都武蔵野市吉祥寺本町1-13-2
0422-27-6326
http://marukatsu-shokudo.com/

おしゃれなプレートランチ「オーケストラ吉祥寺」。トマトムースはデザートか否か

2017-01-16T09:00:00Z

吉祥寺駅の北口から出て左に向かうと吉祥寺北側のプチおしゃれ通り（UNIQLOの裏らへん）。
そんな中にランチが人気の「オーケストラ吉祥寺」はあります。

前を通りかかるたびにかわいいイラストのメニューが気になってました。

お店は階段を登って、

謎のバスタブの隣に入り口があります。

入り口にあったのと同じメニュー。

ランチはおしゃれなワンプレートで、

サラダ
ココット（メインディッシュ？）
ごはん
飲み物

が選べる形です。

内容は左上から、

バター不使用の野菜ケーキ
豚肉とレンズ豆の煮込

真ん中、

鶏ささみとひよこ豆の野菜カレー（おかわり自由！）
トマトムースバジルソース
週替わりスムージー（ほうれん草・人参・生姜・れもん・林檎）
きのことパルミジャンのチャウダー

下、

紫キャベツと胡桃のサラダ（イラストといっしょ！）
キャロットラペ
バテカン入りクロワッサン卵サンド

選んだ内容がめっちゃ豆好きな人みたいになった。

豚肉の角煮、ほどよい歯ごたえを残しており大変おいしい……。

トマトムースはこれ、おかずなのかな……？
食べるタイミングがおじさんには難しい……。

以上です。

オーケストラ吉祥寺（おーけすとらきちじょうじ）
東京都武蔵野市吉祥寺本町2-4-6 H-スクエア吉祥寺 2F
https://tabelog.com/tokyo/A1320/A132001/13158264/

新年のご挨拶と今年の抱負

2017-01-11T09:00:00Z

2017年がやってまいりました。本年もよろしくお願いいたします。

以下、箸にもつかぬよもやま話です。

昨年のこと

思い返せば、一瞬で過ぎ去ったようでいていろいろなことがありました。
その多くは言いふらすようなことではないため割愛しますが、昨年同様「今年こそちゃんと頑張ろう」という気持ちでいっぱいです。

昨年の「新年のご挨拶」エントリーを見てみると、随分熱心に新規サイト立ち上げやら既存サイトのリニューアルやらをしておりますが、今年は特に何を作るでもなく実家でゆっくり新年を迎え、その癖、東京に戻るや否や体調を崩す最悪のスタートを切りました。

インフルエンザでなかったことだけが不幸中の幸いですが、今年の風邪はタチが悪く、インフルエンザ並みのつらさを伴うそうで、実感としてもその通りなのでみなさまご自愛ください。
病院で眠れないほどの体の痛みを訴えて湿布を処方された時は、本当にこの世の終わりかと思いました。

あとHuluからNetflixに乗り換えました（UIが格好良いので）。

今年のこと

抱負の話題になると毎年「とりあえず一年間健康で」などお茶を濁していたのですが、本年はもう少し具体的に書き記して自分を追い込んだりしたいと思います。

セルフブランディングっぽいことなど

実は昨年からひっそり考えていて、どちらかというと卑屈なタチなので縋った横文字にさえ恐縮してしまう次第なのですが、当サイトのリニューアルでも自分のプロフィールが出るようにしたりして、

みたいな割とどうでも良いこともブログに残すようにしました。

これまで「唯一無二のコンテンツでなければ存在する意味がない」的な変にストイックな思考に囚われすぎているところがありました。
それが間違っていたかは今もわかりませんが、「僕がどう感じたか」だけは唯一無二なはずなので積極的に発信していきたいです。

そんなわけで吉祥寺の美味しいお店などを紹介するコンテンツをはじめました。恐らく僕の夕食を垂れ流すだけのブログになります。よろしくお願いいたします。

人と関わる

出不精だからかいろいろなところで「誘っても来ないかと思って」と蔑ろにされて悲しいです。
ずっと目つきが悪いせいかと必死に菩薩の表情を心がけてはいたのですが、足りないようなので恥も外聞もなく書き記します。

遊びに誘ってください。誘ってください。

新年の抱負まとめ

あと細かいところでいえば、

今年で30歳になるのでヒゲが似合いたい
体重を50キロ台に戻したい
プログラミング頑張りたい
フルサイズ一眼欲しい
海外旅行に行きたい
猫飼いたい

などいろいろありますが、とりあえず一年間健康でいたいです。

以上、本年もどうぞよろしくお願いいたします。

みんな大好き回転寿司「まぐろ人（まぐろびと）」

2017-01-10T09:00:00Z

「コスパの高い吉祥寺の回転寿司店」としてさまざまなメディアでも紹介される有名店「まぐろ人」。
場所は吉祥寺レンガ館モール地下1階で、昨年は同ビルにかの有名なパンケーキ屋「しあわせのパンケーキ」が入り、よりイマドキになりました。

そして「まぐろ人」なんですが、実はチェーン店で秋葉原や府中、八王子や立川にもお店があるそうで、吉祥寺にはなぜか2店舗も。

「おすすめ握り」に隠された看板。

さて、最初に申し上げます。
刺身食えません。

しかし、寿司が嫌いなわけではないのです。
玉子とエビ、炙りサーモンはとても好きです。

まぐろ人の寿司

回転寿司ではありますが流れる皿の数はやや控えめで、どちらかというと気軽に板前さん（？）に声をかけて注文するスタイル。

卓上にはお品書きもありますが載っているのはあくまで一部で、四方の壁や「本日のおすすめ握り」から注文するのが通のようです。

以下、ひたすらネタを。

エビ。

玉子。

炙りサーモン。

イクラ。

うに。

青のり汁。
ここの青のり汁めっちゃ美味しい……、と思ったけどそういえば美味しくない青のり汁飲んだことない。

以下からどんどん寿司の話題から遠ざかります。

選べるお茶

「まぐろ人」ではほうじ茶、煎茶の2種類からお茶が選べます。
一般的な回転寿司屋と同じく卓上からお湯の出る蛇口が生えたセルフ方式なのですが、お茶の粉が二種類設置されている形です。

久々に飲んだけどほうじ茶うめぇ……。

寿司、そして天ぷらへ

個人的に回転寿司屋に天ぷらのイメージは全くなかったのですがどうなんでしょう。
一般的なんでしょうか。

とにかく「まぐろ人」では美味しい天ぷらが食べられます。
茶碗蒸しや青のり汁と同じく板前さんを通さずホールの女性に注文すると奥の厨房から出てきます。
「注文が入ってから揚げるため十分ほどお時間をいただきます」とのことでしたが、できたてで出てくる天ぷらのうまいことうまいこと……。

ぼくが注文したえび天は塩がかかった状態で運ばれてきて、レモンも添えられていました。テーブルの上にも塩が備え付けられていて「最近は寿司も岩塩でいただくのが通なのかな？」とか思ってたけど早まらなくて本当によかった。

完全な余談

板前といえば江戸っ子。
店内には掛け声が響き渡り、その様相はラーメン屋、居酒屋にも並ぶ勢い、というのが個人的な印象なのですが、もし「スキンヘッドにねじれ鉢巻」の板前さんを見つけたらぜひ注目してみてください。

活気はあるのにうるさくない！

目の前にいるのにどこか声は遠く、狭い店内に響かず浸透する清涼感。
奇妙な感覚をぜひお楽しみください。

お詫び

吉祥寺生活も3年目に入り、吉祥寺の情報をお届けするブログをはじめてはみたものの食べ物を文章で説明するの難しいですね……。
寿司だからかも知れない……。

次回から頑張ります。ではでは。

まぐろ人吉祥寺店（まぐろびときちじょうじてん）
東京都武蔵野市吉祥寺本町1-8-5 吉祥寺レンガ館モール B1F
0422-23-8075
http://www.magurobito.com/

可愛すぎるスマートウォッチ「Pebble Time Round」購入と時計沼の足音

2016-12-29T09:00:00Z

かねてより「Pebble Time Round」のデザインがめちゃくちゃ好きで、かといってスマートウォッチを使いこなせる気がまったくしなくて踏みとどまっていたのですが、今月の8日にFitbitに買収されるのが確定してようやく踏ん切りが付きました。
二度と買えなくなってしまうのなら今買うしかない……。

Pebble Time Roundとは？

iOSでもAndroid OSでもなく「Pebble OS」という独自OSを搭載した世界初のスマートウォッチ「Pebble」から、「低電力白黒ペーパー液晶で実現する一週間充電不要なバッテリー」や「完全防水」などのギークな仕様をかなぐり捨て、丸く、薄く、軽く、デザイン性重視で進化を遂げたスマートウォッチ。

バッテリー持続時間は約2日にグレードダウンしたものの、わずか15分間の充電で1日使えるとのことなのでそこまで神経質になる必要はなさそう。
発売されたの去年の11月頃なので結構いまさらな情報ではありますが……。

なお、ベルトが20mmのものと14mmのものの2種類、ベゼルの色が「ブラック」「シルバー」「ローズゴールド」と3種類、それぞれの組み合わせで計5種類あって、文字盤？のデザインも微妙に違います。

ベゼルとベルトの組み合わせも選べたらいいのに……、と思ったら一部別売りであるようです。

ブラック20mmに茶色いレザーのPebble可愛い……。

Pebble Time Round Special Edition も！

今年の6月頃にKickstarterに投稿された新しいPebble、「Pebble 2, Time 2 + All-New Pebble Core」と一緒にお披露目されたピカピカベゼルの「Pebble Time Round Special Edition」。

新しいPebbleはGPS機能が追加されたそうなんですがPebble Time Roundのほうは見た目以外大きな変化はないとのこと。

「Pebble Time Round」の Special Edition が KickStarter で出資受付開始！$199から

9月発送らしいのでもう国内でも入手した人がいても良さそうですがあまり情報出てないですね……。

Pebble Time Roundの見どころ！

個人的な趣味を多分に含む見どころのご紹介。

丸い！

この丸さがまず可愛い。内側のちょっとチープな非液晶部分さえおもちゃっぽくて愛らしい。

同じく丸いメジャーなスマートウォッチにモトローラの「Moto 360」がありますが、こちらはもっとスタイリッシュな印象。

ラグが出っ張ってて可愛い！

なんといえばいいんでしょう……。文字盤を真上から見るとすき焼きの鍋みたいなシルエットになると思うのですが、この取っ手の部分が素敵です。

モトローラ Moto 360の初代「1st Gen」にはこれがなくて低い円柱型の本体内部に差し込む形でラグがあるのですが、「2nd Gen」からはベルトの交換を手軽にするためかこれが追加されています。

個人的にここが出っ張っていたほうがレトロな感じがして好きです。

ぼてっとしたボタンが可愛い

Pebbleはタッチパネルではないため左側に1つ、右側に3つもの物理ボタンがあります。
あの小さな画面でタッチパネルだと操作が窮屈そうなため、それだけでももちろんメリットなのですが、そのボタンのデザインがぼてっとしていてまた可愛いのです……スチームパンクっぽいというか……スチームパンクっぽくはないけど……。伝えられる気がしない……。

ベルトが自由に交換できる！

Pebble Time Roundのベルト幅はもっとも標準的な20mm（と14mmのモデルも）。
Apple Watchのような独自規格ではないため既製品との交換も自由自在です。

余談ですがこのベルトの部分、「ベルト」「バンド」「ストラップ」と表記揺れがなかなか激しくてググラビリティがすこぶる低いです。

iOSとAndroid両対応！

Apple Watchはデザインがあまり好みではなくて、機能的にはAndroid Wearが一番望ましかったのですがiPhoneからでは一部の機能に制限がつくそう。

「Pebble OS」はどちらのOSにもばっちり対応しています。

5日ほどでPebble到着

20mmにするのは決めていたのですが、白か黒かが悩みどころでした。
結局白だと文字盤がごちゃごちゃしているのと、フレームがシルバー、文字盤が白と2色になるのが嫌で黒いほうにしました。
シルバーのほうがストラップの金具と揃えやすいので本当に悩ましかった……。

浮かれて開封したためすでに本体は箱の外ですが、サイズ感がわかるように一応写真を……比較対象としていろいろ載せてみたけどわかりやすいのか不明。

ベルトを交換する！

浮かれ果てていろいろリサーチしていると、NATO（ナトー）ストラップというのが流行っているそうです。

NATOストラップとは？ North Atlantic Treaty Organization（北大西洋条約機構）統合軍で支給されていた丈夫さと水洗いできる清潔さを兼ね揃えたミリタリー規格のベルトで、正式名称は当時のNATO装備品コード「G1098」から「NATO G10 Strap」。
特徴は「ナイロン製」「尾錠などは縫合ではなくナイロンを溶かして結合」あたり。
映画「007」で「一流のものしか身に着けない」とされるジェームズ・ボンドもNATOストラップの愛好家なのだとか。
（本設定をプロモーションに使おうと打診したSUMSUNGがあっけなく断られたエピソードとか有名ですね。）
あと、かの有名な「Daniel Wellington（ダニエル・ウェリントン）」も、創業者がイギリス旅行中に見かけたイケメンがしていたNATOストラップの腕時計に一目惚れして生まれたそう。そのイケメンの名前がダニエル・ウェリントン氏。創業者じゃなくて。
また、実際の規格にそっていなくても似た形状のものを「NATOタイプ」と呼ぶが、混同されることもしばしば。
多分「非ギブソンのレスポール」みたいな扱い。
別名「NATOバンド」「NATOベルト」「G10ストラップ」「ミリタリーウォッチベルト」など。

ギターのボリュームポットとかも無駄にミリタリースペックで揃えたぼくとしては惹かれずにはいられない……。

流行はさておいても、

直接時計が肌に触れないため金属アレルギーでも安心
Pebbleは肌に触れる部分に充電用の端子があるため汗っかきも安心

のようなメリットもあります。乗るしかないこのビッグウェーブに。

なお、下記のサイトでもPebble Time Roundにいろいろなベルトをつけた様子が見られます。

The Best Straps for Pebble Time Round (20mm) （ドメイン pebblestuff.io だけど公式なのかは未確認。）

NATOストラップの豆知識

ざっくりと調べた範囲だと、

現在も製造を続けているのはフェニックス社のみ
日本での輸入及び販売は「なかやま合同会社」のECサイト「クロノワールド」のみらしく、価格は4,000～5,000円程度
イギリスの通販サイト「Monkey Swag」だと14～18ポンド（2,000～2,600円）

らしいです。
個人輸入したほうが安そうな気もするけど、イギリス製品には「付加価値税」なるものがあったりするらしく、なかなか悩ましい……。

ベルト交換に必要なもの

ベルトの交換には、

ベルト本体
バネ棒 20mm（と取り付け器具）

が必要です。

悩みに悩んだ末に「StrapsCo」というところのレザーのものと、「Phoenix社」の黒いNATO正規ストラップを買いました。

「NATOストラップの正規品はホントすごいから一個は持っとけ」みたいな記事をどこかでみて買ってみたのですが、そういえば非正規のNATOストラップも使用経験がないため比較できませんでした。

「StrapsCo」はレザー製のNATOタイプのベルトが充実していて、世界中送料無料っぽい。
いろいろ見た後だとめっちゃ安い……。

その他の気になったベルト

純国産ブランド「Knot」

国内の*クラウドファンディングから生まれた新進気鋭の国産時計ブランド「Knot（ノット）」*のベルトがめちゃくちゃ可愛くて買う寸前までいったのですが、男女兼用のためベルトは18mmで統一されているそうです……2mm……。

Knot（ノット）ヌバックレザーストラップ　替えベルト(幅18mm) ダークブラウン & ブラックバックル

先述の「007」のジェームス・ボンド氏も割りとサイズ足りてない（20mmのラグに16mmくらい？）ベルトしてたし良いのかな……でも取れそうで怖い……。

「Maéstro Watch Co.」のNATOストラップ

「1万円以下で高級感あふれる腕時計を」のコンセプトでKickstarterを騒がせた「Maéstro Watch Co.」のNATOタイプのベルト。

NATOストラップなのに高級感あって新鮮。

Maéstro Nylon Watch Strap

「Rossling & Co.」のウール製ベルト

こちらも「薄い！安い！ミニマル！」でKickstarterを騒がせた「Rossling & Co.」のベルト。
「フェルトっぽいのベルト可愛いなぁ」と思ってたら別売りで買える模様。

Aberdeen Tweed Strap (20mm)

「Daniel Wellington（ダニエル・ウェリントン）」のKickstarterっぽい色のNATOストラップ

有名人（？）に媚びへつらってすっかりイメージが悪くなってしまいましたが、ロゴとか可愛いですよね。シンプルで好きです。
ぼーっとNATOストラップ漁ってたらKickstarterみたいなカラーリングのベルト見つけたので置いておきます。

Watch band Classic Warwick 20 Silver

「オメガ」のNATOストラップ

これは正直欲しいわけではないのですが、あの有名な高級腕時計ブランド「オメガ」でもストラップだけなら頑張れば買えるんだなぁ、と庶民的な衝撃に襲われたので。

アクセサリー NATOストラップ

できあがり

ベルトかえるのめっちゃ楽しい……。

以下ひたすら写真。

NATO正規ストラップ。正直他の色が良かったのですが金具（尾錠）が黒なのはこれだけのようで……。

正面。文字盤はCやJSで自作したり、専用のアプリストアからダウンロードできます。
上の写真のは「PRISMCLOCK」。

裏側はこんな感じ。

レザーのNATOタイプストラップをつけたところ。
ラグの隙間がなかなかタイトで、ややねじ込むように装着されてますが特に問題はなさそうです。

裏側にロゴ。
あまりクールでない。

正規品ではないNATOストラップなのでナイロンではなく、縫合も糸です。

横から。
ボタンかわいい。
うっすら見えているかも知れませんが、貧乏性なので「OverLayの保護フィルム」を貼っています。
ぴったりサイズでほとんど目立たないのでおすすめです。

無骨かわいい。

ボタンかわいい。

アップ。

セクシー。

あと、いろいろなサイトでも言われていますが、PebbleにNATOストラップつけると下記のように充電中すごく無様な感じになります。

写真のアダプタはMicroUSBをPebbleの充電端子に変換するアダプタです。
安いので自宅用と携帯用で2つ買いました。

Pebble Time Roundの日本語化と初期設定

下記のサイトを参考にさせていただきました。

Pebble timeの初期設定〜日本語化、実際に使ってみるまで

Time Roundではなく、さらにAndroidですが基本的な作業は一緒なのでまったく悩むことなく設定を終えられました。

Pebble Time Roundまとめ

そんなこんなでアクセサリーやらなんやらを合わせると、

36,837円のお買上げ。
Apple WatchやMoto 360と比べるとかなり安いのでいい買い物に違いないけど、次々新しいストラップが欲しくなりますねこれ……。

でもロレックスとかと比べたら全然安い。セーフですね。

ではでは。

アフィリエイトデビューから半年経過のご報告

2016-12-19T09:00:00Z

はじめてのアフィリエイトサイトを公開したのが6月中旬。早いもので半年が経ちました。

手探りではじめてみたものの、世間では当然公開されたものしか公開されていないため、サイトを作ったら公開するのが一般的だと思い込んでいました。
まさか、一歩間違えば「リンク乞食」などと蔑まれる恐ろしい所業だったとは（幸い好意的な声が大多数でしたが）。

せっかく公開したので、サイト公開からの半年間のいろいろをご報告します。

サイト公開時の反応

6月中旬に「Web屋ですがアフィリエイトはじめました」という記事を公開したところありがたいことに著名なアフィリエイターさんにツイートしていただいて、恐縮にもいろいろな方にデザインを褒めていただけました。

その後イベントでご挨拶させていただいたりしてご近所のお友達もできました。
もう思い残すこと何もない……。

サイトの運用

極度の飽き性のため予感はしていたのですが、やっぱり長くは続きませんでした。
サイト公開から2ヶ月後、8月時点で更新は止まっております。

クラウドソーシングなんかも活用してライターさんに記事を書いてもらったりもしたのですが、いろいろなところが気になって結局ほぼすべて書き直す始末。
飽きっぽい自分には無理だと諦め、個人間でWebサイトのM&Aができるサービスを利用して、公開したサイトのひとつ「犬ごはん」は幕を閉じました。

GMOさんが個人間でWebサイトを売買できるWebサービス「サイトM&Aマーケット」をリリースされたので

そして残った「ザ・ドッグデイズ」ですが、こちらは個人的に気に入っているためもう少し頑張ってみようかなと……思って……おります……。
UX MILKさんにも紹介してもらったし……。

アクセス数

作ったばっかりの頃にFacebook広告でUI改善とかしてたためなんの参考にもならないアクセス推移。

SEOとか

「Positionly」というツールで各キーワードでの順位の推移などをチェックしており下記のような感じになっています。

クラウド版GRCこと「Positionly」が結構なお点前。ざっくりとした使い方

ニッチなキーワードなので比較的順調に上がっていたのですが、放置が響いたのか少し下がってきてますね……。

ウォーターサーバーペット

ミネラルウォーター犬

ミネラルウォーター猫

ドッグデイズ

だいたい2～3ページ目にいます。サイト名での上位表示が一番過酷かも知れない……。

そして報酬は

レギュラーになった！
ドッグデイズとは全然関係ないついででバナー貼ってただけのサイトで！

今後とも頑張ります。

アフィリエイトをはじめて半年でわかったこと

よく「楽して稼げる」みたいな伝聞もありますが、曲がりなりにもプロがやってもこの様なので全然楽ではないです……。
人様の成果報告とか見てると半年で100万円とか達成してて、アレめちゃくちゃ凄いですね……普通に尊敬します……。

とはいえ、ちゃんとやれていない部分も多々あるので今後は頑張ります。運用とか。

ではでは。

クラウドファンディングが楽しすぎる。2016年に出資したもの

2016-12-15T09:00:00Z

2014年にその存在を知って以来、クラウドファンディングの誘惑は絶えずぼくを苦しめました。
空飛ぶスケボーとか、VRとか、ドローンとか、近未来アイテム楽しすぎる……石油王に見染められたい……。

せっかく少ないお小遣いをやりくりしていろいろと出資したのでここに記します。

Kickstarter

クラウドファンディングの王様兼先駆け的存在。同じくクラウドファンディング大手のIndiegogoと違ってアメリカ在住の人しかプロジェクトを作れないそうで、Indiegogoより大きめのプロジェクトが多い印象です。（実際に6倍くらいのお金が動いているそう。）

オールメタル3Dプリンター「TRINUS」

3Dプリンターを所持したことがないので分からないのですが金属製のものは高価ゆえにあまり出回っていないそうで「ちゃんと金属製のやつ作ったよ～しかも安価で！」みたいなコンセプトなのだとか。
まだ届いてないけど。

プロダクトがKickstarterにでて割とすぐ（3月？）に出資して、遅延を繰り返しつつも日本語版Trinusフォーラムなんかもできて当たりを引いたかなーという印象。
まだ届いてないけど。

英語力が残念すぎて大切なメールをスルーしたりしていないかだけが心配。

[TRINUS - The Affordable All-Metal 3D Printer](https://www.kickstarter.com/projects/1403065126/trinus-the-affordable-all-metal-3d-printer)

Type-Cケーブル用Mag Safe化アダプタ

MacbookのケーブルをMag Safeのように磁石にするアダプタ。
先月頃に出資を決めたばっかり。

[Snapnator: Your MacBook Snap feature is back!](https://www.kickstarter.com/projects/436147229/snapnator-your-macbook-snap-feature-is-back)

Indiegogo

先述の通り、Kicksterterよりゆるくプロジェクトを作れるため企画倒れも多い印象。
「Macbookのケーブルが断線しないようにするネジ」のような見ようによってはしょぼめのものもありますが、個人的には全然楽しい。

金属製のApple Pencilケース

本当に特筆する点がないのですが「Apple Pencil」のケース。
昔こういう「削りすぎて短くなった鉛筆を使う用のモジュール」みたいなやつありましたよね。

[PenSe: Apple Pencil Case.](https://www.indiegogo.com/projects/pense-apple-pencil-case/x/9570576#/)

バッテリー内蔵のiPhoneケース

そのものずばり。
便利すぎてもう手放せない。

[Air Case: The World's Thinnest iPhone Battery Case](https://www.indiegogo.com/projects/air-case-the-world-s-thinnest-iphone-battery-case-smartphone/x/9570576#/)

小型セルフィードローン

とてもとても楽しい。

Indiegogoで1年前に買ったドローン「ONAGOfly」がついに届いた！（空撮動画あり）

[ONAGOfly: The Smart Nano Drone](https://www.indiegogo.com/projects/onagofly-the-smart-nano-drone-video-camera/x/9570576#/)

電気ショック目覚まし腕時計

スマホの目覚ましアプリと連動して「バイブレーション」「ブザー」「電気ショック」で起こしてくれるウェアラブルデバイス。
最近電気を克服したのでもう効かない。

[Shock Clock WakeUp Trainer -Never Hit Snooze Again](https://www.indiegogo.com/projects/shock-clock-wakeup-trainer-never-hit-snooze-again-sleep/x/9570576#/)

香りで水の味を変えるコップ

糖尿病患者のため？に作られた香り付きのコップ。
水を入れて飲むと香り効果でジュースのような味を感じるのだとか。
まだ届いてないけど。

[The Right Cup: Trick Your Brain, Drink More Water!](https://www.indiegogo.com/projects/the-right-cup-trick-your-brain-drink-more-water-health-technology/x/9570576#/)

ライトニングケーブル兼MicroUSBケーブル

ライトニングケーブルにもMicroUSBケーブルにもなる一粒で二度おいしいケーブル。
ついこの間出資したばっかり。

[UNO: One Tip One Cable for ALL DEVICES](https://www.indiegogo.com/projects/uno-one-tip-one-cable-for-all-devices/x/9570576#/)

来年のクラウドファンディング

IoTやテクノロジー系のプロダクトが大好物でどうしてもスケール大きめの国外のサービスを贔屓にしがちでしたが、国内のCAMPFIREなんかも最近盛り上がってるっぽいので今年はもう少しチェックしていきたいです。
（家入さんをフォローしていると否応なしにそう見える説もある。）

気づけばもう二年くらい前だけどPetzvalのレンズとかは当時めっちゃ惹かれました。

CAMPFIRE、スマホアプリもあると見やすくて良いんですが……。

ではでは。

フリーランスのための楽しいふるさと納税 2016

2016-12-10T09:00:00Z

なんとなく耳にする機会も増え、気にはなっていたものの「低所得層には縁のないものでしょう……？」と目をそらしていた「ふるさと納税」について、確定申告も迫ってきたので調べました。

この記事はフリーランスの今年とお金の話 Advent Calendar 2016の10日目の記事です。
みんながライフスタイルとか働き方とか有意義な話してるなか浮かれた記事ですみません。

ふるさと納税とは？

ふわっとした理解なのですが、

寄付するとその分だけ翌年の税金から控除されるよ
「ふるさと納税」っていうリターン付きの寄付があるよ

ということなのだと思います。

もちろんしこたま使えば全額免除！とはいかず、上限は住民税の約2割まで。
2015年の税制改革までは上限1割だったそうなので実質2倍です。

ふわっとした控除可能額の算出方法

会社勤めの人の場合、下記のようにいろいろシミュレーターがあるようです。

ただし、こうやすやすとはいかないのがフリーランス。

基本的には「住民税の2割まで」とのことなので、まずは今年の収入から来年の住民税を算出する必要があります。

まずは「課税される所得金額」を調べる

売上から経費を引いたものが所得、所得から所得控除を引いたものが「課税される所得金額」です。
確定申告書ができていればの「課税される所得金額」にそのまま書いてあります。

ここからは仮に「課税される所得金額」が250万円として実際に計算していきます。
Aさんとしましょう。

「調整控除」を調べる

ややこしい話であまり理解しきれている自信はないのですが、「所得税と住民税で控除のウェイトずれてる！」を解決するための制度だそうです。

対象となるのは自分や家族、人に関する、

配偶者控除
扶養控除
障害者控除
寡婦控除
基礎控除

などの「人的控除」と呼ばれるもので、「課税される所得金額」が200万円以下かそれ以上かで算出方法が変わります。

課税される所得金額200円万以下の調整控除

a = 所得税 - 人的控除額 b = 課税される所得金額調整控除 = aの絶対値と b のどちらか小さいほう * 5%

課税される所得金額200円万超えの調整控除

a = 所得税 - 人的控除額 b = 課税される所得金額 - 2,000,000円調整控除 = ( a - b ) * 5% 調整控除が2,500未満なら一律で2,500

Aさんは独身一人暮らしなので人的控除は基礎控除のみ、「課税される所得金額」は250万なので、

a = 250,000 - 380,000 = -130,000 = 130,000 b = 2,500,000 - 2,000,000 = 500,000 調整控除 = ( 130,000 - 500,000 ) * 5% = -1,500,000 * 5% = -75,000 マイナスのため一律で2,500

基礎控除とは？

年末調整や確定申告をする場合、すべての納税者が受けられる一律の控除。

所得税 38万円
住民税 33万円

でかい。

所得税とは？

所得の税。

課税所得額	所得税率
-195万円	5％
195万円-330万円	10％
330万円-695万円	20％
695万円-900万円	23％
900万円-1,800万円	33％
1,800万円-	40％

「住民税」を調べる

住民税とは都道府県民税と市区町村民税を合わせて、先ほど計算した調整控除額を引いたもの。
住民税はいずれも所得で変動する「所得割」と、一律で定められている「均等割」から求められ、所得割はほぼ全国的に、

都道府県民税 4％
市区町村民税 6％

のようです。

都道府県民税 = 課税される所得金額 * 4% + 都道府県民税均等割市区町村民税 = 課税される所得金額 * 6% + 市区町村民税均等割住民税 = ( 都道府県民税 + 市区町村民税 ) - 調整控除

Aさんの場合お住まいは東京都武蔵野市として、

東京都の均等割 1,500円
武蔵野市の均等割 3,500円

とします。
ちなみに都内はどこも一律のようです。

都道府県民税 = 2,500,000 * 4% + 1,500 = 100,000 + 1,500 = 101,500 市区町村民税 = 2,500,000 * 6% + 3,500 = 150,000 + 3,500 = 153,500 住民税 = ( 101,500 + 153,500 ) - 2,500 = 255,000 - 2,500 = 252,500

ふるさと納税の上限金額を調べる

ここまできたらもう一息です。

「ふるさと納税」は寄附金のうち2,000円を超える部分を「所得税寄付金控除」「住民税基本控除」「住民税特例控除」として適応できます。
そして、その上限は住民税の所得割額の20％。

住民税所得割額 = 都道府県民税所得割額 + 市区町村民税所得割額ふるさと納税限度額 = 住民税所得割額 * 20% / ( ( 90% - 所得税率 ) * 復興特別所得税率1.021) + 2,000円 ※1円未満切り上げ

年間所得250万円、東京都在住独身一人暮らしのAさんの場合は、

住民税所得割額 = ( 2,500,000 * 4% ) + ( 2,500,000 * 6% ) = 100,000 + 150,000 = 250,000 ふるさと納税限度額 = 250,000 * 20% / ( ( 90% - 10% ) * 1.021) + 2,000 = 50000 / ( 80% * 1.021) + 2,000 = 50000 / 0.8168 + 2,000 = 61,215 + 2,000 = 63,215

63,215円！

ようやくここまできた……。
いろいろ調べながら計算したのでたぶん概ね合っているとは思うんですが、いかんせん専門家ではないので自信控えめです。
詳しいかたぜひ添削お願いいたします。

ふるさと納税る

使用できる金額がわかったところで、さっそくふるさと納税していきます。

ふるさと納税ができるポータルサイト？ ECサイト？はいくつかあるようなのですが、楽天だとポイントがお得、ふるさとチョイスだと品揃えが豊富ということで上記がおすすめです。
2017.01.27 来年に向けて今回は利用しなかった有名サイトを追加しました。

いやらしい話になってしまうのですが、ふるさと納税はあくまで納税。
「購入」ではなく「寄付」、「商品」ではなく「お礼の気持ち」なので、普通の楽しいお買い物と同じ気持ちでサイトを見ると料金の高さにびっくりします。
還元率といっていいのかわかりませんが、目安としては寄付金額の30-40%程度の額の品物がお礼の気持ちとして届くそうです。

ぼくは今年が初ふるさと納税でまったく知らなかったのですが、ぼくの地元の宮崎県都城市は「コスパのいいふるさと納税先」として知られているようです。
（アフィリエイトっぽいサイトで還元率160％って書いてあったけどさすがに盛ってる気もする。）

食べ物しかないのかー地域の名産品だもんなー、と思っていたのですが、一眼レフやダイソンの掃除機、航空券なんかもあるんですね……。
とりあえず航空券と都城のお肉貰います。

ではでは。

参考

CSS3「animation」で実装するmarqueeとblinkのアニメーション

2016-12-02T09:00:00Z

この記事は「今年お世話になったCSS Advent Calendar 2016」の2日目の記事です。

この記事を書くにあたって今年お世話になったCSSのことを一生懸命考えて、clearfixかoverflow辺りかなぁ、と思ったものの、もうflex-boxあるし、かといって下手に掘り下げると思わぬ地雷をぶち抜きそう。
なので一番わかりやすい**The CSS3、「animation」**のことを書きます。

お世話になったCSS「animation」

本当はbox-shadowやborder-radiusやbackground-size: coverにもめちゃくちゃお世話になっているのですが、それほど掘り下げる点がなく「めっちゃいいですよね！」の一言で記事が終わってしまいます。
その点、animationやtransformはいかにも新しくてわかりやすいです。

基本的な使い方はいまさらなので割愛しますが、ざっくりと紹介だけすると、いままでjs等でしか実現できなかったアニメーションがCSSだけで実装できます。

「animation」で実現する近未来の流れるテキスト

animationがいかに便利かデモを作ってみました。

See the Pen CSS Alternate Marquee by moro (@moro) on CodePen.

marquee!!

「CSS3でmarqueeを」という試み自体はあるものの、反復するものが見つからなかったので作ってみました。

「animation」で実現する風に揺らぐ灯火のようなテキスト

animation は何も要素を動かすだけのプロパティではありません。
タイムライン的にCSSを制御できるため、あらゆるプロパティを操作できます。
下記は上記の流れるテキストにもう一手間加えたデモです。

See the Pen CSS Alternate Marquee in Japan by moro (@moro) on CodePen.

blink!!

CSS3と共に、今まさに未来がやってきた。そんな感じがしますね。

以上です。

おまけ

下記はGoogle Chromeが提供している実際にブラウザで表示されたCSSプロパティの統計データ。
ここ24時間くらいにもっともみんながお世話になったCSSプロパティはdisplayだそうです。

Chrome Platform Status

GMOさんが個人間でWebサイトを売買できるWebサービス「サイトM&Aマーケット」をリリース

2016-11-25T09:00:00Z

さっそく手持ちの放置サイトをいくつか出品してみました。

作っては飽き、作っては飽きを繰り返してきた僕のような「作ることが目的」みたいになってしまっている飽きっぽいクリエイターにとって待ちに待ったサービスです。
（ちゃんと売れるかわからないけど。）

管理画面（ダッシュボード）のデザインや出品されているサイトの個別ページのデザインがBootstrap登場以前のエンジニアがとりあえず作ったプロトタイプかな？ と思うくらい質素ですが、かのGMOさんが運用されているので信頼性の面では大丈夫そう。

https://market.sitema.jp/

親サイト（？）の「サイトM&A」はしっかり作り込まれていそうなので、反響を見てこれから力を入れていかれるのでしょう。

「サイトM&Aマーケット」とは

個人間でWebサイトの売買ができるWebサービスです。

まずは、

名前
メールアドレス
住所
電話番號
免許書の写真

等をフォームに入力して会員登録完了です。

その後、（一営業日程度で）GMOの人から電話がかかってきて本人確認が完了すると入札、出品ができるようになります。
僕の場合は2時間後くらいにかかってきました。

なお、Webサイト単位での審査等は一切なく、Webサイトの情報を登録するとそのままリアルタイムで出品されて、選択した「掲載終了日」までに売れなければ何もなし、売れれば落札価格の15％（税込）の手数料がかかるとのこと。

使い方でそんなに難しいところはないので恐らく誰でも簡単に利用できますが、ヤフオクで自作Webサービスを販売されたりもしていた村上福之さんのブログが若干詳しいです。

50万円!?GMOさんのゆるくサイトを売れるサイトにいらないサイトを売ってみた。

出品したサイト

とりあえず下記の2サイトを出品してみました。

ドッグフード比較サイト「犬ごはん」

http://inugohan.org

過去に「Web屋ですがアフィリエイトはじめました」という記事でも紹介させていただいたアフィリエイトサイトです。

その後当然のように運用に疲れ、半ば放置されていました。
下記からどなたでもご入札くださいませ。5D欲しいです。

https://market.sitema.jp/website/75

ペットの情報メディアサイト「コロニー」

http://corony.jp

こちらも「新年のご挨拶と師走の焦燥に駆られて3サイト緊急リリース・オブ・ザ・デッド」で紹介させていただいたサイト。

あんなに一生懸命作ったのになぜ飽きてしまうの……？
全然関係ないけどウォーキング・デッドの視聴を再開して、やっとこさシーズン6まで見終わりました。まったく終わりが見えない。

下記からどなたでもご入札くださいませ。5D欲しいです。

https://market.sitema.jp/website/84

ちなみに、M&Aマーケットの方でもご質問いただいたのでこちらにも書いておくと、

現状ついているリンクはほぼこちらで管理している関連サイトのものなので基本的には譲渡後に削除予定
自演リンクといえばそうだけど関連サイトのみで、Googleのガイドライン上も問題ない 認識
ペナルティ等は過去含め一切なく、ブラックハット的なこともしていない
できれば譲渡後も当サイトの制作実績には載せたい
現在サイトに掲載している記事もそのまま譲渡
サーバーへのセットアップ等はサポートしない（別料金で応相談）

のような感じです。なにとぞ。

入札されました

出品の翌日、晴れて入札されたのですが、GMOさんから来た通知のメールが下記。

「サイトM&Aマーケット」をご利用いただき、誠にありがとうございます。

ご登録いただいている案件に対して、新規入札がありました。ログインして内容を確認し、売却のご判断をお願いします。

入札日時から72時間を超えますと、自動的に却下されますので、ご注意ください。

3日でキャンセル？「入札」という言葉からてっきり掲載終了日までオークション的に処理されるものと思っていたのですが違うようです。

サイト内の「取引の流れ」を見てみると、

買いたい方から質問がきたら、柔軟に対応しましょう。

すごいふわっとしてる……。
念のためいろいろ問い合わせてみたところ、

落札希望価格はいつ入札者に表示されますか？入札者が入札した際に入札確認ページで表示されます。

落札希望価格以上での入札は可能ですか？可能でございます。

入札後、72時間で入札が破棄されると通知が来ましたが掲載終了日と関係ありますか？全ての入札に対して72時間を経過すると破棄されます。

72時間が経過して入札が破棄された場合、再度同じ条件で入札することは可能ですか？可能でございます。

だそうです。
（迅速なご対応ありがとうございました！）

入札の件はとりあえず明日まで様子を見ようと思います。

ではでは。

UIデザインでみる「Airbnb」と類似サービス10選

2016-11-24T09:00:00Z

昨今注目を集めている「シェアリング・エコノミー」。
注目されているということは注力されているということで、デザイン的にも秀逸なものが多いような気がします。
そして、シェアリング・エコノミーの火付け役「Airbnb」のような宿泊施設のシェアリング・エコノミーサービスは今までにない「ホテル」と「CtoC（個人間取引）」、さらに「メディア」までもをごちゃ混ぜにしたようなサービスで、UIにも目新しい工夫が随所に見られました。

いくつか似たコンセプトのサービスとあわせてご紹介します。

本家シェアリングエコノミーサービス「Airbnb」

シェアリングエコノミーの火付け役ともいえる宿泊施設をシェアするWebサービス。
完全に余談ですが「bnb」は「Bed aNd Breakfast」の略だそう（Nどちらかというとandの発声ベース）。

https://www.airbnb.jp/

Airbnbのトップページ

トップページは1カラムでフラットよりのシンプルなデザイン。
全体的に白をベースにロゴの赤がアクセントになりつつ、各宿の写真を邪魔しない秀逸なデザインに思えます。

下部に控えた「おすすめの旅行先」は、

このようにひとつひとつが都市を表現した映画のポスターのようになっていてたまりません。
なぜここにこんなにコストを……。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド（スライダー）	○	○	○

レスポンシブとSSLは特にシェアリング・エコノミーと関係ありませんが「今どきのWebサイトの指標」として念のため。

Airbnbのアーカイブページ

アーカイブ（一覧）ページはリキッドレイアウトで右側がGoogleマップになっていて、コンテンツは枠こそないもののカードっぽいデザイン。
特徴としては、各カードの画像がカルーセルになっていて各宿の画像をすべてこのページで見られるようになっています。

レイアウト	検索オプション	マップ
2カラム（カード）	左カラムトップ	○（右）

Airbnbの個別ページ

画面幅をいっぱいまで使ったフルワイドなアイキャッチと追従する「予約リクエストボタン」が印象的。
また、説明が難しいのですが、全体的にサイドバーが追従する前提でデザインされていて、実質2カラムなのに1カラムのように見えます。

レイアウト	アイキャッチ	メニュー
2カラム	フルワイド（モーダル）	追従（右）

以上がAirbnbの特徴で、以下は類似サイト。

海外のAirbnb類似サービス

FlipKey

2008年に大手宿泊施設口コミサイト「TripAdvisor（トリップ・アドバイザー）」に買収されたアメリカのシェアリング・エコノミーサービス。
なお、「TripAdvisor」は「FlipKey」の他にも「Housetrip」や「Holiday Lettings」「Niumba」「VacationHomeRentals」など数々の類似サービスを買収しています。強い。

https://www.flipkey.com/

FlipKeyのトップページ

Airbnbと比べるとやや色が多くゴテゴテした印象。
なお、TripAdvisorに買収された他サイトも比較的似たテイストのデザインでした。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド	×	○	○

FlipKeyのアーカイブページ

Airbnbと同じく各宿の画像がカルーセルになっています。

レイアウト	検索オプション	マップ
2カラム（カード）	トップ	○（左）

FlipKeyの個別ページ

Airbnbとは違いアイキャッチ画像はメインカラムに収まり、見慣れた2カラムのデザイン。

レイアウト	アイキャッチ	メニュー追従
2カラム	左カラム	追従（右）

9flats.com

ドイツの宿泊シェアリング・エコノミー。
2012年に大手総合ポータルサイト「Yelp」に買収されたそう。

https://www.9flats.com/

9flats.comのトップページ

シンプルなデザインで、いま流行りのアウトラインのアイコンも採用されています。
そして「おすすめの旅行先」は各都市の画像にテキストを乗せたシンプルなもの。
こっちが一般的でAirbnbが無茶にすごいと思う。

| レイアウト | アイキャッチ | ヘッダー追従 | レスポンシブ | SSL | | :--------: | :----------: | :----------: | :----------: | | 1カラム | フルワイド | × | × | ○ |

9flats.comのアーカイブページ

左右におよそ半分この2カラムと見慣れないデザインです。

レイアウト	検索オプション	マップ
2カラム	左カラム	○（左）

9flats.comの個別ページ

見慣れた2カラムのデザインで、予約のボックスも特に追従しません。

レイアウト	アイキャッチ	メニュー追従
2カラム	左カラム	×（右）

onefinestay

2016年4月にフランスの大手ホテルチェーン「アコーホテルズ」が買収。

https://www.onefinestay.com/

onefinestayのトップページ

他の宿泊シェアリング・エコノミーサービスとは違い「高級志向」だそうで、デザインもモノトーンとセリフなフォントを活かしたラグジュアリーな雰囲気が漂っています。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド（スライダー）	○	×	○

onefinestayのアーカイブページ

全体的にミニマル寄りで、各宿の情報もカードではなくメインカラムを幅いっぱいまで使ったアーカイブ。
デザイン的にごちゃごちゃするのを避けたのか他サイトのようなマップはありません。

レイアウト	検索オプション	マップ
2カラム	左カラム	×

onefinestayの個別ページ

アイキャッチがこれでもかと幅全体を使ったカルーセルになっています。
そして、Airbnbと同じく1カラムのような2カラム。
Airbnbと違い、各セクションごとに帯のように背景色を変えているためより1カラムのように見えます。

レイアウト	アイキャッチ	メニュー追従
2カラム	フルワイド（スライダー）	○（右）

自在客

中国上海の宿泊シェアリング・エコノミー。
すごい不遜な名前だと思ったら「自由自在な旅行」のような意味なのだとか。

http://www.zizaike.com/

自在客のトップページ

異国情緒漂う写真を幅いっぱいに使ったトップページ。
アウトラインアイコンもあります。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド（スライダー）	×	×	×

自在客のアーカイブページ

ヘッダーに検索フォームが幅いっぱいに置かれているのは割とありましたが、ファーストビューを脅かす価格やタイプのオプションも全開で配置した珍しいパターンです。

レイアウト	検索オプション	マップ
2カラム	トップ	○（右カラム追従）

自在客の個別ページ

一般的な2カラム。

レイアウト	アイキャッチ	メニュー追従
2カラム	左カラム	×（右）

HomeAway

シンガポールの宿泊シェアリング・エコノミー。
2015年に大手旅行ポータルサイト「Expedia」が39億ドルで買収。すごい。

http://www.homeaway.jp/

HomeAwayのトップページ

アウトラインデザイン（？）がアニメーションしています。
スクロールしていくとwow.jsのような「表示と同時にアニメーション」する要素もあり今どきな感じ。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド	×	○	×

HomeAwayのアーカイブページ

ヘッダーに検索フォーム、サイドバーにマップと標準的なデザイン。

レイアウト	検索オプション	マップ
2カラム	左カラム	○（左）

HomeAwayの個別ページ

2カラムでサイドバーの予約フォームが追従するデザイン。
この辺りがスタンダードな感じがします。

レイアウト	アイキャッチ	メニュー追従
2カラム	左カラム	○（右）

Wimdu

ドイツの宿泊シェアリング・エコノミー。

http://www.wimdu.co.uk/

Wimduのトップページ

シンプルなシングルページっぽいデザインかと思いきやファーストビューを過ぎたあたりから2カラムに。
人気の旅行地を押し出した他サービスと違い、宿そのものにフォーカスを当てた感じでしょうか。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド	×	○	×

Wimduのアーカイブページ

レイアウトとしては他サイトと大きな違いはないのですが、検索フォームの背景をアイキャッチのように広く使っています。

レイアウト	検索オプション	マップ
2カラム	トップ	○（右）

Wimduの個別ページ

スタンダードっぽいデザイン。

レイアウト	アイキャッチ	メニュー追従
2カラム	左カラム	○（右）

Roomorama

シンガポールの宿泊シェアリング・エコノミー。
YouTubeで公開されてるプロモーション動画が微妙にホラー。

https://www.roomorama.jp/

https://www.youtube.com/watch?v=5Krx1Bk_ZIk

Roomoramaのトップページ

他サイトよりややミニマル色の強いデザイン。
白基調でキーカラーが赤、次点で緑。攻める。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド	×	○	○

Roomoramaのアーカイブページ

ヘッダーの検索フォームの背景がアイキャッチっぽくなっているようで、狭すぎてなっていない。
その控えめな感じがいっそアクセントになっていておしゃれです。

レイアウト	検索オプション	マップ
2カラム	トップ（と左カラム）	×

Roomoramaの個別ページ

レイアウトに大きな違いはないものの、各項目がアウトラインアイコンで表現されていて、やはり他サイトよりもミニマルな印象です。

レイアウト	アイキャッチ	メニュー追従
1カラム	左カラム	○（右）

国内のAirbnb類似サービス

スペースマーケット

「結婚式場からお化け屋敷まで」を謳う我らが渋谷発の宿泊（貸しスペース？）シェアリング・エコノミー。

https://spacemarket.com/

スペースマーケットのトップページ

一般的なシングルページデザイン。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
1カラム	フルワイド	×	○	○

スペースマーケットのアーカイブページ

一般的な2カラムで、Airbnbと同じく各スペースの画像がカルーセルになっています。
マップはないようです。

レイアウト	検索オプション	マップ
2カラム	右カラム	×

スペースマーケットの個別ページ

やはりAirbnbと同じく、1カラムのような2カラムのデザイン。
予約フォームは追従します。

レイアウト	アイキャッチ	メニュー追従
2カラム	フルワイドスライダー	○（右）

STAY JAPAN

日本への旅行者に向けた宿泊シェアリング・エコノミー。

https://stayjapan.com/

STAY JAPANのトップページ

カードの多段レイアウト！
宿泊のシェアリング・エコノミーサービスとしては異端かも知れません。
このままの路線で行って欲しいですね。

レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
カード	一つだけ大きなカード	○	○	○

STAY JAPANのアーカイブページ

やはり異色の画面幅をいっぱいに使った多段レイアウト。

レイアウト	検索オプション	マップ
カード	トップ	×

STAY JAPANの個別ページ

個別ページはAirbnbと似た2カラムで予約フォームが追従するレイアウト。

レイアウト	アイキャッチ	メニュー追従
2カラム	フルワイド	○（右）

まとめ

買収すごすぎ。

デザイン的な共通点としては、

トップページはシンプルなシングルページデザイン
アーカイブはヘッダー、もしくはサイドバーに検索フォーム
1カラムっぽく見せるデザインでサイドバーの予約フォームは追従する

でしょうか。
シンプルなトップページや画面幅をいっぱいに使ったアイキャッチ画像はシェアリング・エコノミーサービスに限らずWeb全体でのトレンドだと思います（当サイトも）。

サービス名	レイアウト	アイキャッチ	ヘッダー追従	レスポンシブ	SSL
Airbnb	1カラム	フルワイド（スライダー）	○	○	○
FlipKey	1カラム	フルワイド	×	○	○
9flats.com	1カラム	フルワイド	×	×	○
onefinestay	1カラム	フルワイド（スライダー）	○	×	○
自在客	1カラム	フルワイド（スライダー）	×	×	×
HomeAway	1カラム	フルワイド	×	○	×
Wimdu	1カラム	フルワイド	×	○	×
Roomorama	1カラム	フルワイド	×	○	○
スペースマーケット	1カラム	フルワイド	×	○	○
STAY JAPAN	カード	一つだけ大きなカード	○	○	○

なお、レスポンシブとSSLは全体の7割（スマホ対応自体は10割）。
SSLは個人的にもう少し高い割合かと思っていたので意外でした。

完全な余談

ご紹介したすべてのサイトのトップページは「シングルページデザイン」と呼ばれる、トップページ固有のある意味独立したLPっぽいデザインになっているのですがこの「シングルページデザイン」、Angular等で実現する「シングルページアプリケーション」の台頭ですっかり名前がかぶってしまっている気がします。
新たな言葉が生まれていたりしたら教えてください。

ではでは。

最強のモバイルルーターこと「Aterm MR04LN」と0SIMで無料ノマドが捗る

2016-11-14T09:00:00Z

現在auで購入したiPhone6sをいわゆる格安SIMの「U-mobile」で運用していて、外出先でノートPCを使う際はテザリングで済ませていたのですが、これまで3日間で約2GB使うと速度制限にかかっていたところが、5月以降3日間で約1GB使うと制限がかかるようになってしまったそうです。

さすがに制限を前提にノマドるわけには行かないため、前々から気になっていた0SIMを契約してみました。

0SIMとは

その名の通り基本料金0円の格安SIM。

0SIM

毎月0の付く日（10日、20日、30日）しか契約できないためご注意ください。

0SIMの料金プラン

0SIMの料金体系は、

契約時の手数料が3,394円
月500MBまでの通信料が無料
3ヶ月間通信量が0だった場合自動で解約
500MBを超えると100MBごとに100円
2GBを超えると5GBまで1,600円で固定
5GBを超えると速度制限 or 別途課金（100円/100MB）

と極めてシンプル。

僕のような基本外で作業しないし、たまにしてもだいたい公衆無線LANやテザリングでなんとかなるものの、いざ都心を離れると公衆LANのなさに絶望する層向けのサービスに違いありません。

0SIMの通信速度

あまり公式の数値を参考にしたことはないですが「下り最大300Mbps / 上り最大50Mbps」を謳っています。

使用感としては、Netflixでウォーキング・デッドを視聴しましたが途中で読み込んだりすることもなく、極めてストレスフリーでした。

Aterm MR04LNとは

Aterm MR04LNはあらゆるキャリアの主要周波数に対応し、モバイルルーターにできることはほぼすべてできるといわしめた最強のモバイルルーターです。

Aterm MR04LN

実はモバイルルーターを使うのは数年前のUSBタイプのものが最後とかなり久しぶりで、長らくテザリングのみでやってきたため知らなかったのですが、今時のモバイルルーターは本体側で自由に通信制限の設定ができるのですね……。

これで「月500MBまで」という風に設定しておけば永久無料で0SIMを利用できます。素晴らしい。

Aterm MR04LNの余談

実は僕が「モバイルルーターありかも」って思い初めたのはAterm MR04LNのひとつ前の機種、元祖最強のモバイルルーター「Aterm MR03LN」の頃で、さらに今はAterm MR04LNの後継機「Aterm MR05LN」も発売されています。

この3機種の違いをかなりざっくりと紹介すると、

項目	MR03LN	MR04LN	MR05LN
SIM規格	microSIM	microSIM	nanoSIM
デュアルSIM	×	○	○
性能	良い	03から大幅に進化	04からやや進化

のような感じで、見た目も04と05ではほぼ同じに見えるんですよね。
なので、コスパ優先ならAterm MR04LNで良かったとは思うのですが、5,000円程度の差ならハイエンドを！という方はAterm MR05LNを購入されるのが良いかも知れません。

Aterm MR04LNのアクセサリー

貧乏性なので傷がつかないよう専用の保護フィルムと、

↑このぴたっとフィットするELECOMのポーチを一緒に購入しました。（黄色が可愛くて実店舗まで探し回ったけど見つからなかった……。）

が、このポーチの端の縫い目のところ、うっかりマジックテープに触れてしまい一瞬でボロボロに……。
使用上はまったく問題ないのですが、見栄えが悪いので代わりのケースを探していると偶然下記を見つけました。

AmazonベーシックポータブルHDD キャリングケース hy3

たぶん伝わらない思うのですが無骨さが可愛い。

あと、そもそもAmazonのロゴが可愛い（ノベルティーフェチ的な）。

本来はポータブルHDDケースなのでサイズに不安を感じながら購入したものの、ぴったり収まったばかりか逆側に充電用のMicroUSBのケーブルもしまえて満足度高めです。

まとめ

そんなこんなで、まだ二ヶ月程しか使ってませんが0SIMもAterm MR04LNも良い買い物でした。

あと、制限がアレなU-mobileも料金が3,000円代でキャリアの1/3なのを思えば多少の制限もやむを得まい……。

と思ってたら10/17からU-mobileから3,000円代で25GB制限なしで使えるU-mobile MAXなんてものが出たそうです。

プラン変更します。

ではでは。

1分で読める「ネイティブ広告ガイドブック2017」要約

2016-11-11T09:00:00Z

何かと話題の「ネイティブ広告ガイドブック2017（pdf）」。
「JIAAネイティブ広告部会」なる団体による「ネイティブ広告について理解を深めようね」というような内容なのですが、その読みにくさと対応がアレでプチ炎上中です。

個人的な感想としてはWebライターのヨッピーさんの記事に共感するばかりですが、いかんせん直接的な当事者ではなく、それほど強い感情もないので（どちらかというと）文系のクリエイターとして手を動かす方向で加担してみました。

ネイティブ広告ガイドブック2017 リライト版

はじめは真面目に全文を要約しようと思っていたのですが、読み込むとなかなか面白いものの「これネイティブ広告と関係ある……？」みたいな部分も多く、かといってJIAAネイティブ広告部会がどこに比重を置いて伝えようとしているのかも判断しかねたため、無難に各項目と内容を数行程度でまとめました。

下記テキスト版。

ネイティブ広告ガイドブック2017 リライト版

一、ネイティブ広告とは、表示される「環境」に寄り添う「固有」の広告である

有り合わせの広告は嫌われて当然表示される環境に合わせ、表示するユーザーに合わせ、常にオーダーメイド、固有の、ネイティブの広告たれアドブロックツールに負けるべからず

一、ネイティブ広告はステマにあらず

「ステマ記事」は固有なれど、「ネイティブ広告」は広告「枠」のみを指す「記事一覧」に溶け込んだステマ記事タイトルはネイティブ広告の一種なれどステマ記事そのもの、リンク先のコンテンツは別ものリンクをクリックした後、まだ記事に成りすましているなら、それはもはや固有なれど「広告」にあらず

一、クリックした後にこそ価値あれ

騙しては始まらないまっすぐユーザーにとって価値ある情報を提供し、クリックしたことを後悔させるべからず

一、ネイティブ広告は友を想え

メディア・広告・ブランドは三位一体、どれが欠けても成り立たず

メディアは信用第一メディア・エンゲージメントユーザーにとっての信頼できる「友人」たれ広告はメディアの顔を汚すなアド・エンゲージメントメディアがユーザーと信頼関係を築いている時、すべての責任は広告にあり人事を尽くし、あらゆるユーザーのアクション（数値）を見逃すなかれ

ブランドは確かたれブランド・エンゲージメント

メディアが信頼を得て、広告が尽くしたなら、ブランドはユーザーの求めに応えるのみ

一、ネイティブ広告が開いた新たな道

知らない人にただ知らせるだけの広告はあり買いたい人にただ買わせるだけの広告もあり知らせて、さらに買いたいと思わせるはネイティブ広告のみネイティブ広告たるもの、常にユーザーを魅せよ

一、ネイティブ広告は誠実たれ

コンテンツに自然と溶け込むのがネイティブ広告、されど広告であることを隠すべからずメディアが、ブランドが築いてきた関係を崩すはネイティブ広告にあらず

ネイティブ広告ガイドブック2017（pdf）

かの「親父の小言」を連想せずにはいられなかった。ぜひトイレの壁とかに貼ってください。

ではでは。

日本版ソイレント「COMP」を試してみた所感

2016-11-10T09:00:00Z

遠くない未来に訪れる食糧危機に備えるとして海外で作り出された「ソイレント」。
平たくいえば「それさえ飲んで（摂って）いれば生きる上で必要な栄養素すべてまかなえる全部入りのサプリメント」ですが、これに続く形で日本でも開発されたのが「COMP」です。

もともとは食事のとれなくなってしまった父への贈り物として購入したのですが、紆余曲折あって返却されてきたため自分で飲んでみることにしました。

そもそもCOMPとは

本家の「ソイレント」含め、なんとなく近未来的な新しい試みのような印象を受けますが、内容としてはただのサプリメントにほかなりません。
「ソイレント」はクラウドファンディングによって商品化されたプロダクトですが、出資が集まる前のフォーラムでは「市販のサプリメント掛け合わせて一足先にソイレント体験しようぜ！」と盛り上がりを見せ、公式からもレシピが提供されていたそうです。

つまり、たくさんのサプリメントを組み合わせ、味を整え、空腹を紛らわせるための創意工夫が凝らされたものがソイレントやCOMPであり、過度の期待は禁物で、無駄な警戒も不要です。

買ったもの

COMPが9,000円と専用シェーカー500円の計9,500円でした。

ところで1袋が90gで1食分かと思ってたら、シェーカーには350ccって書いてあってどういうこと？と思っていたら今はシェーカーのデザインも一新され、公式サイトのFAQも、

Q. 1日の目安量はどれくらいですか？ A. パウダー１袋で成人男性１日分（2300 kcal）となります。女性はこの3/4を目安にお召し上がりください。

から、

1日どれくらい飲めばいいですか？ 1日あたりの必要カロリー（例えばこちらで計算できます）にもとづいて摂取されることをオススメします。

に変更されているようでした。

COMPの味

「粉っぽい」という声をよく目にしますが、実際粉なのである程度は粉っぽいです。
また、摂り方の似たものに「プロテイン」がありますが、COMPをおすそ分けした知人によると「プロテインのほうがおいしい」とのことでした。

僕はプロテインを飲んだことがないからかそれなりにおいしくいただけましたが、やはりそれなりに粉っぽく、それなりに空腹感もありました。

味についてはCOMPの公式から「コーヒーやジュースに溶かしてもイケるよ！」とおすすめされていて、個人的には牛乳に溶かすのが調整豆乳のような味で一番おいしかったです。

COMPだけで生活できるか

僕は夕食を摂るタイミングを逃した時なんかにさくっと利用していましたが、すべての食事をこれだけで完結できればとてもスマートです（何かを失いそうだけど）。

そこで紹介したいのがGIGAZINEの「『ソイレント』だけを30日間飲んで過ごすとどうなるのか？」という記事。

ソイレントとCOMPでは多少の違いもあるかとは思いますが、

空腹感も徐々になくなって意外といける
20日くらいで鬱病かと思うくらい辛くなる
普通の食事がいかに恵まれたものだったかわかる

という感じのようです。

タイミングが許せば僕も一週間くらいCOMP生活を送ってみたい……。

褒めてるのか貶してるのかよくわからない所感となりましたが以上です。

Indiegogoで1年前に買ったドローン「ONAGOfly」がついに届いた！（空撮動画あり）

2016-11-09T09:00:00Z

ZANOの悲劇から早2年。
懲りることなく再び手を出した小型ドローン「ONAGOfly」が先月ようやく手元に届きました（オプションのモバイルバッテリーはまだだけど）！

ONAGOflyとは

詳細は上記の公式サイトを見てもらうのが早いかと思いますが、ようするに小型のドローンです。
手のひら大の大きさで、15分ほど飛行し、動画と静止画の撮影が可能です。

空飛ぶラジコンはロマン。

操作性は

ONAGOflyはスマートフォンアプリから操縦します。

左が並行移動、右が高度と旋回。
そして、コントローラーの背景にドローンからの映像がリアルタイムで反映されますが、操作が忙しくてとても見る余裕はありません。
ドローンから見た「前後左右」がどちらなのか、凝視していないと見失ってしまうため迂闊に目も離せません。

GPSでの追従や、カメラで「笑顔」を顔認証しての自動静止画撮影なんかもできるそうですが、まだ普通の操作もおぼつかないため試せていません。

ドローン絡みの法律

幸いONAGOflyはその小型さのため、法的な「ドローン（無人小型航空機）」の定義からは外れるそうですが、例の皇居騒動もあって、都内での飛行はなかなか憚られます。

そもそも都内では「人口密集地域でのラジコン」が迷惑防止条例で禁じられているらしく、さらに都内のほとんどが人口密集地域と定められているそうなので、小心者の私としては地方でやるしかないなという印象です。

航空：無人航空機（ドローン・ラジコン機等）の飛行ルール - 国土交通省

実際に撮影した動画

撮影場所は私の第二のふるさと宮崎県の「星降る町」として知られる高崎町です。
（たちばな天文台について調べていて見つけたのですが「宇宙女子」のサイト可愛いですね。しかしまさかのスマホ非対応で震える。）

広々とした場所なのでこれなら好き放題飛ばせるだろうと思ったのですが、山の斜面のようなところなので如何せん風が強く、奮闘むなしく最後は墜落しています……。

次は実家から車で5分の観音池公園でリベンジしたいところ。

なお動画に写っているのは妻と実家で飼っているMシュナのぐぅです。

これからのこと

もっと操縦がうまくなって良い絵が撮れるようになったら、QiitaでWebサービス運営のアレコレを赤裸々公開して話題を呼んだDronetubeにも投稿してみたい……あと可能ならプロペラが危なくないようバンパー的なものを装備して、犬の撮影なんかもやってみたい……せっかくなのでWebデザインにも空撮を組み入れたい……。

平たくいえばドローンめっちゃ楽しいです。

ではでは。

3年ぶりにサイトをリニューアルしました

2016-11-08T09:00:00Z

2013年の11月に初めてのサイトリニューアルを行い、その時に発注した100枚の名刺が先月やっとなくなりました（営業をほとんどしないもので）。

そこで名刺を再発注しようとしたものの、3年前のデザインそのままなのもどうかと新調し、ついでにサイトもリニューアルすることにしました。

手前味噌で恐縮ですが、リニューアルのよもやま話などを。

デザイン的なお話

フラットデザインがこれから流行るかどうかという時期に行った前回のリニューアルから3年が経ち、フラットデザインの一歩先を行く（？）マテリアルデザインが出てきたり、アウトラインアイコンが流行ったりと、相変わらずデザインのトレンドは移り変わっています。

リパレードは自社サイトという性質上あまりコストを掛けられないというか、どうしても後回しになってしまうこともあり、極力古くなりにくいシンプルなデザインを意識しました。

ただ、本当はトップページに動画やSVGアニメーションなんかも使いたかったので後々追加できるようスペースだけ作り、伸ばし伸ばしにしていたAfter EfectsやBlenderの勉強をのっそりはじめました。
詳しい方ぜひ教えてください。

コーディングのお話

あまり掘り下げるところはないのですが、新し目のCSSを多めに使ってみました。
個人的にはCSSだけで実現した追従するヘッダー、スマホ版のドロワーナビや制作実績の無理やりスクリーンショットをはめ込んだiMacあたりが見所です。
（ドロワーナビのアニメーションが若干もっさりしているのは今後の課題ということで……。）

また、CSSの設計にFlocssを採用しました。
component と project の使い分けがなかなか悩ましかったものの、あまり悩んでもいられなかったのでざっくばらんな対応となっております。

あと、いまもっとも*鬼がかっていると評判の単位「rem」*も多めに使っています。
いままであまり活用していませんでしたがなかなか便利です。

あ、あと禁断の游ゴシックにも手を出しました。メイリオ大好きなので断腸の思いです。

サーバーのお話

ついこの間さくらのVPSでSSL対応したばっかりだったのですが、他所の案件でConoHaのサーバーを使ったらべらぼうに良かったので当サイトも移管しました。

このはちゃん可愛い。

名刺も無事発注しました

三年間代り映えしなかった名刺もようやくなくなって新しくなりました。お会いする機会があればぜひ貰ってください。今度は3年もかけず100枚消費したい……。

以上、今後ともよろしくお願いします。

完全無欠コーヒーを二ヶ月くらい飲み続けたらなぜか養命酒に辿り着いた

2016-10-06T09:00:00Z

痩せませんでした。こんにちは。
完全無欠コーヒーの話題、それこそ完全無欠に旬を過ぎた感があって恐縮なのですがざっくり概要を。

完全無欠コーヒー（Bulletproof coffee）とは？

「シリコンバレー式自分を変える最強の食事」で紹介されて話題を呼んだ、頭が良くなったり痩せたりするコーヒー。

概要としては、良質な豆で淹れたコーヒーにグラスフェッドバター（牧草だけを食べて育った牛のバター）とエネルギーになりやすい中鎖脂肪酸100％のMCTオイルを混ぜて飲むと昼過ぎまで全然お腹すかないからプチ断食できて内臓が効率的に働くよ！
内臓が効率的に働くと痩せるよ！あとコーヒーがなにかしらして頭もよくなるよ！というようなもの。

お察しの通り、この本読んだことありません。

作り方

をミキサーなどでしっかりとかき混ぜて飲む。
コーヒーは*金属フィルター*で淹れると不思議な力が働いてより吉だそうです。

完全無欠コーヒー pic.twitter.com/6pAfjKzj8c
— モロ (@moro_is) 2016年3月13日

見た目はこんな感じ。

味は？

人によってはクリーミーとか濃厚でおいしいとのことですが、個人的にはあまり……。
強いて言えばコーヒーにバターを入れたような味です。ひたすら重い。

効果は？

期間にして2ヶ月程度、毎朝飲み続けましたが特に痩せませんでした。
2ヶ月程度というのは、250g入りのグラスフェッドバターを毎日大さじ1（我らがメグミルクによるとバター大さじ1は12g]）消費して2回買い足したので60日かなぁ、くらいのざっくりしたものです。

頭が良くなったかも微妙ですが、完全無欠コーヒーがなければ毎朝完全無欠コーヒーを飲み続けるような人生を送っていたかも知れませんね（ブラックジョーク）。

そして養命酒へ――

いろいろ調べた結果、僕の場合は新陳代謝の悪さが体重増加に繋がっているような気がして、とりあえず冷え性などを治すところから始めよう、ということで養命酒に行き着きました。
汗っかきだから新陳代謝が良い、ということではないんですね。

本当は朝昼晩の一日三回飲まないといけないんですが、アルコールにすこぶる弱いのと、日中の飲酒は気がひけるので毎晩寝る前だけ飲んでます。

決しておいしくはないですが、あくまで少量なので薬だと思えば特に苦もなく続けられそうです。
あと、アルコール効果で身体が温まるので冬場はいいかも知れません（アルコール耐性が低いので20mlで笑えるくらい体中が真っ赤になる）。

全然関係ないTwitterの話

変えよう変えようと思ってた変に尖ったアイコンを友達できそうなやつに変えました
— モロ (@moro_is) 2016年10月4日

アイコンが親しみやすくなりました。ぜひ親しんでください。

クラウド版GRCこと「Positionly」が結構なお点前。ざっくりとした使い方

2016-07-07T09:00:00Z

「GRC」は「Google Rank Checker」の略称でPCにインストールして1日1回ぽちっとすれば設定した任意のURLが設定した任意のキーワードで、大手検索エンジンの検索順位何位にいるかを粛々と記録してくれるSEOer御用達のソフトウェア。
右も左もわからなかった新人時代「このPCはGRC用のやつだから電源切らないでね」とか言われていたのも今ではいい思い出です。
（大昔の記憶なので最近は進化してたりするかも。）

そんなGRC、無料で素晴らしいのですがインストール必須なのも面倒なのでいい感じの代替サービスを探していたのですが、昨今のクラウドブームでようやく求めていたものを見つけました。

Positionly

Positionly、読み方は「ポジションリー」でいいんでしょうか。なんか締まらない気がします。
「クラウド版GRC」といってしまうとそれだけでほぼ説明不要なのですが、UIが英語なのでもう少し補足します。

無料のプランはなくて、各有料版はそれぞれざっくり「ユーザー数」「登録できるWebサイト数」「登録できるキーワード数」が違います。
1番安い月19ドルのプランだとユーザーは1人、Webサイトが10件、キーワードが100件。
サイトをひとつ登録すると競合サイトなんかも一緒に登録して表示順位の推移が見られるのですが、こちらは上記の登録できるWebサイト数10件とは別で、さらに10件登録できます。
この手のサービスを個人で使う分には破格のお値段ではないでしょうか。

	Basic	Medium	Standard	Agency	Platinum
Keywords（キーワード）	100	500	2000	5000	12000
Websites（Webサイト）	10	20	50	100	500
Competitors（競合サイト）	10	20	50	100	500
Backlinks（被リンク）	2500	10000	20000	50000	150000
Users（ログインユーザー）	1	5	10	20	100
Features（追加機能）	-	-	API	API/Whitelabel	API/Whitelabel
Price（値段）	$19/month	$49/month	$99/month	$199/month	$499/month

https://positionly.com/plans

試用期間14日無料。

使い方

機能がシンプルでUIもわかりやすいので英語が苦手でも比較的スムーズに導入できました。
サイトを登録→そのサイトで使うキーワードを登録→そのキーワードから自動で競合候補サイトを出してくれるので選択 or 競合サイトのURLを手動で登録→終わり。
あとは放っておけば毎日夕方頃にせっせとその日の順位を記録していってくれます。

Webサイト関連機能

本当にシンプルなので勘だけで十分触れると思うのですが念のため。

Overview

概要。このページで競合含むサイト毎の「登録したすべてのキーワードでの検索順位を平均した推移（折れ線グラフ）」が見られます。
平均なのが惜しい……各キーワードごとにグラフ欲しい……。

あとアナリティクスと同期させてアクセス数を棒グラフとして表示したりもできます。

2016.11.16 追加
いつの間にか各キーワードごとの過去のランキング推移、折れ線グラフどちらも見られるようになってました。素晴らしい。

Keywords

キーワード。競合含むサイト毎の、登録したキーワードのその日の検索順位と前日比。

Groups

キーワードをグループごとにまとめることができて、そのグループごとの検索順位平均と前日比。

Links

その日の被リンク状態。「その日追加された」ではなく「その日存在した被リンクすべて」（多分）。
過去半年の推移を折れ線グラフで見られて、被リンク元の「Follow Type（nofollowとか）」「Link TypeDate（画像リンクかテキストか）」などが見られます。
安心と信頼のprovided by MAJESTIC。

Notes

登録キーワードや競合サイトを新たに登録すると履歴っぽく残るのと、一言メモっぽいものを日時付きで登録できる。
アナリティクスのメモで事足りてるのであまり使っていない。

To-dos

ToDoリストっぽいものなのかなと思いつつ使ったことはない。

レポート機能

機能面で若干がっかりなのが、登録したキーワード個別の推移が「前日比」以外見られないこと（全キーワードの平均値ならグラフ上で見られる）。
そこでレポート機能なのですが、こちらは極めて柔軟かつ優秀で、メールにてpdfとcsvを送ってくれます。
送信のタイミングも毎日でも毎週でも毎月でも細かに設定できて、登録したWebサイトだけでなく競合サイトの分も送ってくれて、レポートの書式も3種類のテンプレート（シンプル・詳細・被リンク）から選択できます。

リサーチ機能

やれh1タグにキーワードが入っていないだのdiscriptionが長いだのを教えてくれます。
あんまり使ってない。

スマートフォンアプリも

機能はかなり制限されていますが、iPhoneアプリとAndroidアプリもあります。
サイトとキーワードごとのその日の検索順位と前日比が見られるだけ。

Positionlyまとめ

正直機能面ではやや不満もありますが、いかんせんデザインが格好良いです。ロゴも格好良い。
ついでに「Positionly」で検索したときにGoogleさんがこれみよがしに出してくるベルリンのスタートアップらしい彼らのオフィスも格好良い。

2012年5月17日にすでに「あなたのお店/会社が今検索結果の何位にあるか–Positionlyはそれを調べて報告する」って記事がかのTechCrunchで紹介されてるのですが、周りに使ってる人が全然いないどころか知ってる人さえ見つけられなかったので紹介してみました。

ではでは。

Web屋ですがアフィリエイトはじめました

2016-06-15T09:00:00Z

以上です。下記はよもやま話。

アフィリエイトとは

平たくいえば商品を紹介して、その紹介に胸を打たれて購入した人がいたら売上の何割かをあげるよ、というのをWebでやるやつです。

SEO全盛期にコーダーとしてIT業界に入ったので、これまでも当然アフィリエイトの話題は耳に入りました。興味はあったし、単純に趣味としてWeb制作自体が好きだったのでやってみようかなと思った時期もあったのですが、制作は好きでも運用はめちゃくちゃ苦手なので二の足を踏んでいました（アドセンス貼るとかは別として）。

ちなみにドロップシッピングはちょっとだけやりましたが、サイトをリリースした瞬間に飽きてそのままドメイン失効しました。成果が発生したのかどうかさえ未確認のままアカウント忘れました。

なぜアフィリエイト？

SEO全盛期から時はたち、いまや小手先のテクニック的なものはほぼ通用しなくなりましたが、それでもコーダーとしてSEOへの理解は不可欠に思います。

そして、個人的な持論なのですが、SEOの追求においてアフィリエイターはかなり実戦的な立ち位置です。

個人の裁量で全範囲、複数サイトを自由に編集でき、リスクもリターンも全責任を自分で負うため本気度も違います。
組織的にアフィる法人や性格的なものもあるのである種の偏見ではあるのですが、SEOのことはアフィエイターに聞くのが一番、みたいなイメージさえありました。

そんな訳で、Twitterで数多くのアフィエイターの方をフォローして日々情報収集しているのですが、平日の昼間からコース料理たべてたり旅館にいたりBBQしてたりクワガタ獲ってたりでめっちゃ優雅です。
かと思えば技術的な話や具体的な成果報告みたいな情報発信も盛んで、単純に楽しそうだなぁと。

実態はよくわからなかったのですが「谷」というコミュニティのようなものもあるようです。
なにとぞ、なにとぞよろしくおねがいします。

というわけで

SEOの実戦的な勉強と、アフィエイターの人たちへの敬意と下心を込めてアフィサイト作りました。

ドッグフード比較サイト犬ごはん

犬ごはんドッグフードから健康を

運悪く他の案件の納期と重なったり、さらには今週の木曜日までに体裁を整えないといけない事情があったりでかなりバタバタ作りました。
ソーシャルボタンがなかったりランキングがまだだったり、コラムもまだできてなかったりで散々な状態です。
ゆっくりちゃんとやります。

あと、情報収集が大変すぎて若干ドッグフード詳しくなりました。利きドッグフードとかできそう。

できるものなら成果報告とかもやってみたいのですが、あまり期待できないのでその時は関連サービスの肥やしとして、それがダメでもドッグフードの知識が手に入ったのでよしとします。

2016年11月22日追記
GMOさんが「サイトM&Aマーケット」という面白げなサービスをはじめられたそうなので1万円から出品してみました。
ぜひ買ってください。

https://market.sitema.jp/website/75

そして、

犬ごはんのDBをぶっ壊すアクシデントで2日間足止めを食らった結果、新しいサイトを作ってしまいました。

犬用ウォーターサーバー比較サイトザ・ドッグデイズ

愛犬のためのウォーターサーバー選びザ・ドッグデイズ

性格的にサイト作るより運営のほうが絶対大変だとわかっているのに……引き続き頑張ります。

ではでは。

サロンペットのデザインがパクられた件

2016-05-27T09:00:00Z

ぼーっとアナリティクスを眺めていたら先月末くらいから、露骨にいかがわしいドメインから流入がありまして、これスパムリンクとかで検索順位下がったりしないかなぁ等と思いながらリンク元を見に行くと何故か既視感の強いデザイン。あれ、これうちのサロンペットにめっちゃ似てる……。

下記が「サロンペット」。

（※似てる部分を強調するためにちょっと画像編集してますがほぼそのままです。要素削っただけです。）

そしてこちらが問題の「横浜体入.com」。

あらあらぁ……。

ヘッダーフッターはほとんどただの色違いだし、各コンテンツのブロックもそのまま、ホバー時のbox-shadowのアニメーションとかもそのまま。

「スマホでみる」に至ってはこれラインのQRコードだし……スマホで見れないし……。

ソースも見てみると、明らかにこのサイトでは使ってないログインボタン用のcss（Gianism）がそのままだったり、

ログインボタンをポップアップするjQueryもそのままだったりと杜撰な感じ。

お問い合わせ先のメールアドレスがGmailで不安しかないですが気持ちを強く持って問い合わせてみます。続報に乞うご期待。

続報

「ソースをコピーして勉強している過程で公開されてしまっていたためただちに修正します」とのご連絡をいただきました！腑に落ちないけど！

フリーランスがはじめてfreeeで確定申告したけどこれはすごい

2016-03-09T09:00:00Z

2013年の9月に<a href="https://doocts.com/log/webservice/freee.html" title="クラウド会計ソフト freee（フリー）」が凄いかも知れない" target=_blank">ブラウザからオンライン上で青色申告の決済書が作れる「クラウド会計ソフト freee（フリー）」が凄いかも知れないという記事を書いて、書くだけ書いて、freeeの方から贈書までいただいて、それでも微塵もやる気がでず12月まで放置したあげく颯爽と税理士さんに丸投げ、という罰当たりな事案から早3年。

紆余曲折あって遂に自分で確定申告するにあたりfreeeを使用したためざっくり所感を。

結論

結論からいうとfreeeはすごい。

前にブログで紹介させてもらったときにわざわざメールいただいて本までいただいたのにちょうど税理士さんにお願いしたタイミングでまったく活用できていなかったのですが今回freeeのおかげで何とかなったのでfreee本当すごい https://t.co/p2Fe339iiP
— モロ (@moro_is) 2016, 2月 29

以下、自分なりの使い方や、すごいところやいまいちだったところを列挙します。

使い方

まず銀行口座やクレジットカードを登録しておくと、すべての履歴を取ってきて「自動で経理」というところに入れてくれます。
この「自動で経理」の中に入れられた「収入」と「支出」を勘定科目として「取引」に登録していけば自動的に確定申告書や決算書的なものが作られる仕組みです。

基本的にはだいたい下記の科目で登録しつつ、現金（プライベート資金）で支払ったものだけ領収書とセットで別に登録していく感じです。

ざっくり勘定科目

事業主借と事業主貸

プラベートなお金から事業に使ったり、逆だったりの時に使う科目。
例えば僕なんかは、事業用の口座とプラベートな口座が分かれているようで分かれていないので、割りとこの科目を多用します。
個人事業主特有の勘定科目なのだとか。

freeeの場合、「自動で経理」から右上の×をクリックして「プライベートな収入（支出）として登録する」を選択すると勝手に「事業主借（貸）」にしてくれたり、経費で買ったものを「取引一覧」の「支出を登録」から登録するときに、口座を「プライベート資金」にすると「事業主借」もセットで登録してくれたりします。

そういえば、会計には借り方と貸し方があって「かり」は「り」が左に開けてる、「かし」は「し」が右に開けてるとおぼえましょう、と学生の頃に習った気がします（自分でも忘れていましたが日商簿記の3級持ってました）。

通信費

携帯電話の料金やインターネット利用料からWebサービスの月額料金、Adobe CCからドメイン代やサーバー代にいたるまで多分だいたい通信費。
携帯料金はプライベートでも仕事でも使うので「家事按分」に登録しておくと自動でやってくれます。

地代家賃

家賃。自宅兼事務所なら「家事按分」。

売上

言わずと知れた売上。

水道光熱費

電気代。自宅が事務所を兼ねていて事業で電気を使う場合は家事按分。
水道とガスは経費にするのが難しい、とどこかで読んで電気だけ家事按分しています。

消耗品費

10万円未満の仕事につかう支出はだいたい消耗品費。
ちなみに十数万円のMacbook Proを買ったのですが、これは固定資産になって減価償却が一括償却うんぬんだそうです。

交際費

仕事で飲み会に行ったときとか。

家事按分について

上記のような公私兼用の携帯電話や、自宅兼事務所やその電気代の一部を％で経費にするときに使う制度（？）。
自宅件事務所だと仕事で使用する坪数だったり、電気代だと仕事で使用するコンセントの数だったりから算出するのがいいそうです。
（いろいろな人に聞いたら「面倒だから半々でいいよ、って言われたけど小心者なので逐一計算しました。）

ファイルボックス（領収書）

iPhoneアプリから領収書の写真を撮ってアップロードしておくと後から見直す際に領収書を漁らなくてよくてスマートです。

ちなみに2005年から3万円未満の領収書なら現物を保管しなくてもいい「e-文書法」というのが施行されたそうなのですが、事前に申請が必要だったり、データ化する際のスキャナーの性能に指定があったりで「ダメじゃん」という感じでした。
それが昨年の税制改正案でいろいろ緩和される向きで、データが写メでよくなるとか何とかありつつも、仮に今年可決されてもそのタイミングから遡って7年間分は変わらないし「ダメじゃん」という感じです。

なので、現状この「ファイルボックス」は「個人的に見直す時には便利」という程度に使っています。

決算

一年分のデータを上記で整理して、決算期に支払調書なんかを頼りに源泉徴収等を記入していけばできあがりです。
freeeでは、決算処理も「はい」「いいえ」を選んでいくだけで完了するようになっているので特に悩むことなくすんなりとできました。（印鑑を捺す位置まで図解されています）。

すごいところ

操作性が高い

UIが優れているためか、ほぼ直感的に操作できます。
勘定科目なんかでつまずくことはありましたが、操作がわからないということはほぼありませんでした。
もちろんマニュアルは読んでいませんし、いただいた本もインテリア以上の役割は果たしていません。

ヘルプがすごい

会計的なわからないことをぐぐると高確率でfreeeの経営ハッカーが1位表示されます。
そうでなくてもfreeeとMFクラウドが競い合うように情報を上げてくれているのでぐぐればすぐに解決します。

いまいちなところ

全然まったくfreeeに非はないのですが、帳簿には「現金主義」「発生主義」というのがあるらしく（青色申告は発生主義必須）、その辺りが分かっていなくて微妙に苦労しました。
ちなみに古より伝わる「年末年始だけ発生主義っぽく記帳したらいいじゃん」という方法で難を逃れました。今年はちゃんとします。

iPhoneアプリがちょっと微妙

「取引登録」や「ファイルボックス」から取引登録する際になぜか「プライベート資金」が選択できません。
それが制約となって基本的にPCで作業するようになってしまったため、アプリはほぼ領収書アップロード専用です。
フリックなんかも取り入れいてそれなりに使いやすそうなのに残念。

「自動で経理」が使いこなせない

変に自動でやられると、あとからにわか知識で間違い探しをしないといけなくなる恐ろしい……。
と思っていたのですが勝手に取引に登録されるわけではなく、「自動で経理」の中で完了フラグみたいなのが立つだけっぽいので今年は活用したいです。

まとめ

3年越しのレビューになりますがめちゃくちゃ良いです。
一年間、領収書の整理さえしていないところからたった3日で確定申告まで終わりました。
しかも、ほぼ予備知識なしのはじめてのセルフ確定申告で。

どれぐらいすごいって今もう変な勘違いを起こして会計って簡単じゃん税理士になろうかなってくらいすごい
— モロ (@moro_is) 2016年2月29日

べた褒めすぎてやや胡散くさい感じなのが心残りですが以上です。

おまけ

我らがPAKURASOともコラボしてるみたい。

非エンジニアがカップル専用アプリ「Slack」でGAS製Bot運用してみた

2016-01-15T09:00:00Z

先日「Slackがカップル専用アプリだった件」という記事を拝見しまして、その衝撃たるやそうそうたるものでした。
その手があったか、と。
僕はもう辺りを警戒しながら、恥を忍んで、おずおずとBetweenを開く必要はないんだ、と。

思い立ったが吉日。善は急げです。

彼女を説得する

もともとお互いにBetweenには多少の不満があって、ちょうど乗り換えを検討していたタイミングでした。
しかし、「Slack」のデザイン性の高さには食いついたものの、英語オンリーのUIや「Channel」等の馴染みのない機能に難色を示し気味。

僕のプレゼン力が試される時です。

僕「この『Slack』作ったスチュワート・バターフィールドっていう人、海外でめっちゃ流行った『Flickr』いう写真のSNS作った人なんだけどさ。
本当はゲーム作りたかったんだって。
でもゲーム作ってる途中で予算が尽きて、しょうがなく作りかけのゲームをその写真のSNSとして公開したらめっちゃヒットしてさ。
『これでゲームが作れるぞ！』と思ったら優秀すぎてYahoo!に捕まってゲーム作らせて貰えないのｗｗｗｗ
でさ、3年たってやっとYahoo!から開放されて、『今度こそ！』ってゲーム作ったんだって。どうなったと思う？
全然売れないまま予算尽きてまたゲームの機能流用してできたのがこの『Slack』ｗｗｗｗそしてまた大ヒットｗｗｗなんでだよｗｗｗｗｗｗｗｗ」

いけた。

下準備

サーバー立ててNode.js入れてHubot入れて、というのが面倒臭すぎたのでGASの力を借りてさくっと実装します。

GASとは
「Google Apps Script」の略。
Googleの他のサービスを操作したりできる、Googleドライブ上で動くJSみたいなやつ。アナリティクスのデータをスプレットシートに吐き出すやつとかが多分有名。

Botの作り方は主にこちらを参考にさせていただきました。
ありがたいことに、偉大な先人がライブラリを作ってくれているので、それにならえば簡単にBotが作れるみたいです。

Googleドライブにフォルダを作る

適当に「slack」みたいなフォルダを作って、

Bot用のアイコン画像
GASファイル
Googleスプレットシート

あたりを入れておけばいいと思います。

Slack Appからトリガーの設定

カップル専用アプリとして「Slack」を使う場合、2人しかいない前提のためMentionを飛ばし合うことなく「全ての発言を通知する」設定で使うことになります。

GASでは「毎日決まった時間に実行」みたいな設定もできるのですが、Botの発言が毎日通知されるのも憂鬱なので、ここでは「Bot宛の発言をトリガーにアクションを返す」形で実装します（通知をしないBot用のChannelを作ることもできますが極力シンプルにまとめたいので）。

チャンネルの設定から「Add an app or custom integration」を選択し、Slack Appの「Outgoing WebHooks」を導入します。

Channel

どのチャンネルで発言を許可するか。

Trigger Word(s)

反応するキーワード。「,（コンマ）」区切りで複数指定可。

URL(s)

GASのURLを入れる。

Token

GASで使うのでメモしておく。

カップル専用アプリっぽい機能を実装する

共有カレンダー機能

真っ先に思いつくのがこれで、Googleカレンダーとの連携ももちろんGASでお手のものなのですが、うちではあまりスケジュールなんて立てないし、Betweenの共有カレンダーもほぼ使っていなかったので今回はなしで。

ゴミの日通知

これも最初はこのGoogleカレンダーを使えばいいやと思っていたのですが、曜日毎に決められた単純なスケジュールなのでスプレットシートで管理することにしました。

曜日ごとのゴミ分類
今日と明日のゴミ（today関数とvlookup関数）
&で繋いで1つのセルに発言としてまとめる

記念日通知

上記と同じ要領で、

記念日の「日付形式」セル
記念日から今日までの経過日数セル
経過年+1年セルと今日からその日までの日数セル
&で繋いで1つのセルに発言としてまとめる

今日の夕食

これは現在地を取得するGeolocation APIと食べログAPIあたりで近くの飲食店をランダムに取得したりできないかな、と思ったのですがよくよく考えたら毎日の食事で新規開拓目指したりしないし行くところなんて限られてるな、ということでやっぱりスプレッドシートに適当に数十パターンの夕食候補を入れておいて、ランダムでとってくるだけにしました。

C列に候補一覧
B列あたりでcounta関数を使ってC列の総数をカウント
A列にC列+発言っぽくまとめたセルを列挙

これで、ひとつのスプレッドシートにみっつの機能をまとめられました。

今日と明日の天気

これはライブドア天気予報のWeather Hacks APIで取得してきます。

完成

See the Pen Slack Bot on Google Apps Script by Seiya Moroi (@moro) on CodePen.

かなりざっくばらんなifですが業務ではないので良しとします。
ちなみに「ゴゴ」は一昨年までうちで飼っていた猫の名前です。

お気に召したようです（アイコンかぶってるけど）。

まとめ

冒頭で紹介した記事以外にも「割と本気で家庭用Slack Botを作ってみた」等、いろいろ参考になる記事が上がっていていま何番煎じくらいなんでしょう。

作り始めるとつい余計な機能を持たせたくなって、無駄にapi一覧なんかを漁ってみたりして、そしてふと気がつくんですね。

彼女とのコミュニケーションコストは削減しなくていいし、効率化も特に必要ない。

僕からは以上です。

ではでは。

2016年版WordPressでのサイト制作でお世話になっているプラグインまとめ

2016-01-07T09:00:00Z

「2016年版」って書いてますが実質2015年にお世話になったプラグインのまとめみたいなものです。

昨年くらいから微妙に「いまどきまだWordPress？」的な空気を感じる機会が多かったような気もしますが、なんだかんだでやっぱり便利なんですよね。
PHP7.0もリリースされたことですし、これからも頑張ってもらいたい気持ちでいっぱいです。

三大誰からも必要とされなくなっても僕だけは味方でいるよツール「Evernote」「Fireworks」、そして「WordPress」。

高速化系

001 Prime Strategy Translate Accelerator

https://ja.wordpress.org/plugins/001-prime-strategy-translate-accelerator/

翻訳ファイルをキャッシュしてくれる、特に恩恵を実感する場面はないけどとりあえず入れる系プラグイン。

AMP

https://wordpress.org/plugins/amp/

2015年10月、Googleがモバイルサイト高速化のために打ち出した「Accelerated Mobile Pages」通称AMP（アンプ）にさくっと対応させる、本記事内で1番2016年っぽいプラグイン。現在バージョン0.1でベータ版。
現状ではWordPress内の「投稿」をガラケーサイトかな？と思うくらい簡略化してAMP対応させているので、実際に利用する際はプラグイン内の「template.php」をAccelerated Mobile Pages Projectのレギュレーション等みながらカスタムして利用するのがいいと思います。

GZIP Output

https://ja.wordpress.org/plugins/gzip-pages/

サイトをGZIP圧縮してくれる、特に恩恵を実感する場面はないけどとりあえず入れる系プラグイン。

Head Cleaner

https://ja.wordpress.org/plugins/head-cleaner/

CSS、JSをまとめたり圧縮してくれたり、head内の不要な記述を削除してくれたりするプラグイン。

WP Super Cache

https://ja.wordpress.org/plugins/wp-super-cache/

PHPのページのキャッシュを静的なhtmlにして高速化を図るプラグイン。正直ちゃんと使えばw3 Total Cacheのほうが良さそうな気はしているのですが、使い勝手がいいのでなかなか卒業できない。

WP-DBManager

https://ja.wordpress.org/plugins/wp-dbmanager/

多分DBのバックアップがメインなので高速化で紹介すべきか迷ったけどDBの最適化もしてくれるので。

画像（メディア）系

EWWW Image Optimizer

https://ja.wordpress.org/plugins/ewww-image-optimizer/

アップロードした画像を自動でロスレス圧縮（最適化）してくれるプラグイン。
前は「WP Smush」を使ってましたが、こっちのほうが管理画面からの使用感がよいので乗り換えました。

Regenerate Thumbnails

https://ja.wordpress.org/plugins/regenerate-thumbnails/

WordPressから画像をアップロードすると「設定 > メディア」で設定した各サイズの画像が自動で生成されますが、その生成をやり直してくれるプラグイン。

Video Thumbnails

https://ja.wordpress.org/plugins/video-thumbnails/

記事本文内、あるいは指定したカスタムフィールドにYouTubeやVimeo等の動画のURLを入れると、その動画のサムネイル画像を自動的にアイキャッチ画像に入れてくれるプラグイン。

Imsanity

https://ja.wordpress.org/plugins/imsanity/

WordPressにアップロードした画像のサイズを設定した上限に自動的に縮小してから保存してくれるプラグイン。
一眼レフで撮った画像なんかをそのままアップしても勝手に縮小してくれるのでサーバーを圧迫することもありません（しないけど）。

Image Watermark

https://ja.wordpress.org/plugins/image-watermark/

WordPressからアップロードした画像に自動的に「ウォーターマーク（透かし）」を入れてくれるプラグイン。
Easy Watermarkも使ったのですが、操作感がいまいちだった気がしたのでこっちメインです。

管理画面系

Adminimize

https://ja.wordpress.org/plugins/adminimize/

ユーザー毎に権限を細く設定できるプラグイン。
機能的にはUser Role Editorとほぼ同じです。
まだどちらがいいか決めかねているところ。

Custom Post Type Permalinks

https://ja.wordpress.org/plugins/custom-post-type-permalinks/

カスタム投稿タイプのパーマリンク設定を管理するプラグイン。

Custom Post Type UI

https://ja.wordpress.org/plugins/custom-post-type-ui/

カスタム投稿タイプ、カスタム分類（カスタムタクソノミー）を作成、管理できるプラグイン。

Edit Author Slug

https://ja.wordpress.org/plugins/edit-author-slug/

WordPressでユーザーページ（author.php）を作る場合、デフォルトだとアカウントIDがそのままURLになるところを、自由にスラッグを設定できるプラグイン。

Simple Local Avatars

https://ja.wordpress.org/plugins/simple-local-avatars/

ユーザー毎にプロフィール画像を設定できるプラグイン。更新止まってるっぽい。

WP Admin UI Customize

https://ja.wordpress.org/plugins/wp-admin-ui-customize/

ユーザー毎に管理画面に表示するメニュー・しないメニューの設定や、微妙に文言を変えたりできるプラグイン。

機能拡張系

AddQuicktag

https://ja.wordpress.org/plugins/addquicktag/

ショートコードやよく使うタグを登録しておいて、エディタからワンクリックで呼び出せるようにするプラグイン。

Advanced Custom Fields

https://ja.wordpress.org/plugins/advanced-custom-fields/

カスタムフィールドをめちゃくちゃ使いやすくするプラグイン。もはやこれがなかった頃が思い出せないレベル。

qTranslate対応版のAdvanced Custom Fields: qTranslateもあります。

Category Order and Taxonomy Terms Order

https://ja.wordpress.org/plugins/taxonomy-terms-order/

wp_list_categories()で吐き出すカテゴリー一覧やタクソノミー一覧の並びを管理画面から管理できるようにするプラグイン。

CSV Importer

https://ja.wordpress.org/plugins/csv-importer/

WordPressでポータルサイトなんかを作るとき、大量の記事をCSVでアップできるようにするプラグイン。

Contact Form 7

https://ja.wordpress.org/plugins/contact-form-7/

お問い合わせフォームの定番プラグイン。

Disqus Comment System

https://ja.wordpress.org/plugins/disqus-comment-system/

簡単に小洒落たコメント欄とコメント機能を実装してくれるプラグイン。 WordPressはブログシステムなので当然デフォルトでコメント機能はあるんですが、如何せんカスタムが面倒くさいので……。

Duplicate Post

https://ja.wordpress.org/plugins/duplicate-post/

「記事の複製」機能をつけるプラグイン。

Google XML Sitemaps

https://ja.wordpress.org/plugins/google-sitemap-generator/

sitemap.xmlをさくっと自動で作ってくれるプラグイン。 qTranslate対応版のGoogle XML Sitemaps v3 for qTranslateも。

Jetpack by WordPress.com

https://ja.wordpress.org/plugins/jetpack/

正直最初は何がそんなにプッシュされているかわかっておらず、記事投稿の際にFacebookページにも投稿する「Wordbooker」の終了と併せて代替として使い始めたのですが、めちゃくちゃ多機能です。多機能すぎてTwitterとFacebookに投稿する機能と、エディタでマークダウン記法が使えるようにする機能くらいしか使えていません。

ちなみに各ソーシャルアカウントへの投稿は前述の「Wordbooker」、「WP to Twitter」「WordTwit Twitter Plugin」あたりを使っていました。

Jetpack Post Views

https://ja.wordpress.org/plugins/jetpack-post-views/

上記の「Jetpack by WordPress.com」にはシンプルなアクセス解析機能もあるのですが、その機能を使って各記事のアクセス数を一時間毎に集計し、記事のカスタムフィールドに入れてくれるプラグイン。ウィジェットを使って「日刊」「週間」等の人気記事ランキングを表示したりもできますが、カスタムフィールドに値を持っているので通常のget_posts等で出力することもできます。 cronとアナリティクスAPIを使うのは面倒くさいけどアクセス毎にカスタムフィールドに+1するのはさすがに負荷が……という時にとてもよいです。

JP Markdown

https://ja.wordpress.org/plugins/jetpack-markdown/

「Jetpack by WordPress.com」のマークダウン記法の機能だけ使いたい時に。

Permalink Editor

https://ja.wordpress.org/plugins/permalink-editor/

パーマリンクの設定を細かく設定できるプラグイン。更新止まってるっぽい。

qTranslate-X

https://ja.wordpress.org/plugins/qtranslate-x/

WordPressを簡単に多言語対応化できるプラグイン。そこそこ重いのでご利用は計画的に。

Redirection

https://ja.wordpress.org/plugins/redirection/

管理画面からさくっとリダイレクトの設定ができるプラグイン。

Search Everything

https://ja.wordpress.org/plugins/search-everything/

WordPressの検索機能を拡張してハイライト表示なんかができるプラグイン。

Slug or PostID

https://wordpress.org/plugins/slug-or-postid/

WordPressのパーマリンク設定で「%postname%」を使いつつ、スラッグの設定するのを忘れていたりした際に、その記事だけ「%post_id%」にしてくれるプラグイン。更新止まってるっぽい。

Theme My Login

https://ja.wordpress.org/plugins/theme-my-login/

ログイン画面の拡張や登録時の自動送信メールの内容等を変更できるプラグイン。

Theme Test Drive

https://ja.wordpress.org/plugins/theme-test-drive/

「管理者としてログインしている場合にのみ違うテーマを適応」できるプラグイン。こっそりリニューアルする時等に便利。

WP-PageNavi

https://ja.wordpress.org/plugins/wp-pagenavi/

言わずと知れたページャー拡張プラグイン。

セキュリティ系

Acunetix Secure WordPress https://ja.wordpress.org/plugins/secure-wordpress/

「n回ログイン失敗したらn時間ログインできなくする」等の設定ができるプラグイン。

Akismet

https://ja.wordpress.org/plugins/akismet/

コメント欄のセキュリティを高めるプラグイン（適当）。

AntiVirus

https://ja.wordpress.org/plugins/antivirus/

外部からテーマのファイル等が書き換えられたりした際に通知してくれるプラグイン。

SiteGuard WP Plugin

https://ja.wordpress.org/plugins/siteguard/

ヘテムルで「簡単インストール」でWordPressを入れるとデフォで入っているプラグイン。管理画面のURLをデフォルトの「wp-login.php」から変更したりできる。

WP Multibyte Patch

https://ja.wordpress.org/plugins/wp-multibyte-patch/

言わずと知れたマルチバイト対応プラグイン。

WP No Category Base

https://ja.wordpress.org/plugins/wp-no-category-base/

WordPressのパーマリンクから「/category/」を除去してくれるプラグイン。更新止まってるっぽい。

Revive Old Post (Former Tweet Old Post)

https://ja.wordpress.org/plugins/tweet-old-post/

指定した期間の投稿を指定した間隔で再ツイートしてくれるプラグイン。

以上、以前のまとめと比べると使わなくなったものや更新の止まっているものもちらほら。

ところで「2016年」ってつけとけばアクセス伸びるって聞いたんですがどうでしょう。楽しみです！

ではでは。

新年のご挨拶と師走の焦燥に駆られて3サイト緊急リリース・オブ・ザ・デッド

2016-01-05T09:00:00Z

あけましておめでとうございます。

ふと気づけばフリーランスになってから3年が経ち、25歳だった僕は28歳になり、乱視も悪化し、何やら腰痛も悪化し、鍼治療デビューも果たし、こんな暮らしをしていていいんだろうかと不安にならないはずがありません。
長期休暇中なんかはなおさらです。
夜な夜なベッドに体を横たえて、まぶたの裏に浮かんでくるのは悲惨な老後一色です。

このままではいけないと、3年前フリーになったばかりの時に作って、ある日「サイト名がサロペットに似てるなぁ」と気づいて以来すっかりやる気が失せて放置していた「サロンペット.jp」をリニューアルしようと思いたち、とはいえサイト名がサロペットに似ていることはどうしようもないので、新たにサイトを立ち上げることにしました。

立ち上げました

ペットをもっとよくしるためのメディア「コロニー」
わんこ写真ギャラリー「フォトニー」
クリエイターとペットたちの暮らし「ものぶつ」

コロニーとフォトニーはサロンペット.jpのコラムと写真のコンテンツを引き継ぐ形で、ものぶつは完全に新規で作りました。
いきおいだけで作ってしまって、全然取材の宛がないので協力してくれるかたぜひ連絡ください。

あと、フォトニーを立ち上げたついでに、ひさびさにドッグランに写真を撮らせてもらいにいったのですが、やっぱり写真たのしいです。今年はもっと頑張ろう。

いそいで作ったのでいろいろ至らないところもございますが、ぼちぼち手を入れていく予定なのでよろしくおねがいいたします。
FacebookページもつくったのですがURLが気持ち悪いのでいいねの方もなにとぞ。あと、あんまり興味がなくて触れていなかったInstagramもはじめました。ひたすら犬の写真を上げていく予定です。

とはいえ冬休み

とはいえ、いかにあとのないフリーランスとはいえ、二度とこない今年の冬休みを作業だけに費やしてしまっては悲しいので、前々から興味のあった「ゾンビ映画」に手を出してみました。

昨年huluとChromecastを手に入れて以来一心不乱に「ウォーキング・デッド」を見ていたのですが、この度シーズン5まですべて視聴が終わり、シーズン6の最新話は2月配信とのことなので、かの有名なロメロ作品「ドーン・オブ・ザ・デッド」「デイ・オブ・ザ・デッド」「ランド・オブ・ザ・デッド」と、バイオハザードも1だけみて他は手付かずだったので「バイオハザード2～4」、ついでに「ハウス・オブ・ザ・デッド」と。

映画って本当に面白いですね。
いま都内でゾンビがでたらかなり的確な動きが出来る気がするのでお力になれることございましたらお気軽にご相談ください。

以上、今年も頑張ります。これからもよろしくお願いします。

ではでは。

タブか半角スペースか。今どきのインデント事情を調べました（計51サイト）

2015-07-24T09:00:00Z

一昔前のSEO全盛期時代にはやれh1はbody直下だの、インデントはタブが至高だの、ボタンは緑色がコンバージョン率トップだの、一歩間違えばオカルトみたいな話題で賑わっていたような気がするんですが、最近はトンとみなくなりました。

この「インデントはタブかスペース、どちらがベストか」問題、たしかその一昔前は、

スペースだと2～4つ必要となり、タブ1つの方が容量的に少ない
タブは任意でサイズ（長さ）を変えられるのでユーザーフレンドリー
つまりタブこそが最前線のWebデザイナーの証！

みたいな世論があったような気がして、個人の自由の許す限りタブインデントを貫いてきたのですが、先日たまたまこの「タブスペース問題」が話題に上がり、気になったので5年振りくらいに調べてみました。
基本的にトップページのソースをざっくりみて、「タブ」「半角スペース2つ」「半角スペース4つ」「インデントなし」「圧縮」「混在（笑）」に分類しています。

検索エンジン

サイト名	インデント形式
Google	圧縮
Yahoo!	半角スペース4つ
Yahoo! JAPAN	インデントなし
Bing	圧縮
Baidu 百度	圧縮

Googleは日米どちらも圧縮されたものでした。
よくよく考えてみれば、今のご時世だと圧縮一択な気がします。
そしてこの時点で「エンジニア主体の企業は圧縮orスペース、デザイナー主体の企業はタブなのでは」という気がしてきました。

SNS

サイト名	インデント形式
Facebook	圧縮
Twitter	半角スペース4つ
Google+	半角スペース2つ
mixi	インデントなし
LinkedIn	圧縮
Pinterest	半角スペース4つ
クックパッド	半角スペース2つ

ここまでタブなし……。

エンジニア向け？

サイト名	インデント形式
Github	半角スペース4つ
Qiita	圧縮

タブ……。

CtoC

サイト名	インデント形式
Gumroad	インデントなし
BASE	タブ
STORES.jp	半角スペース2つ

ここでようやくタブがでました。
しかし全然デザイナー主体なイメージの企業ではないですね……。

ECサイト

サイト名	インデント形式
Amazon	半角スペース2つ
ebay	圧縮
楽天市場	混在（笑）

でました。はじめての「混在（笑）」です。ちなみにタブと半角スペース2つの混在でした。

動画配信

サイト名	インデント形式
YouTube	半角スペース2つ
ニコニコ動画	タブ
Vimeo	半角スペース4つ

三すくみ感。

リアルタイム配信

サイト名	インデント形式
USTREAM	タブ
Twitch	インデントなし

キュレーション

サイト名	インデント形式
ネイバーまとめ	インデントなし
Togetterまとめ	タブ
Wikipedia	インデントなし

「Wikipedia」は多分キュレーションサービスではありません。
意気揚々とカテゴリー分けなんてしたせいで分類が難しくなってきました。

そして、多分エンジニアさんが個人ではじめたサービスのはずのTogetterがタブですね。

Webチャットツール

サイト名	インデント形式
slack	タブ
ChatWork	半角スペース2つ

国内大手？

サイト名	インデント形式
サイバーエージェント	半角スペース4つ
Ameba	半角スペース2つ
GREE	圧縮
DeNA	混在（笑）
面白法人カヤック	半角スペース2つ

混在（笑）タブと半角スペース2つの混在でした。

仕事系

サイト名	インデント形式
クラウドワークス	半角スペース2つ
ランサーズ	半角スペース4つ
Wantedly	インデントなし

メディア

サイト名	インデント形式
LIG	タブ
cakes	インデントなし
オモコロ	圧縮

果たしてLIGがメディアで良かったのかどうか微妙ですが、ここがタブだとなんとなく心強いですね……！

OS

サイト名	インデント形式
Microsoft	圧縮
Apple	タブ

わかりやすい対比。

エディタ

サイト名	インデント形式
Sublime text	タブ
Atom	半角スペース2つ
Brackets	半角スペース4つ

デザインポートフォリオ

サイト名	インデント形式
Dribbble	半角スペース2つ
Behance	半角スペース2つ
JAYPEG	圧縮

ソーシャルゲーム

サイト名	インデント形式
モンスターストライク（モンスト）	タブ
パズル＆ドラゴンズ（パズドラ）	混在（笑）
白猫プロジェクト	インデントなし

この辺は、メインはアプリだし違うかなと思ったんですが一応。

結果

インデント形式	数
タブ	9サイト
半角スペース2つ	12サイト
半角スペース4つ	7サイト
インデントなし	9サイト
圧縮	11サイト
混在（笑）	3サイト
合計	51サイト

まとめ

タブを使うと混在（笑）しやすくなる
共通パーツのinclude等も混在（笑）のもとになりやすそう
国内外問わずスタンダードと呼べるほどのマジョリティは存在しない
圧縮が最強

SEOの話題でも最近は「いいものを作るしかない」で終わりですもんね。まとめが雑ですが、以上です。

ではでは。

賃貸でも大丈夫！壁好きに贈る壁面収納DIYのすすめ

2015-06-15T09:00:00Z

引っ越して早4ヶ月。部屋の壁は全面石膏。
時計ひとつ取り付けるにも敷金は諦める他ない仕様で、これはもう壁を作るしかない！と思い至るも五月病等やむを得ない事情で二の足を踏んでいたのですがこの度ついに完成しました。

壁に穴をあけない手作りキャットウォークの作り方

もともとこういう記事を見ていて「ディアウォールを使えば壁面収納が作れるすごい！」と思っていたのですが、似た商品に「ピラーブラケット」というのがあるそうで、ディアウォールがバネの力で固定されるのに対してピラーブラケットはゴリゴリのネジ式。少しだけお値段も上ですが、強度には代えられないのと、後述する諸々の事情でこちらを使うことにしました。

2016年11月22日追記：
最近ピラーブラケットと同じ構造でより軽量、さらに薄い「LABRICO（ラブリコ） 2×4アジャスター」というそのまま上位互換のような商品が出たそうで価格も500円ほど安い。すごい。

用意するもの

名前	必要数	単価	合計
ピラーブラケット	6個	1,944円	11,664円
2x4（ツーバイフォー）材	6本	698円	4,188円
2x2（ツーバイツー）材	1本	748円	748円
ロイヤルチャンネルサポート棚柱（ガチャ柱）1820mm シングル	2本	860円	1,720円
ロイヤルチャンネルサポート棚柱（ガチャ柱）1820mm ダブル	4本	1,674円	6,696円
ロイヤルハンガーブラケットクローム	2個	830円	1,660円
ロイヤル木棚受 250mm 左右2本セット	6セット	1,150円	6,900円
ロイヤル木棚受 300mm 左右2本セット	3セット	1,252円	3,756円
ロイヤルタッピングビス 50本入（ネジ）	3セット	765円	2,295円
有孔ボード（パンチングボード）4×920×1830mm	6枚	1,320円	7,920円
壁紙（幅900mm）のり付き	9m	604円	5,436円
棚板（メルクシパイン集成材） 25×250×660	6枚	3,390円	20,340円
棚板（メルクシパイン集成材） 25×300×660	3枚	3,930円	11,790円
総額	85,113円

あれ、あんまり「自作するとこんなに安い！」感ないですね……。

棚板は「マルトクショップ」さんでお願いするとサイズに合わせたカットはもちろんのこと、

面取り加工（表面をつるつるにするやつ）
コーナーR加工
裏面捨て塗りウレタンクリアー

すべてやってくれます。

各材料の説明

ピラーブラケット

「ディアウォール」と違い、せり出している部分がないため、そのまま上から有孔ボードを張り付けられます。

2x4（ツーバイフォー）材・2x2（ツーバイツー）材

2x4材はピラーブラケットを使って柱として、2x2材は天井側の負荷分散と、傷防止のために使用します。

ロイヤルチャンネルサポート棚柱（ガチャ柱）1820mm シングル・ダブル

2x4材に取り付けて、組み換え可能な棚が作れます。
「ダブル」は両サイドに木棚受を取り付けられるようにする器具のため、壁両端はシングル、それ以外はダブルにしています。

ロイヤルハンガーブラケットクローム

壁面をハンバーラックにできて便利。

ロイヤル木棚受 250mm 300mm 左右2本セット

棚柱と棚板を繋ぐブラケットです。奥行きが2パターンあるのは、下の方を重く、上の方を軽く、とした方がバランス的に良さそうな気がしたためです。

ロイヤルタッピングビス 50本入（ネジ）

2x4材にピラーブラケットを取り付け（1本 × 柱6本）
2x4材に棚柱を取り付け（9本 × 柱6本 = 54本）
2x4材に有孔ボードを取り付け（10本 × 5面 = 50本）
予備

事前にきっちり計算しておけばいいだけなのですが、行き当たりばったりにやっていたせいで途中何度もネジを買いに走り、結果3種類くらいのネジを使う羽目になりました。

有孔ボード（パンチングボード）

柱と柱の間を埋めるためのもので、これをつけることにより棚柱分の厚みを緩和し、壁紙が貼れるようになります。

壁紙（幅900mm）のり付き

のり付けしつつ貼り付けるのは大変だと聞いたため、のり付きのものにしました。
貼り付ける面がデコボコの場合、厚みのある壁紙の方がきれいに張り付けられるそうですが、薄いタイプのものでも有孔ボードの穴が浮き出るようなことはありませんでした（ただし有孔ボードの継ぎ目は若干浮き出る）。

棚板（メルクシパイン集成材）

パイン集成材って無印っぽくておしゃれですね。

手順

壁の計測

まず壁を計測して、各材料の注文をしなければなりません。
「ピラーブラケット」は床・天井が硬く、固定されていないと使えないためその辺りもチェックしましょう。
うちの場合、ざっくり横3300mm、高さ2300mmくらいでした。

負荷分散のための2×2材 3300mm
天井までの高さ 2300mm - 負荷分散のための2×2材 38mm - ピラーブラケットの遊び 50mm = 柱となる2×4材
横3300mm に6本の柱を立てた間隔 660mm

等、計算して、一気に各材料を調達しましょう。
僕は事前の計測が面倒だったので若干大きめに注文して自分でカットしましたが、組み立てるだけでも一苦労なので、きちんと計測してカットされた状態で届くよう注文するのをおすすめします。

柱の取り付け

壁紙を張ってから棚柱を取り付けたほうが見た目的にきれいなので、すべての柱に取り付ける位置の目印を書き込んでから、きっちり等間隔に並べます（両端の柱は端っこに棚柱を取り付ける）。等間隔にしないと有孔ボードの取り付け時や棚板の取り付け時に苦労するので、ゆるく柱を立ててからメジャーを当てて微調整を繰り返します。

この写真では目印どころか何も考えていなかったので取り付けちゃってます。

有孔ボードの取り付け

カットされて送られてきた有孔ボードを棚柱分のスペースを空けて貼り付けていきます。

壁紙を貼る

棚柱分のスペースも特に気にせず、一面に貼り付けます。
初めてだったんですが意外ときれいに貼れました。

棚柱の取り付け

手で触って、溝になっている棚柱分のスペースにカッターで切り込みを入れ、上からやや強引に棚柱を取り付けます。

完成

以上で完成です。

強度はあまりはっきりとは分からないのですが、「ピラーブラケット」は「床面、天井面の強度に寄る」とだけ書いてあり、「ディアウォール」は1本につき10kg程度とどこかで見た気がするので、だいたいそれくらいかと思います。

作業時間は2日ほど。結構な肉体労働で、おまけに普通に棚買った方がいいような気もするコスパですが、自由に穴開け放題、棚増やし放題な拡張性の高い壁ができるのでぜひお試しください。

ではでは。

フリーランスにおすすめ！「東京03」の電話番号を即時にゲットできるサービス「PHYTTER（フィッター）」

2014-12-12T09:00:00Z

個人事業主の方では携帯電話をお仕事で使っている方も多いと思いますが、何かしらの契約だったり、サービスの申し込み時に固定電話番号を求められてなくなく諦めた経験はないでしょうか。
以前書いた「フリーランス（個人事業主）のための東京都心（新宿・渋谷・池袋）格安バーチャルオフィスまとめ」のように電話番号を貸してくれたり、ちょっとした秘書のように電話の取次ぎまでやってくれるサービスもあるのですが、お値段もそれなり。
取次ぎなんていらないし、むしろ体裁的にちょっと欲しいだけで本当に使うかどうかも……、という人におすすめなのが「PHYTTER」です。
「PHYTTER」では、プリペイド方式でPC/スマートフォンアプリから利用できる東京03の電話番号と、メール転送/スマートフォンアプリで内容を確認できるFAX番号が購入できます。

「PHYTTER」の概要

Webサイトはばっちり日本語化されているものの、海外のサービスなのでややわかりづらいです。
ざっくりとした概要としては、「PHYTTER」というSkypeやLINEのようなプリペイド方式の通話サービスがあり、有料オプションの「CALL ME」や「FAX ME」を申し込むことで一般的な電話番号を付与してサービスが利用できる、ということのようです。

「PHYTTER」の使い方

今回は「東京03」の電話番号とFAX番号を取得し、iPhoneから使えるようにすることが目的です。

https://www.phytter.com/ja/registf/

上記から会員登録をし、「CALL ME」と「FAX ME」を取得、設定していきます。
どちらも流れは同じで、候補の中から取得したい番号と利用する期間を選択し、支払い情報を入力するだけです。
料金は月5ドルの基本料と月6ドル程度の利用料が必要で、最短5カ月、長期で申し込むともう少しお安くなるようです。
また、最初はとりあえず5カ月で登録して同じ番号を継続して延長、ということももちろんできます。

「PHYTTER」の通話料

プリペイド方式のポイントは1ポイント0.01ドル。
通話の接続料が一律4ポイントで国内の固定電話との通話が1分当たり2ポイント、携帯電話との通話が11ポイントです。

料金の加算のタイミングは、

「PHYTTER」から固定電話へ掛ける

4ポイントの接続料と呼び出し開始から1分当たり2ポイントの通話料金が「PHYTTER」側に発生

「PHYTTER」から携帯電話へ掛ける

4ポイントの接続料と呼び出し開始から1分当たり11ポイントの通話料金が「PHYTTER」側に発生

固定電話・携帯電話から「PHYTTER」へ掛ける

呼び出し開始から通常の「東京03」との通話料金が「固定電話・携帯電話」側に発生（？）
4ポイントの接続料が「PHYTTER」側に発生（？）

まだあまり使いこめていないため不明瞭です。
FAXは少しややこしいのと、あまり利用しないだろうなということで割愛します。詳細は下記へ。

https://www.phytter.com/ja/top-plan3.php

iPhone、androidアプリの「PHYTTER」

PC版のほうをほとんど使っておらず、主にiPhoneから使っています。
3Gではまだ試せていないのですが、自宅のWi-Fi環境では全く遅延（タイムラグ）や音質の劣化等もなく、通常の電話回線での通話と同等程度に感じました。
また、アプリの設定から「アプリを起動していない場合、携帯電話に転送する」という設定も可能で、その場合は、

呼び出し開始から通常の「東京03」との通話料金が「固定電話・携帯電話」側に発生
4ポイントの接続料と呼び出し開始から1分当たり11ポイントの通話料金が「PHYTTER」側に発生

となるようです。

まとめ

繰り返しになりますが、まだあまり使いこめていないため不明瞭です。
特に料金加算のタイミングは公式サイトをみてもわからない部分が多く、使うたびに自分の残ポイントを確認しているのですが一向に減りません。
もしかしたら月末に一気に引かれたりするのかもしれません。詳細が分かり次第きっと追記します。

ではでは。

今更ながら恋に落ちるエディタ「Sublime Text 2」導入まとめ

2014-10-27T09:00:00Z

今もっともエンジニアに「こいつできる……！」と思わせるエディタ「Sublime text」が流行して久しいですが、今更ながらざっくりと導入方法を。
ずいぶん前にまとめようとして投げ出していたものの自分用に必要となることが結構多いので備忘録的に。

「Sublime Text 2」の導入

Sublime Text 2 β版で3がありますが、パッケージ（プラグイン）の対応具合的にも安定版の2でいいと思います。

パッケージのインストール

まずはパッケージをスマートにインストールするために「Package Controll」というものを導入します。こちらから、

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

の文字列をコピーし、Sublime Textの「View > Show Console」に貼り付けてエンター。

ZIPファイルから「Package Controll」を導入する

上記ではインターネット経由で「Package Controll」をインストールしましたが、同じページの「Manual」のところから「Package Control.sublime-package」をダウンロードし、解凍したフォルダを、

C:\Users\ユーザー名\AppData\Roaming\Sublime Text 2\Packages

に格納しても同じことができます。

一度再起動し、Package導入の用意が整いました。

日本語対応

Sublime Textを日本語化するために「Japanize」というパッケージを導入します。
「Preferences > Package Control」で開いたテキストボックスに「install」と入力すると、「Package Control: Install Package」という項目が出てくるはずなのでそちらを選択し、再度出てくるテキストボックスに「japanize」と入力、選択。

さらに、

C:\Users\ユーザー名\AppData\Roaming\Sublime Text 2\Packages\Japanize

上記フォルダ内の「Main.sublime-menu」というファイルを、

C:\Users\ユーザー名\AppData\Roaming\Sublime Text 2\Packages\User

にコピーし、メニューの日本語化完了。

C:\Users\ユーザー名\AppData\Roaming\Sublime Text 2\ackages\Japanize

上記フォルダ内の「.jp」という拡張子のファイル4つを、

C:\Users\ユーザー名\AppData\Roaming\Sublime Text 2\Packages\Default

にコピーし、拡張子を削除（上書き）すると下層メニューの日本語化完了です。

なお、「Package Control」を呼び出すショートカットは「Ctrl + Shift + P（Macだと Command + Shift + P）」です。

日本語の入力対応

デフォルトではファイル内で日本語が入力できません。致命的です。
ので、こちらもパッケージで対応します。

メニューは既に日本語化されているはずなので、「ツール > コマンドパレット」で開いたテキストボックスに「install」と入力、「Package Control: Install Package」という項目を選択し、再度出てくるテキストボックスに「IMESupport」と入力、選択。

以上です。

基本設定

無事日本語化できたら基本的な文字サイズや行間、フォント等の設定をします。
「基本設定 > 基本設定 - ユーザ」で設定ファイル（Preferences.sublime_settings）が新しいタブで開くので、

{
	//フォント
	"font_face":"Consolas", //Ricty Diminished
	//フォントサイズ
	"font_size": 10,
	//行間
	"line_padding_top": 0,
	//タブサイズ
	"tab_size": 4,
	//空白の削除
	"trim_trailing_white_space_on_save": true,
	//タブやスペースを表示
	"draw_white_space": "all",
	//現在の行をハイライト表示
	"highlight_line":true,
	//自動改行
	"word_wrap": true
}

等で変更できます。各種お好みで。

「UTF-8」以外の文字コードに対応する

デフォルトでは「UTF-8」以外の文字コードのファイルを開くと文字化けするので、ファイルを開く際にファイルをそっと「UTF-8」に変換し、保存する際に元の文字コードにそっと戻してくれるパッケージ「ConvertToUTF8」を導入します。
「ツール > コマンドパレット」に「install」、「Package Control: Install Package」で「converttoutf8」。

終わり。

ここまでのパッケージのインストールでは「PackageControl」を利用しましたが、公式ディレクトリに登録されておらずGithub等で公開されているパッケージは、zipファイルを解凍して、「C:Usersユーザー名AppDataRoamingSublime Text 2Packages」に放り込めば同じように導入できます。念の為。

さいごに

ここでは僕がよく使うもののみまとめたため、FTP系やGit系やターミナル系のパッケージ関連にはあまり触れられていません。
さらに、一切触れていませんがショートカット関連もかなり奥深いです。
検索するとかなり恋に落ちてるエンジニアさんがまとめた情報等もあるので、ぜひ調べてみてください。

ではでは。

非エンジニアのためのサーバー構築。「Vagrant」で「VirtualBox」を簡単操作（CentOS 7）！

2014-10-09T09:00:00Z

先日の「ローカルマシン上に「VirtualBox」で仮想環境を構築して「Tera Term」で接続」から、Nginxを導入してWebサーバーを立ち上げるところまでせっせと頑張っていたのですがうまく行かずに悩んでいたところ、「Vagrant使えばいいのに」との助言をいただきました。
話を聞けばその「べーぐらんと」というのを使えば誰でもさっくりサーバー構築できるとのこと。
乗るしかない、このビッグウェーブに！

Vagrantとは？

コマンドプロンプトからいい感じにVirtualBox（その他）を操作する何か。
サイトもかわいいです。

Vagrant導入の下準備

まず、VirtualBoxとVagrantをインストールしておきましょう。
僕の場合はとりあえずどちらも最新のものをインストールしました。

ちなみに環境はWindows7です。

そして、VagrantにVirtualBoxの場所を教えてあげないといけないので、「コントロールパネル > システム > システムの詳細設定 > 環境変数」の「システム環境変数」に「VBOX_MSI_INSTALL_PATH」が設定されていることを確認して、

変数名：VBOX_INSTALL_PATH 変数値：%VBOX_MSI_INSTALL_PATH%

を追加してください（VirtualBoxの仕様変更により発生した作業のようです）。

いよいよVagrant導入

Vagrantでは「Box」というサーバー設定の塊のようなものを利用して、設定に則したサーバーを瞬時に構築します。
というわけで、たくさんのBoxがリストアップされている「Vagrantbox.esから目的のBoxを探します。僕の場合はVirtualBoxにCentOS 7.0を入れたかったので、「CentOS7.0 x86_64 minimal (VirtualBoxGuestAddtions 4.3.14)」のURLをコピーしてきました。

https://f0fff3908f081cb6461b407be80daf97f07ac418.googledrive.com/host/0BwtuV7VyVTSkUG1PM3pCeDJ4dVE/centos7.box

次に、コマンドプロンプトを開き、仮想環境のファイルを保存するフォルダ（dev）に移動。

$ cd dev

上記では省略していますが、CドライブからDドライブに移動する場合は、

$ D:

のみで移動できます。

そして、任意の名前（以下では「testserver 」）のBoxを作って、先程のBoxを読み込みます。

$ vagrant box add testserver https://f0fff3908f081cb6461b407be80daf97f07ac418.googledrive.com/host/0BwtuV7VyVTSkUG1PM3pCeDJ4dVE/centos7.box

作ったBoxを指定して実行。

$ vagrant init testserver
$ vagrant up

と、ここで下記のようなエラーがでてきました。

Failed to mount folders in Linux guest. This is usually beacuse
the &quot;vboxsf&quot; file system is not available. Please verify that
the guest additions are properly installed in the guest and
can work properly. The command attempted was:


mount -t vboxsf -o uid=`id -u vagrant`,gid=`getent group apache | cut -d: -f3`,dmode=777,fmode=777 /vagrant /vagrant
mount -t vboxsf -o uid=`id -u vagrant`,gid=`id -g apache`,dmode=777,fmode=777 /vagrant /vagrant

僕はこのエラーを完全に見落として（というかエラーなのか何なのかもよくわからない英語の羅列としてスルーして）おり、vagrant upで普通にサーバーは作れるものの共有フォルダ機能が使えず、さらにvagrant haltやvagrant suspendしてから再度起動するためにvagrant upすると同じサーバーが新たに作りなおされる→最初のサーバーは二度と起動できずふたつめのサーバーが増える→何度やってもひたすら増える……、という悪夢のような経験をしました。

これはどうやらCentOS側の「VirtualBox Guest Additions」という共有フォルダ機能のためのツールのバージョンがVirtualBoxの相性の悪いバージョンになっているために起こるエラーだそうで、恥ずかしながらまだ詳しいことは理解できていませんが、とりあえず下記の方法で改善できます。

まずTeraTermでSSH接続。

$ vagrant ssh

上記でSSHで接続するための情報が得られます。
恐らく「root」か「vagrant」のどちらかのユーザで、パスワードはいずれも「vagrant」です。
接続できたらSSHから、

sudo /etc/init.d/vboxadd setup


Removing existing VirtualBox non-DKMS kernel modules [ OK ]
Building the VirtualBox Guest Additions kernel modules
Building the main Guest Additions module [ OK ]
Building the shared folder support module [ OK ]
Building the OpenGL support module [失敗]
(Look at /var/log/vboxadd-install.log to find out what went wrong)
Doing non-kernel setup of the Guest Additions [ OK ]

上記のような表示が確認できたら、コマンドプロンプトに戻り、

$ vagrant halt
$ vagrant up

先ほどのエラーが消え、問題なく起動できたらCentOSのインストールと仮想化は成功です！

「さくっと」とか言ってますが上記のエラーを解決するのに一ヶ月弱掛かりました……。

Webサーバーのインストールやその他の設定はまた次回！

ローカルマシン上に「VirtualBox」で仮想環境を構築して「Tera Term」で接続

2014-09-12T09:00:00Z

AmazonのAWSやMicrosoftのAzureなどのクラウドサーバーも今やWebサービスを作る上でほぼ必須のものとなりました。
バックエンドについては勉強不足なので「従量課金でコストを抑えつつ柔軟に拡張もできたりする便利手作りサーバー」くらいの認識しかないのですが、勉強不足のままでもいられないので取り敢えずローカルに仮想環境を作るところからはじめました。

仮想環境を構築するには「VMware」や「VirtualBox」が有名みたいです。

VMwareとVirtualBoxの機能比較なんかはすでにたくさんの方がなさっているのでそちらを。

個人的にはよりサイトのデザインが可愛いVMwareにしたかったのですが、『MSI「vmwareplayer_X64.msi」が失敗しました。』と出てインストールがうまくいかなかったのでVirtualBoxにしました。

アンチウィルスソフトを一旦閉じてからインストールする
一旦「VirtualBox」をインストールしてから再度インストールする
インストールするプログラムフォルダをデフォルトから「(x86)」のない方に変更する

などの対応でいけることもあるそうですが僕はダメでした。

VirtualBoxのダウンロード

下記の「VirtualBox platform packages」のところから「VirtualBox 4.3.16 for Windows hosts x86/amd64」をダウンロード。

VirtualBoxの操作

VirtualBoxを起動したら左上の「新規」をクリックして「名前」「タイプ」「バージョン」を選択します。
名前は任意の適当な名前を入力し、タイプとバージョンは作りたいサーバーに合わせて選択してください。

僕の場合はAWSの「Amazon Linux AMI」をなんとなく扱えるようになることが目的なので、近い（互換性が高い）と評判のCentOSを入れるべく、タイプ「Linax」、バージョン「Red Hat（64bit）」を選択しました（ざっくりとしか理解していませんが……）。

この時、選択肢に64bitがでない場合はBIOSのVirtualization Technology（仮想化機能）が無効になっているか、そもそも対応していないので確認してみてください。

その他の部分はデフォルトのまま「作成」をクリックしてさくっと完了。

VirtualBoxにOSをインストール

CentOSを入れたいので公式サイトの「Minimal Install Images」からisoをとってきます。

「Actual Country」の「CentOS-7.0-1406-x86_64-Minimal.iso」をダウンロードできたら、VirtualBoxにisoを読み込ませます。

先程の「新規」の隣の「設定」をクリックし、「ストレージ > コントローラー: IDE」の下の「空」の部分を選択すると右側の「属性」のところにDVDのマークが出てくるのでそちらをクリック。

「仮想CD/DVDディスクファイルの選択...」から先程ダウンロードしておいた「CentOS-7.0-1406-x86_64-Minimal.iso」を選択し「OK」。

あとは作成したサーバーを起動したら自動でCentOSのインストールが開始します。各設定はお好みで。

ターミナルエミュレータからSSHで接続する

みんな大好き黒い画面「ターミナル」のエミュレータ。
「PuTTY」「Tera Term」「poderosa」等が有名だそうですが僕は「Tera Term」を使っています（デザインの完成度的に）。

インストールを済ませたらVirtualBoxに戻り、「設定」から「ネットワーク > アダプター1 > ポートフォワーディング」をクリックすると「ポートフォワーディングルール」というウィンドウが開くので右上の緑色の「+」をクリックして設定を追加します。

上記のように「ホストポート」を「3333（適当に任意）」、「ゲストポート」を「22」に変更して「OK」。
作成したサーバーが「実行中」になっている場合は一度再起動し、次はTera Termを開きます。

Tera Termから接続

下記のように「ホスト」に「127.0.0.1:3333」、TCPポートに「22」と先程設定した数値を入力し、「OK」。

次の画面ではVirtualBoxにインストールしたCentOSの設定に沿って入力します。
「ユーザ名(N)」を特に設定していない場合は「root」です。

ユーザ名とパスフレーズを入力し、「プレインテキストを使う(L)」を選択したら「OK」を押下。

上記の画面に移行したら接続完了です。

まとめ

いろいろ書きましたがまだ勉強中というかこれから勉強するところなので参考にする場合は主にやる気辺りを評価していただけると。

自社サイトをフラットデザイン風にリニューアルしてわかったこと

2013-11-14T09:00:00Z

先日、自社サイトをいま流行りのフラットデザイン風にリニューアルしまして、併せて当ブログも移転、リニューアルしました。
当記事はリニューアル後はじめての記事となりますが、早速そのリニューアルでわかったことについて書かせていただきたいと思います。

フラットデザイン風にしてよかったこと

アクセスが増えた

リニューアル前はサイトをほぼ放置していたこともあり、1日5人みているかどうか、というレベルでしたが、リニューアル後は1日200弱の方に見ていただけているようです。
これに関しては単純に「いま流行のフラットデザインへのリニューアル！」という話題性と、ブログコンテンツを統合した影響も大きいかと思いますが、ブログだけにとどまらずサイト全体もみていただけているようです（ありがとうございます！）。

お問い合わせがきた

これに関しては「増えた」ではなく、これまでがほぼゼロでしたので「きた」なのですが、リニューアル後から本日まで、片手では足りない程のお問い合わせをいただきました。
iOS 7やWindows 8でも採用された「フラットデザイン」の話題性は侮れません。

つまり、結論だけいうと当サイトに限って言えば、フラットデザインにしてからというもの、良いことづくめなのです。

フラットデザインの落とし穴

ここまでだけ見ればフラットデザイン最強！　ぜひ皆やるべき！　と言いたいところですが、自社サイトにフラットデザインを採用するにあたってかなり悩んだ点もあります。
その他、疑問を持った点、気になった点もありますのでまとめて下記します。

日本語とフラットデザインは合わないかも

これは様々なブログなどでも言われていることですが、漢字、カナ、かな、英数字を節操なく併せ持つ日本語は複雑すぎて、フラットデザインとの親和性はやはり高くないように感じました。
さらに、ある程度の情報量を持たせようと思うと文字列はさらに煩雑になり、デザインの難易度も上がります。

また、こちらもよく言われていることですが、フラットデザインは「リンク（ボタン）がわかりにくい」等の問題もあり、サイトのユーザー層によっては避けたほうがいいかも知れません。

当サイトでは完全なフラットデザイン化というよりは、一部テイストだけ取り入れる形にして、情報量はあまり削減できていない部分もあります。ですので「フラットデザイン風」です。

そもそもフラットデザインって？

稀に「秀逸な日本語のフラットデザインサイト」と紹介されていて、そして実際に素晴らしいサイトを目にする機会もありますが、あれらを秀逸たらしめているのは必ずしもフラットなデザインではなく、複雑な日本語を極限まで抑えた、情報量の削減による「ミニマルデザイン」ではないかと感じるのです。

フラットデザインとは、ある種のミニマルデザインだったのです！（多分）

ですので、サイトの種類によってはフラットデザインに向かないものも当然あり、そういったサイトがフラットデザイン化を敢行しても、アクセス激減、お問い合わせ激減、ということも十分にありえると思います。

フラットデザイン化のまとめ

Webサイトの場合、単にデザインといっても紙とは違い実際に機能するUIでもあるので、「流行に乗る」だけでなく、そのメリット・デメリットに注目して、その他様々な影響を加味してデザインも決めていきたいですね。

以上、フラットデザイン風にリニューアルした所感でした。

ではでは。

ブラウザからオンライン上で青色申告の決済書が作れる「クラウド会計ソフト freee（フリー）」が凄いかも知れない

2013-09-05T09:00:00Z

公式Twitterアカウントにフォローしていただいてこのサービスを見付けたのですが、恐らく「Webサービス版やよいの青色申告」のようなサービスです。
オンライン上で請求書の作れる「misoca（みそか）」の例もあり、青色申告ソフトもWebサービスであったらいいのになぁ、と前々から思っていたので個人的に待望のサービスです。
ざっくりとですが、早速触ってみたので軽くご紹介します。

freee（フリー）でできること

利用している銀行やクレジットカードを登録して自動で同期後、各取引から自動、または任意で経理登録できる
各取引に自動でそれらしい勘定科目をつけてくれる（精度は未知）
取引履歴から「収入」「収支」「売掛」「買掛」「現預金」を自動でレポート（折れ線グラフ？）化
請求書の作成（beta）

銀行口座の取引自動同期だけで十分凄いのですが、レポート化も何気にありがたいですね。
請求書の作成に関しては、僕は「misoca（みそか）」を使っているのですが、こちらではレポート化に対応していないので今後「freee（フリー）」に乗り換えるかも知れません。

UIもシンプルで使いやすい印象でした（ツバメのロゴも可愛いですね！）。

freee（フリー）の料金プラン

無料プラン	個人事業主プラン	法人プラン
無料	980円/月	1,980円/月
3 ユーザーまで 3ヶ月間データを保持個人／法人に合わせた決算書すべての基本機能が利用できる	3 ユーザーまでデータ保存無制限青色申告対応の決算書を作成すべての基本機能が利用できる	3 ユーザーまでデータ保存無制限会社法に準拠した決算書を作成すべての基本機能が利用できる

青色申告対応の決済書が作れるのは「個人事業主プラン」からのようなので、取り敢えず「無料プラン」を3ヶ月使ってみて、良さそうなら「個人事業主プラン」へ移行するのが良いかも知れません。

freee（フリー）のセキュリティ

銀行口座・クレジットカード情報を登録するにあたって、セキュリティは気になるところですが、トップページを見る限り、

通信は、金融機関レベルの 256bit SSL を利用。web口座情報は、さらに暗号化により保存。
機密度の高い情報は、ファイアウォールによりインターネットから隔離して保存。
データは自動バックアップ。分散化により、災害時なども安心。
国際的な認証である TRUSTe による認証を取得。

とかなり力を入れている印象です。

以上、freee（フリー）のトップページをそのままなぞったような内容になりましたが、取り敢えずはもう少し使ってみようと思います。
取り急ぎ、ご紹介のみ。

ではでは。

クラウド会計ソフト freee（フリー）

Webデザイナーの僕が初めてのデジタル一眼レフカメラ「Canon EOS 60D」を購入するまで

2013-05-08T09:00:00Z

思えば高校生くらいの頃から定期的に「一眼レフ欲しい！」みたいなことを言いつつ、しかし普通に生活していれば全く必要性に駆られることもないので口だけで終わっていたのですが、せっかくWebデザイナー（撮影までする機会はそんなにないし、あってもiPhoneで済ませますが）なのでそろそろ購入してもいいかな、といろいろ調べたのでまとめました。
これからデジタル一眼レフを購入する人の参考になれば。

ミラーレス一眼レフを含むかどうか

前に「これマジ！」でいらはらしんごさんがゲストの記事を見てSONY NEX-5Rにめっちゃ惹かれましたが、今回は初めてのデジタル一眼ということと、いかにも一眼一眼したボケなんかはミラーレスだと出しにくいらしいのと、「プロっぽい雰囲気」も割りと大切だと思うので今回は除外しました。

ほぼ「Canon（キヤノン）」か「Nikon（ニコン）」の二択らしい

2011年のデータですが、「デジカメ」のシェアは

国内シェア

キヤノン 32.0%
ニコン 29.4%
ソニー 13.1%
パナソニック 9.9%
オリンパス 8.2%

世界シェア

キヤノン 20.0%
ソニー 18.9%
ニコン 14.5%
サムスン電子 11.4%
パナソニック 8.8%

らしく、価格コムの2012年シェアランキングやBCNのランキングも割りと似たような結果でした。

もちろんシェアだけで選ぶものではありませんが、デジタル一眼レフの場合、

レンズの種類・規格・値段
たくさんレンズ買ったあとだと気軽に別メーカーに走れない
メーカー毎の操作性の違いに戸惑う

などもありますので重要な指標です。

とはいえ結局は好みでいいと思います。
気に入ったものでないとやる気出ないし。

そんなわけで、前に少し仕事で触ったのと、ロゴが可愛いのと、公式カナ表記の「ヤ」が大きいのは「文字列としての美しさを優先したため」なんていうロックな姿勢が気に入ったためCanonにしようと思います。ファッキンユーザビリティ。

機種めっちゃあるけど違いがわからない

素人なのでどれも一緒に見えます。違いがほぼわかりません。
ただ、Kissシリーズがエントリーモデルなのはカメラに疎い僕でもおぼろげに知っていたので「プロっぽい雰囲気」的には微妙かも。
（全然関係ないですけど、現在放送中の「フォトカノ」のOP最後に登場するカメラは「Canon Kiss X2（Canan Kiss XZ）」みたいですね！）
あとは評判をひたすらぐぐります。

Canon現行ラインナップ

EOS 5D Mark III

2012年3月発売。
ぱくたそのすしぱく（@susipaku）さんも使っているカメラ。
「IIがそれはもう評判が良くてプロでも使ってる人がいたけどIIIが出たことで値段が落ちたよ！　買いだよ！」
みたいな評判を聞きつけて「あ、これだわ」と思い立つも、いうてIIも全然良いお値段しました。
価格コムでも178000円でした。あかん。

ちなみに、「かちびと.net」のTakahashi（@kachibito）さんは「OLYMPUS E-520」、「アシナガペンギンどっとねっと」のときざき（@tokizaki）さんは「Nikon D70S」を使用されてるようです。

EOS 6D

2008年9月発売。
価格コム148500円。あかん。

EOS 7D

2009年10月発売。
価格コム88300円。ようやく手の届くお値段です。

EOS 60D

2010年 9月発売。
価格コム55000円。素晴らしい。
（多分唯一の）強化プラスチックボディ。
あとバリアングル液晶っていうパカパカクルクルする液晶がついてる。

この段階でほぼ「EOS 7D」か「EOS 60D」だなぁ、と決まっていましたがここからひたすら悩みました。

「EOS 7D」はCFカード、「EOS 60D」はSDカード
「EOS 7D」はマグネシウム合金ボディ（重い）、「EOS 60D」はプラスチックボディ（軽い）
「EOS 7D」モニター固定、「EOS 60D」はモニターがパカパカクルクル
「EOS 7D」は一秒8連射、「EOS 60D」は一秒5連射
EOS 7D」はAF（オートフォーカス）凄くて瞬時に撮れるらしい、「EOS 60D」はそうでもないらしい

うーん……。

好都合なレビュー: キヤノンハイアマチュアモデル3機種の魅力を探る

うーん…………。

2日くらい悩んだ結果、「EOS 7D」を買うことに決めました。
ちょっとお高くなりますが、カメラとして優秀との評価が目立ったのと、クルクル液晶は多分そんなに使わないのと、SDカードについては「Eye-Fi（アイファイ）カード」が使いたかったので悩んだのですが、何とかならない事もなさそうだったので（後述します）。

と、散々悩んで記事まで書いておいて土壇場でやっぱり「EOS 60D」にしました。

本当にどちらか決めかねていたところに「年内に『EOS 7D Mark II』が発売するらしい、という噂があるけど、それで『EOS 7D』のお値段がガクッと下がっても後悔しない？」という記事を見てしまい、「後悔するわ……」と思って。
動的な写真なんて撮るかわかんないですしね！

ちなみに今回は中古での購入も除外しました。
何か致命的な欠陥があっても気付かず使い続ける恐れがあるので。

レンズを選ぶ

カメラ本体にしてもレンズにしても、「初心者は取り敢えず安いのを買って、慣れてから良いのを買うべき」という意見と「初心者こそ良い物を買って目を養うべき」という意見とに分かれるようです。ギターみたいですね。

レンズは大きく分けて「単焦点レンズ」と「ズームレンズ」があって（その他は魚眼レンズとか）、僕の場合はまず単焦点レンズだけ買って、不便に感じたらズームレンズを買い足そうという結論に達しました。
「近年はズームレンズからスタートするのが主流で、実際その方が便利だが、一眼レフは単焦点レンズでこそ力を発揮する！」みたいな熱い記事を読んだのが理由です。
単焦点レンズの場合、もちろんズームが出来ないので足で近づいて撮る、遠ざかって撮る、としなければなりません（これを足ズームというらしいです。安易）が、その分画質がよかったり、初心者でも一眼レフ特有のボケが楽しみやすいかったりするようです。

ちなみによく聞く「パンケーキレンズ」というのがこの単焦点レンズのことで、50mmというのが「人間の視界とほぼ同等のもの」だそうです。
この50mmのレンズが単焦点レンズの標準のような扱いで、各社特に力を入れているレンズなのだとか。
という訳でこれにしましょう。下記、候補。

Canon EF50mm F1.8 II

価格コム8360円。
「初心者は取り敢えず安いのを買って、慣れてから良いのを買うべき」的な一品。
色々なレンズを調べれば調べる程、奇跡的な安さに驚きます。
しかも、外見のチープさを除けば評判もよく、初心者にもオススメらしいです。

Sigma 50mm F1.4 EX DG HSM

価格コム39980円。
「初心者こそ良い物を買って目を養うべき」的な一品。
「EF50mm F1.8 II」の五倍近いお値段ですが、こちらの評判は更に良く、かつ、古い機構の多い単焦点レンズの中で唯一最新鋭の技術を用いたものだとか（よく分かっていません）。

COSINA Carl Zeiss Makro-Planar 2/50 ZE

価格コム101977円。「Canon EF50mm F1.8 II」の十倍。やばい。
予算的には到底候補に挙げ得ませんが、これもやっぱり「これまじ！」で紹介されていたので気になって見てみました。
このCOSINAというメーカーは昔からカメラをやる人の間では神的な扱いなのだとか。レンズって怖い。

ここではちょっと背伸びをして「Sigma 50mm F1.4 EX DG HSM」を選ぶことにしました。
いつかカメラを買い換えてもレンズは使いまわせるし、何か名前とかも格好良いので。

その他購入するもの

SDカード

またまた「これまじ！」でおすすめされていた「Eye-Fi（アイファイ）カード」。
撮った写真をそのままWi-Fi経由で直接PCだのiPhoneだの、はたまたTwitterだのFacebookだのにアップロードできる優れもの。
「EOS 7D」はCFカードなのですが、「Mr.Battery変換アダプター」を使えば何とかならないこともないそうです。
ただ、こちらは不確定な情報なので、僕が試した結果はまたレビューしますね。

レンズプロテクター

文字通りレンズをプロテクトするもの。あんまり違いが分からなかったのでやっぱり見た目とレビュー便りで「marumi DHG レンズプロテクト 77mm」にしました。

レンズフード・ストラップなど

レンズフードは撮影時にレンズにつけるカバーみたいなやつ。多分レンズについてくるはずなので今回は取り敢えず注文しませんでした。
ストラップは文字通りストラップ。紐。これはもう完全に好みでしょう（最低限の強度は必須ですが）。

以上、Webデザイナーの僕が一眼レフデビューするまでのあれこれでした。

全体を見返してみるとやたらと「これまじ！」へのリンクが多いですね。あのサイトは購買欲求をねじり切らんばかりに攻めてきますからね。
以前、危うくホワイトボード買うところでした。恐ろしいです。

いろいろと話があっちこっちいきましたが、これからいっぱい撮影して頑張ります！

ではでは。

フリーランス（個人事業主）のための東京都心（新宿・渋谷・池袋）格安バーチャルオフィスまとめ

2013-04-25T09:00:00Z

バーチャルオフィスというのは古い言い方でいえば「住所貸し」。
「作業は自宅でするけど名刺に自宅の住所載せるのはちょっと」とか「ECはじめたいけど住所がマンションだと信用が」という際に、月額5,000円以下で東京都心（新宿・渋谷・池袋）の住所を気軽にレンタルできます。
さらに、今回は安さ重視でのチョイスなのでオプション扱いですが、「固定電話番号の取得と電話転送」であったり「郵便物転送」など、本当に都心を拠点にしている風を装えます。愉快です。

新宿のバーチャルオフィス

B.S.O Shinjuku（新宿三丁目）

初期費用	4,0000円
月額料金	4,000円
法人登記	○
電話番号取得	○
電話転送/月	5,000円
代理電話対応	1,0000円
郵便物受取	○
郵便物転送	800円（無制限）
FAX番号取得	○
FAX転送	○
来客対応	×
会議室/時間	1,200円

http://bs-o.jp/

Karigo（新宿三丁目）

初期費用	5,000円
月額料金	3,000円
法人登記	5,000円
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	120通無料
FAX番号取得	○
FAX転送	30円/通
来客対応	×
会議室/時間	×

http://www.karigo.net/

Biz-CORE（西新宿）

初期費用	3,200円
月額料金	3,200円
法人登記	3,200円
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	100通無料
FAX番号取得	×
FAX転送	×
来客対応	×
会議室/時間	×

http://www.biz-core.net/

カスタマープラス（西新宿5丁目）

初期費用	9,800円
月額料金	4,980円
法人登記	○
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	100通無料
FAX番号取得	○
FAX転送	○
来客対応	○
会議室/時間	1,000円

http://www.ginza-plus.net/

トラストワン（新宿）

初期費用	5,000円
月額料金	3,000円-5,000円
法人登記	○
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	120通無料（メール通知）
FAX番号取得	×
FAX転送	×
来客対応	×
会議室/時間	×

http://www.tr-one.co.jp/

1SBC（新宿）

初期費用	9,800円
月額料金	4,500円
法人登記	○
電話番号取得	3,900円
電話転送/月	3,900円
代理電話対応	×
郵便物受取	○
郵便物転送	100通無料
FAX番号取得	○
FAX転送	3,900円
来客対応	×
会議室/時間	×

http://www.1sbc.com/

渋谷のバーチャルオフィス

カスタマープラス（渋谷3丁目）

初期費用	9,800円
月額料金	4,980円
法人登記	○
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	100通無料（メール通知）
FAX番号取得	○
FAX転送	○
来客対応	○
会議室/時間	1,000円

http://www.ginza-plus.net/

ビジネスピット（渋谷）

初期費用	1,0000円
月額料金	5,000円
法人登記	○
電話番号取得	5,000円
電話転送/月	5,000円
代理電話対応	12,000円
郵便物受取	○
郵便物転送	100通無料
FAX番号取得	○
FAX転送	1,800円
来客対応	○
会議室/時間	×

http://www.ginza-plus.net/

バーチャルオフィスVOE渋谷（渋谷）

初期費用	1,0000円
月額料金	2,800円
法人登記	○
電話番号取得	3,000円
電話転送/月	3,000円
代理電話対応	×
郵便物受取	○
郵便物転送	？
FAX番号取得	×
FAX転送	×
来客対応	×
会議室/時間	×

http://www.v-o-e.info/

トラストワン（渋谷）

初期費用	5,000円
月額料金	3,000円-5,000円
法人登記	○
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	120通無料（メール通知）
FAX番号取得	×
FAX転送	×
来客対応	×
会議室/時間	×

http://www.tr-one.co.jp/

池袋のバーチャルオフィス

Karigo（池袋）

初期費用	5,000円
月額料金	3,000円
法人登記	5,000円
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	120通無料
FAX番号取得	○
FAX転送	30円/通
来客対応	×
会議室/時間	2,000円

http://www.karigo.net/

トラストワン（池袋）

初期費用	5,000円
月額料金	3,000円-
法人登記	○
電話番号取得	×
電話転送/月	×
代理電話対応	×
郵便物受取	○
郵便物転送	120通無料（メール通知）
FAX番号取得	×
FAX転送	×
来客対応	×
会議室/時間	×

http://www.tr-one.co.jp/

池袋ビジネスサポートIBS（池袋）

初期費用	？
月額料金	4,200円
法人登記	？
電話番号取得	9,800円
電話転送/月	9,800円
代理電話対応	×
郵便物受取	○
郵便物転送	210円/通
FAX番号取得	6,800円
FAX転送	6,800円
来客対応	×
会議室/時間	×

http://www.best-ing.com/

インスクエア池袋（池袋）

初期費用	1,0000円
月額料金	5,000円
法人登記	×
電話番号取得	5,000円
電話転送/月	5,000円
代理電話対応	5,000円
郵便物受取	○
郵便物転送	週1（メール通知）
FAX番号取得	52.5円/通
FAX転送	PDF
来客対応	×
会議室/時間	×

http://in-sq.com/

みんなのオフィス（池袋）

初期費用	5,000円
月額料金	3,000円
法人登記	○
電話番号取得	5,000円
電話転送/月	5,000円
代理電話対応	×
郵便物受取	○
郵便物転送	120通無料（メール通知）
FAX番号取得	5,000円
FAX転送	5,000円
来客対応	×
会議室/時間	×

http://office.bbb21.com/

ただし、以前書いた「フリーランス（個人事業主）のための「屋号銀行口座（営業性個人口座）」の作り方」とかぶりますが、銀行口座開設には利用できない場合がほとんどのようですのでご注意下さい。

ではでは。

フリーランス（個人事業主）のための「屋号銀行口座（営業性個人口座）」の作り方

2013-04-04T09:00:00Z

お久しぶりです。
この度ひっそりとフリーランスデビューを果たしまして、差し当たっては専用の銀行口座を作ろうと調べたところ、屋号名義での銀行口座が個人でも持てるらしいことを知りました。
ただ、調べてみても情報が古かったり、当然ですが銀行によっても違いがあったりしてなかなかに難儀しましたので、これから口座を作る人のために共有します。

まず、今回は、

三菱東京UFJ銀行
みずほ銀行
三井住友銀行
りそな銀行
楽天銀行
ゆうちょ銀行

の6つの銀行について調べました。
これらに関しては実際に各店舗を回って口座開設までしたので、およそ間違いのない情報かと思います。

最近は「振り込め詐欺」や「マネーロンダリング」などを警戒して屋号口座の開設がやや厳しくなっているそうで、その辺りの事情でネットで出回っている情報と違いが出ているようです。

まず結論から申しますと、完全な「屋号のみ」名義の「屋号口座」を作る方法は法人化するか、ゆうちょ銀行の「振替口座」を利用するしかないようです。

次点で「振込の際には屋号のみで振り込めるけど実際の名義は屋号＋名前に」という形の「屋号付き口座」であればどこの銀行でも対応しています。

以下でそれぞれ紹介します。

三菱東京UFJ銀行

三菱東京UFJ銀行についてはサイト上でも紹介されている通り、

国税または地方税の領収書または納税証明書（原本）
社会保険料の領収書（原本）
商業登記簿謄本（原本）
事務所の賃貸契約書（コピー可）
公共料金の領収書（原本）
税務署収受印付の確定申告書（原本）

のどれか一点あれば「屋号付き口座」が開設できるそうです。

三菱東京UFJ銀行: 口座開設時の本人確認書類

ただ、サイトには上記6点に加え「など」と表記されていたため、ダメ元で開業届と名刺、ウェブサイトをプリントアウトしたものを持って窓口に行ったところ、やはり開設できませんでした。

ちなみに「支店が新宿だと何かかっこよくね？」と思って新宿支店にも行ってみたところ、自宅か事業所から一番近い支店でしか口座開設はできないとのことでした。知ってました。何故か忘れていました。
こんなマヌケな人はそういないと思いますが念のためご注意下さい。

みずほ銀行

支店に伺ったところ、一旦書類を預かって簡単な審査があるとのことで、

開業届
名刺
ウェブサイトをプリントアウトしたもの

を提出して一旦帰宅。
一週間弱で「問題なく口座開設できるのでもう一度来て下さい」と電話があり、問題なく「屋号付き口座」が開設できました。
その場で通帳が発行され、一週間後くらいにカードが郵送されてくる一般的な口座開設と同じ形です。

三井住友銀行・りそな銀行

こちらでは、

開業届
名刺
ウェブサイトをプリントアウトしたもの

で即日「屋号付き口座」が開設できました。
やはりその場で通帳が発行され、一週間後くらいにカードが郵送されてくる形です。

楽天銀行

楽天銀行はネットバンクだからか、サイト上の情報が充実しており、下記の説明通りにあっさりと「屋号付き口座」が開設できました。

楽天銀行: 個人ビジネス口座を開設できる方

僕の場合は元々楽天銀行の個人口座を持っていたため、サイトからビジネス口座開設の申し込みをして、後日送られてきた封筒に開業届のコピーを入れて返送。
さらに後日、開設完了の手紙を受け取って、カスタマーサポートに電話し、屋号のみで振り込めるよう手続きをして完了です。

ゆうちょ銀行

ゆうちょ銀行は、なんというか、窓口のおばさんがあまりそういった知識のない方だったようで「屋号ってなんですか？」くらいの勢いで、はっきりいってあまり一般的なケースではなかったかも知れません。
そういった事情で総合口座についてはあまり調べられず、振替口座のみ開設しました。

ゆうちょ銀行: 振替口座のご案内

このやや不便な振替口座では上記銀行とは違い、完全な「屋号のみ」の口座が開設できます。
口座開設の手続きについては下記の手順で行い、簡単な審査を行った上で後日口座の情報が郵送されてきました。

メール人語: ゆうちょ銀行で屋号の口座を作る方法（サンプル会員規約文書付き）

以上、6つの主要銀行での屋号付き口座開設についてでした。

ではでは。

「Custom Field GUI Utility 3.2」の「imagefield」をWordPress 3.5に対応させる方法

2013-03-07T09:00:00Z

以前の記事で「『Custom Field GUI Utility 3.2』使うの止めて『Advanced Custom Fields』使うことにしました」みたいなことを言いましたがそんなことを言いつつもやっぱり「Custom Field GUI Utility 3.2」も使ったりします。
ただ、そのままでは「imagefield」が動作しなかったのでちょっとプラグインをいじってみました。

WordPress3.5から導入された新しいメディアアップローダーが原因のようです。
ですので、プラグインを直接編集して旧メディアアップローダーを呼び出すよう修正します。

cfg-utility.phpの修正

まずはcfg-utility.phpの57行目あたり。

/* 管理画面のhead要素でCSSとJavaScriptファイルの読み込み */
function insert_head () {
	$plugin_url = get_bloginfo('wpurl') . '/wp-content/plugins/custom-field-gui-utility/';
	$head = < << EOD
	<link rel="stylesheet" href="{$plugin_url}facebox/facebox.css" type="text/css" media="all" />
	<link rel="stylesheet" href="{$plugin_url}cfg-utility.css" type="text/css" media="all" />
	<link rel="stylesheet" href="{$plugin_url}exValidation/css/exvalidation.css" type="text/css" />
	<script type="text/javascript" src="{$plugin_url}facebox/facebox.js"></script>
	<script type="text/javascript" src="{$plugin_url}exValidation/js/exvalidation.js"></script>
	<script type="text/javascript" src="{$plugin_url}exValidation/js/exchecker-ja.js"></script>
	<script type="text/javascript" src="{$plugin_url}cfg-utility.js"></script>
	<script type="text/javascript">
	jQuery(function($){
		$("form#post").exValidation();
	});
	</script>
EOD;
	echo $head;
}

となっている部分を以下のように修正。

/* 管理画面のhead要素でCSSとJavaScriptファイルの読み込み */
function insert_head () {
	$plugin_url = get_bloginfo('wpurl') . '/wp-content/plugins/custom-field-gui-utility/';
	$admin_url = admin_url();
	$head = < << EOD
	<link rel="stylesheet" href="{$plugin_url}facebox/facebox.css" type="text/css" media="all" />
	<link rel="stylesheet" href="{$plugin_url}cfg-utility.css" type="text/css" media="all" />
	<link rel="stylesheet" href="{$plugin_url}exValidation/css/exvalidation.css" type="text/css" />
	<script type="text/javascript" src="{$plugin_url}facebox/facebox.js"></script>
	<script type="text/javascript" src="{$plugin_url}exValidation/js/exvalidation.js"></script>
	<script type="text/javascript" src="{$plugin_url}exValidation/js/exchecker-ja.js"></script>
	<script type="text/javascript" src="{$plugin_url}cfg-utility.js"></script>
	<script type="text/javascript">
	jQuery(function($){
		$("form#post").exValidation();
		if ( $( 'a.add_image' ).length ) {
			$('a.add_image').live('click', function(){
				tb_show('ファイルをアップロード', '{$admin_url}media-upload.php?post_id=&TB_iframe=1');
				return false;
			});
        }
	});
	</script>
EOD;
	echo $head;
}

そして、283行目辺りの、

$media_buttons = '';
ob_start();
do_action('media_buttons');
$media_buttons = ob_get_contents();
ob_end_clean();

となっている部分を、

$media_buttons = '<a class="add_image button">画像アップロード</a>';
/*
ob_start();
do_action('media_buttons');
$media_buttons = ob_get_contents();
ob_end_clean();
*/

と修正します。以上でcfg-utility.phpの修正は完了。
次はcfg-utility.jsを修正します。

cfg-utility.jsの修正

次はcfg-utility.jsの178行目辺り、

// アップロードボタンを調整 [start]
$('p.cfg_add_media_pointer a.add_media').addClass('cfg_add_media_clone').removeAttr('id');
// アップロードボタンを調整 [end]

// イメージフィールド・ファイルフィールド周りのliveイベントを設定 [start]
$('a.cfg_add_media_clone').on('click', function(){
	var self = $(this);

	// アップローダーをクリック(clc)したイメージフィールドのidをcookieに保存
	var clc_id = self.closest('div.imagefield').attr('id');
	setCookie('imf_clc_id',clc_id);
});
// イメージフィールド・ファイルフィールド周りのliveイベントを設定 [end]

となっている部分を以下のように修正。

// アップロードボタンを調整 [start]
// $('p.cfg_add_media_pointer a.add_media').addClass('cfg_add_media_clone').removeAttr('id');
// アップロードボタンを調整 [end]

// イメージフィールド・ファイルフィールド周りのliveイベントを設定 [start]
// $('a.cfg_add_media_clone').on('click', function(){
$('a.add_image').on('click', function(){
	var self = $(this);

	// アップローダーをクリック(clc)したイメージフィールドのidをcookieに保存
	var clc_id = self.closest('div.imagefield').attr('id');
	setCookie('imf_clc_id',clc_id);
});
// イメージフィールド・ファイルフィールド周りのliveイベントを設定 [end]

以上で完了です。
例のごとくプラグインを直接編集する力技ですので、自己責任でご対応下さい。

ではでは。

参考サイト

WordPress3.5でもCustom Field GUI Utility3の画像アップロードを使う

WordPressで地域型ポータルサイトを作るときに使える都道府県市区町村をカテゴリーにインポートするxmlファイルを作りました

2013-02-04T09:00:00Z

タイトルそのものなのですが、WordPressで地域型のポータルサイトなんかを作る際に全国都道府県、市区町村をちまちまカテゴリー登録するのはとても面倒です。
という訳で、インポートするだけで都道府県、市区町村をカテゴリーに設定できるxmlファイルを作りましたので、よろしければお使い下さい。

wordpress-category-japan.zip

尚、当ファイルの都道府県・市区町村のデータは郵便局のデータをお借りしています（平成25年1月31日更新とのこと）。
スラッグが設定されているのは都道府県までで、各市区町村までは手が回っておりません。どなたか余力のある方がいらっしゃればチャレンジしていただければ。

ところでこういう需要、相当ありそうな気がしたものの同じような記事が見つからなかったのでこうしてせっせと頑張った訳ですが、実は僕が知らないだけでもっと画期的でスマートな方法があったりするのでしょうか。
もしそうであれば教えていただけると嬉しいです。

ではでは。

仮のマークアップで使えるダミー画像をURLから吐き出してくれるサービス「Dynamic Dummy Image Generator」

2013-01-30T09:00:00Z

WordPressなどCMSでサイトを構築するに当たって仮でコーディングを始めることは多々あると思うのですが、そんな時のダミー画像をURLだけでちょいちょいっと吐き出してくれる便利なWebサービス「PLACEHOLD.IT」がいつの間にやら動作しなくなってので、良い感じの代替サービス「Dynamic Dummy Image Generator」の方を試してみます。

使い方は「PLACEHOLD.IT」と同じく簡単です。

https://dummyimages.com/横x縦/背景色/文字色.フォーマット&text=画像内の文字列

と呼び出すだけ。最小構成であれば、

<img src="https://dummyimage.com/300" alt="ダミー画像"/>

とすると下記のような300px四方の画像になります。

あと何気に凄いのがサイズを比率で呼び出せるので、例えば幅300pxで黄金比の画像欲しい！　となったときは、

<img src="https://dummyimage.com/300x1.61:1" alt="黄金のダミー画像"/>

とすると勝手に高さを計算して吐き出してくれます。

これは捗りますね。

もっと詳細に使い込みたい方は「Dynamic Dummy Image Generator」のサイトに詳しい使い方が説明されています（英語だけど多分勘で大丈夫）。

ではでは。

WordPressを使ったサイト制作に欠かせないプラグイン34個+5個まとめてみた

2013-01-24T09:00:00Z

昨年を振り返ると、そういえば随分とWordPressにどっぷりハマった一年でした。
プラグインの選定→精査→削除→選定→精査→削除をひたすら繰り返していたような気がします。
せっかくいろいろ調べたので公開します、というか割りと鉄板なものばかりで恐縮です。
良かったら「こっちの方がいいよ」とか「それやめといたほうがいいよ」とか教えて下さい。

どんなサイトを作るにしても迷わず導入するプラグイン

001 Prime Strategy Translate Accelerator

http://wordpress.org/extend/plugins/001-prime-strategy-translate-accelerator/
チェックボックスにチェックを入れて有効にするだけで言語ファイル（.mo）のキャッシュファイルを作成して読み込みを早くするプラグイン。

使い方: WordPressの実行時間を短縮させる「001 Prime Strategy Translate Accelerator」

Advanced Custom Fields

http://wordpress.org/extend/plugins/advanced-custom-fields/
カスタムフィールドを使いやすく拡張するプラグイン。
長らくCustom Field Gui Utilityのお世話になっていたのですが乗り換えました。
別途機能の充実した有料版もあるようですが無料版で十二分使いやすいし見やすいしで文句ありません。

使い方: カスタムフィールドを使いやすくするwordpressプラグイン「Advanced Custom Fields」

Akismet

http://wordpress.org/extend/plugins/akismet/
コメントスパム対策プラグイン。
定番中の定番ですね。

AntiVirus

http://wordpress.org/extend/plugins/antivirus/
名前の通りセキュリティ対策のプラグイン。
有効にしておくと、変更の加えられたファイルをピックアップして知らせてくれたり、何もないとグリーンの表示がなされていて精神的に癒されたりできます。

使い方: 使用中のテーマにウィルスが入っていないかチェックしてくれるWpプラグイン-AntiVirus

Breadcrumb NavXT

http://wordpress.org/extend/plugins/breadcrumb-navxt/
パンクズリストを一括でうまいことあれこれしてくれるプラグイン。
microdateに対応した記述方法なんかがあちこちで紹介されていたりで優秀です。

使い方: Breadcrumb NavXTを使ったパンくずリストの構造化マークアップ

Contact Form 7

http://wordpress.org/extend/plugins/contact-form-7/
メールフォームを簡単に設置できるプラグイン。定番中の定番。

Custom Post Type Permalinks

Custom Post Type Permalinks
カスタム投稿タイプのパーマリンク設定をWordPressの管理画面から簡単に行えるプラグイン。

使い方: カスタム投稿タイプのパーマリンクをカスタム設定できるWordPressプラグイン・Custom Post Type Permalinks

Custom Post Type UI

http://wordpress.org/extend/plugins/custom-post-type-ui/
カスタム投稿タイプをWordPressの管理画面から簡単に作成できるプラグイン。

使い方: カスタム投稿タイプ簡単利用プラグイン Custom Post Type UI

DB Cache Reloaded Fix

http://wordpress.org/extend/plugins/db-cache-reloaded-fix/
データベースをキャッシュ化して管理画面もろとも高速化を図るプラグイン。
高速化関連についてはいろいろ複雑なので他のプラグインとの相性を見つつ、WP Super Cacheと使い分ける形で利用してます（同時に動かすと却って遅くなるそうです）。

使い方: WordPress高速化のプラグインDB Cache Reloaded Fix を入れてみてた

Google XML Sitemaps

http://wordpress.org/extend/plugins/google-sitemap-generator/
ウェブマスターツールなどに投げるsitemap.xmlを自動的に吐き出してくれるプラグイン。
qTranslateを導入した際はGoogle XML Sitemaps v3 for qTranslate（使い方は一緒）。

GZIP Output

http://wordpress.org/extend/plugins/gzip-pages/
ページをgzip圧縮してくれるプラグイン。

Head Cleaner

http://wordpress.org/extend/plugins/head-cleaner/
CSSやjsをひとつのファイルにまとめたり圧縮したり、よくセキュリティ関連で言われているWordPressのバージョンを消してくれたりするプラグイン。

Ktai Style

http://wordpress.org/extend/plugins/ktai-style/
サイトをフィーチャーフォンに対応させるプラグイン。これも定番ですね。

使い方: Ktai Style (携帯対応プラグイン)（制作者さんのサイト）

Permalink Editor

http://wordpress.org/extend/plugins/permalink-editor/
パーマリンクの形式を細かく設定できるプラグイン。

Search Everything

http://wordpress.org/extend/plugins/search-everything/
WordPressの検索機能を強化し、カスタムフィールドを含めたりタグを含めたり検索結果でキーワードをハイライト表示したりできるプラグイン。

使い方: サイト内検索の範囲を広げるプラグイン「Search Everything」

Secure WordPress

http://wordpress.org/extend/plugins/secure-wordpress/
ログイン画面のエラー表示を非表示にしたり、回数を制限したり、各階層に空のindex.phpを生成したりしてくれるプラグイン。

使い方: 【WordPress】Secure WordPress セキュリティ強化用プラグイン

WP-DBManager

http://wordpress.org/extend/plugins/wp-dbmanager/
データベースのバックアップを取ってくれるプラグイン。
リストア（復元）も管理画面からボタンひとつでできてとても良いです。
「BackWPup」はデータベースだけでなくテーマのバックアップも行なってくれますが、さすがにボタンひとつとはいかないのでそちらは人力で対応して、データベースはこれで、というパターンが定着してます。

使い方: WordPressのバックアップと最適化！ WP-DBManagerが最高すぎる件！！

WP-PageNavi

http://wordpress.org/extend/plugins/wp-pagenavi/
こちらも定番のページャープラグイン。

使い方: ページナビゲーションを拡張してくれるWPプラグイン「WP-PageNavi」

WP Multibyte Patch

http://wordpress.org/extend/plugins/wp-multibyte-patch/
定番というかデフォですね。

WP No Category Base

http://wordpress.org/extend/plugins/wp-no-category-base/
パーマリンクから「/category/」を消すプラグイン。ないとやってられないレベル。

WP Smush.it

http://wordpress.org/extend/plugins/wp-smushit/
米Yahoo!の「Smush.it™」というサービスを経由してアップロードされた画像ファイルを自動的に軽量化してくれるプラグイン。
管理画面の「メディア」から何％軽量化されたか見ることもできて何となく満足度高いです。

使い方: 画像の容量サイズを最適化するサイト smush.it & WordPress用プラグイン WP Smush.it

WP Super Cache

http://wordpress.org/extend/plugins/wp-super-cache/
言わずと知れたページをキャッシュ化して高速化を図るプラグイン。

使い方: WP Super Cache

WPtouch

http://wordpress.org/extend/plugins/wptouch/
スマートフォン対応プラグイン。これまでは子テーマを作って、「WPtap Mobile Detector」で振り分けてたんですが今後はこっちをカスタマイズして使う形で行こうと思います。
テーマの振り分けだと「スマフォからPCの表示みたいんだけど」って時の切り替えが（感覚的に）面倒なので。

使い方: スマフォ向けデザインに変換してくれるプラグイン WPtouch; 感謝！WPTouchをカスタマイズした際にめっちゃ参考にさせていただいた3つの記事

時と場合により欠かせないプラグイン

AddQuicktag

http://wordpress.org/extend/plugins/addquicktag/
ショートコードやよく使うタグなんかを登録しておいて、エディタからワンクリックで呼び出せるようにするプラグイン。
最近導入したばかりなのですが、とても便利なのでこのまま定着する模様です。

使い方: 「AddQuicktag」でWordPressの投稿エディタをカスタマイズして、更新作業をスピードアップしよう！

AdRotate

http://wordpress.org/extend/plugins/adrotate/
広告を「グループ」で管理してランダム表示や表示期間を設定できるプラグイン。
長らくシンプルなWP-Adsのお世話になっていたのですが、バックスラッシュが挿入される問題があったりして、公式ディレクトリに同等のものがないかなー、と探していて見付けました。
「広告管理」と「グループの管理」だけ設定したらすぐ使えるので、ほぼ直感で大丈夫だと思います。

使い方: 『AdRotate』アフィリエイト広告管理を便利にするWordPressプラグイン

Browser Shots

http://wordpress.org/extend/plugins/browser-shots/
先日紹介したURLからスクリーンショットを自動生成してくれるプラグイン。

Disqus Comment System

http://wordpress.org/extend/plugins/disqus-comment-system/
各種SNSと連携したコメント欄を簡単に実装できるプラグイン。
導入が若干面倒ですがfunctions.phpをせこせこいじるのに比べたら随分楽ですね。

使い方: WordPressのコメントシステムをDISQUSで強化する

My Category Order

http://wordpress.org/extend/plugins/my-category-order/
カテゴリーの並び順を簡単に任意で並べ替えるプラグイン。

Plugin Memorandum

http://wordpress.org/extend/plugins/plugin-memorandum/
「インストール済のプラグイン一覧」に、プラグイン毎のメモを残せるプラグイン。

使い方: WordPressの管理画面でプラグインにメモを残せるプラグイン「Plugin Memorandum」を共同開発してみた！

qTranslate

http://wordpress.org/extend/plugins/qtranslate/
多言語化プラグイン。

使い方: WordPressプラグイン「qTranslate」でブログを多言語化する

Tweetily

http://wordpress.org/extend/plugins/tweetily-tweet-wordpress-posts-automatically/
過去の記事を定期的にTwitterアカウントからツイートしてくれるプラグイン。
恐らく一番有名な同種のプラグインは「Tweet Old Post」ですが、設定画面が見易いので最近はもっぱらこっちのお世話になってます。
「Tweet Old Post」同様、マルチバイト文字に対応していないので、日本語で利用する場合は下記の対応が必須です。

使い方: WordPress過去記事の自動投稿ならTweetilyがおすすめ; 日本語を70文字しかツイートできない「Tweetily」の不具合を日本語タイトル対応に修正する方法

というか、ソースを見るとほとんど同じものに見えるのは気のせいですかね。

Wordpress Popular Posts

http://wordpress.org/extend/plugins/wordpress-popular-posts/
こちらも定番の人気記事をランキング表示するプラグイン。
尚、サムネイル付きで利用する場合は脆弱性が見付かっているそうなので下記の対応が必要です。

使い方: Popular Posts – 人気記事ランキングを「日間」「週間」「月間」から設定可能

WordTwit

http://wordpress.org/extend/plugins/wordtwit/
記事投稿と同時に設定したTwitterアカウントからツイートしてくれるプラグイン。

使い方: 「WordTwit」ワードプレスの記事更新をツイッターに自動でつぶやいてくれるプラグイン

Yet Another Related Posts Plugin（YARPP）

http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/
定番の「この記事を読んだ人にはこちらもオススメです（レコメンド）」を表示するプラグイン。
脱プラグイン的な思想で共通のタグを持つ記事を表示して満足したりもしていたのですが、何だかんだで自由度の高いこちらに落ち着きました。

使い方: 関連記事を自動的に表示する – YARPP

やや使い所は限られるも便利なプラグイン

WP Favorite Posts

http://wordpress.org/extend/plugins/wp-favorite-posts/
「この記事をお気に入りに追加」を実装するプラグイン。

使い方: 「この記事をお気に入りに追加」を実装できるWordPressプラグイン・WP Favorite Posts

SyntaxHighlighter Evolved

http://wordpress.org/extend/plugins/syntaxhighlighter/
ショートコードを使ってソースのハイライト表示などを導入するプラグイン。

使い方: ソースコードをキレイに表示するWordPressプラグイン「SyntaxHighlighter Evolved」

Twit Connect

http://wordpress.org/extend/plugins/twitconnect/
「TwitterアカウントでWordPressにログイン」を実装するプラグイン。

使い方: Twit ConnectはWordPressにtwitterでログイン、他にもいろいろ出来るプラグイン

Theme My Login

http://wordpress.org/extend/plugins/theme-my-login/
WordPressのログイン画面・登録画面などをカスタマイズできるプラグイン。

使い方: ユーザー管理に関するあれやこれや（Theme My Login編）

Humans TXT

http://wordpress.org/extend/plugins/humans-txt/
humans.txtというrobots.txtに対抗（？）した試みがあるらしく、それに準じた「humans.txt」ファイルを管理画面から編集・生成するプラグイン。試み自体が愛らしかったので、つい。

以上、計39個、ざっくりとご紹介しました。
まだまだ勉強不足だったり、実は便利な機能を見逃していたりが全然あると思うので今年も勉強楽しみだなー。

ではでは。

FacebookとかTwitterカードとかmixiとかいろんなSNSで利用されるOGPを見直してみた

2013-01-21T09:00:00Z

FacebookやTwitterカードなどで用いられるOGPタグの設定を（なんとなく流行りに乗りたいがために）せっせとやっておったのですが、Facebookさんすぐ仕様変更してしまうし、気付けば20行以上とかになっていたりしたので改めて調べなおしてみました。

結論から先に申しますと、

<meta property="og:title" content="FacebookとかTwitterとかmixiとかいろんなSNSで利用されるOGPを見直してみた"/>
<meta property="og:type" content="blog"/>
<meta property="og:url" content="https://doocts.com/webdesign/open-graph-protocol.html"/>
<meta property="og:image" content="img_200_200.png"/>
<meta property="og:site_name" content="ドークツ"/>
<meta property="og:description" content="FacebookやTwitterカードなどで用いられるOGPタグの設定を（以下略）"/>
<meta property="fb:admins" content="294655003920574"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@miiracode"/>

といった形がいいのかなー、と思いました（面倒臭いので思うに留まっています。次から本気出す）。
以下はちょっとした解説です。

og:title

ページのタイトル。 Facebookでは225バイトまで、Twitterでは70文字までだそうです。必須。

og:type

ページの種類。結構な種類があるようですが「article」「blog」「website」おさえておけば何とかなる感。
詳しくはThe Open Graph protocol。必須。

og:url

ページのURL。必須。

og:image

ページを表す画像。
Facebookでは154px四方以上200px四方表示、Twitterでは60px四方以上120px四方表示だそうですが、これがちょくちょく変更されるので要注意です。
取り敢えず200px四方で行くことにしました。必須。

og:site_name

サイトのタイトル。

og:description

サイトの説明。Facebookで最大300文字、Twitterで最大200文字らしいですが、100文字以内に収めるのが良さそうです。

fb:admins

fb:app_idを使って自動化する方法もあるようです。

ここからTwitterカード用の独自設定です。利用は要申請。
尚、OGPと共用出来る部分は省略し、二点のみ設定しています。

twitter:card

「summary」「photo」「player」から選択。
「photo」にするとTwitpicみたいに画面いっぱいに画像を表示したりも出来るようなので、その場合は別途大きい画像を「twitter:image」で設定すると良さそうですね。
詳しくはこちらに詳しい説明があります。

twitter:site

Twitterアカウント。

以上、これらをしっかり設定したところでそもそも共有されないコンテンツだとただの自己満足になってしまいますが、自己満足って大切ですよね。

ではでは。

WordPressでURLをスクショに変えてくれるプラグイン「BM Shots」から「Browser Shots」に乗り換えました

2013-01-18T09:00:00Z

ショートコードでURLを指定するとスクリーンショットを返してくれるWordPressプラグインといえば「BM Shots」が定番ですが、この度WordPressのバージョンを3.5に上げたところどうにも動作しなくなりました。
そもそもバージョンは関係なく何かしら設定の見落としがあった可能性もありますが、調べる過程であっさりより良い感じのプラグインを見つけたのでシェアします。

Browser Shots

WordPress › Browser Shots « WordPress Plugins

「BM Shots」と違い、WordPress公式のディレクトリに登録されているので安心感がありますし、「BM Shots」のようにサイトに飛んでzipを落としてアップロードして、みたいなこともなく、WordPressのプラグイン > 新規追加で簡単にインストールできます。

使い方は「BM Shots」とほぼ同様で、「BM Shots」では、

[browsershot url="https://doocts.com/" width="600"]

としていたところを、「Browser Shots」では、

[browser-shot url="https://doocts.com/" width="600"]

と、ハイフンをつけるだけでだけで下記のようなスクリーンショットを挿入できます。

機能的にも、どちらもWordPress本体の隠しAPIを利用しているものと思われますので差はないものと思われます。多分。

同じように長らくお世話になっていた「Custom Field Gui Utility」や「WPAds」なども良い感じの代替プラグインを見つけたのでそう遠くないうちに紹介します。多分。

WordPressでページ分割をした時のタイトルをユニークにする方法

2013-01-17T09:00:00Z

「WP-PageNavi」などもそうですが、WordPressでページ分割した際にタイトルタグやメタデータ、h1などが重複し、ウェブマスターツール > 最適化 > HTMLの改善にて「重複するデータ」として咎められてしまうことがあります。
SEOにおいて恒久的かつ確定的なことなんてないと思っているのでその辺りについて言及するのは気が引けるのですが、Google様が改善せよと仰るのなら改善して悪いことはないと思うので改善方法をご紹介します。

前振りの割にすごく簡単な施策で恐縮なのですが、条件分岐タグ「is_paged()」を使えば簡単に実現できます。

if(is_paged()): echo get_query_var('paged'). "ページ目"; endif;

「is_paged()」は複数に渡るページの時、2ページ目以降ならtrueを返すタグですので上記の記述では1ページ目には何も表示せず、2ページ目からページ数が挿入される形になります。

いつのまにかWordPressのincludeのやり方が変わってた

2013-01-16T09:00:00Z

お久しぶりですこんにちは。
長らく放置していたブログですが今年こそちゃんと更新しようと思いまして、リニューアルみたいなことをやりました。

WordPressも3.2から3.5になりまして、タグの推奨非推奨とかもおさらいしておこうと思ったら3.0から、

< ?php include TEMPLATEPATH.'/shared/php/social.php'; ?>

みたいなインクルードの書き方が非推奨になったのだとか。
じゃあどうしたらいいの、というのが、

こちら。
デフォルトのテーマなんかでもloop.phpを呼び出すのに使ってたりした筈なのですが、深い階層にあるファイルをどうしたらいいのかとか拡張子はどうなるのとか一時間ほど悩んだ末、

< ?php get_template_part('shared/php/social'); ?>

このような書き方で無事動作しました。
管理しやすさ重視でかなり細かくインクルードしてるのでてんやわんやでした。
実は間違っていたりもっといい方法があったりしたら是非教えて下さい。

ではでは。

フリーランサーが仕事を探せるマッチングサイトをたくさん

2012-06-27T09:00:00Z

Web上仕事もで取ってきてしまえるマッチングサービスを集めてきました。
意外と数が多かったので主にデザインを指標に良さ気なサイトを掲載しています。
ただし使ったこともないサイトがほとんどです。下に行くほどざっくばらんです。ごめんなさい。

クラウドワークス

https://crowdworks.jp/
エンジニア・クリエイターのクラウドソーシングサービス。
2011年3月から現在に至るまでずっとベータ版のままのクラウドワークス。
サイトのデザインも今時で、UIも使いやすいです。
一度利用させてもらったのですが、新しいサービスなだけあってクライアントのリテラシーも高めです。

＠SOHO

http://www.atsoho.com/
「SOHO，フリーランス向けの在宅ワーク、副業、業務委託、求人情報を提供しています。同時にSOHO，フリーランスのプロフィールも掲載し，両者のマッチングを行う仕組みを提供しています」
ずいぶん前からあるような気がするのできっと老舗。使いやすくも見やすくもない。
こちらも何度か利用させていただいたのですが、比較的にスムーズにお仕事できました。

Lancers

http://www.lancers.jp/
「Lancersは個人と法人が仕事を売ったり買ったりすることができる日本初の仕事売買マーケットプレイスです。個人間の取引でも安心のエスクロー決済なので安全に仕事をクラウドソーシングできます！」
少し前に微妙に話題になっていたような気がしますが波に乗り遅れて使ったことないです。社畜やっててそれどころではありませんでした。

SOHOビレッジ

http://www.sohovillage.com/
「SOHO、フリーランス、個人事業を応援するコミュニティーサイト。仕事情報を満載」
＠SOHO並みの老舗みたいな印象がありますがどうなんでしょう。ソースをみたらデザインからの予想を大きく裏切ってHTML5でした。

さぶみっと！

http://hp.submit.ne.jp/
「ホームページ制作マッチングは、『WEB制作案件』専門の無料ビジネスマッチングサイトです。WEB制作の依頼を行うと全国のホームページ制作会社より一括で提案・見積もりがもらえます。さぶみっと!JAPANが運営するビジネスマッチングサイト」
ここも老舗みたいな印象があります。使ったことはありません。

MILLION DESIGNS

http://milliondesigns.jp/
「ロゴデザイン制作、webデザイン制作、名刺デザイン制作などデザインを制作したい企業とデザイン制作者を結ぶ、公募・コンペ・コンテストサイトです」
三年位前に使ってみたけど残念ながらコンペで落ちました。
主旨からは外れるのですが、ひとつのお題に対してリアルタイムに作られた、たくさんのクリエイターのロゴを見られるのでロゴデザイン好きには堪りません。

C-team

https://c-team.jp/
「C-teamは、『クラウドソーシング(群集にアウトソースする)』という手法を使った、WEB上の新しいクリエイティブエージェンシーです。誰もがクリエイターとなって、クライアントの広告キャンペーンに参加できます」
デザインがかわいいですね。使ったことはありません。

ネクスゲート

http://www.nexgate.jp/
「ビジネスマッチングサイトならネクスゲート！一括見積機能や動画プレゼンテーションツールで、貴社の条件にあった依頼先・発注先・ビジネスパートナーが簡単に見つかります」
パッと見あんまり個人向けな感じがしないんですけどどうなんでしょう。

ジュハッチュー

http://creators-cris.jp/
「CrIS関西(事務局：近畿経済産業局、(社)関西経済連合会)がクリエイターの取決引き会の拡大に向けて開設した、関西発の新しいビジネスマッチングサイト。「映像、デザイン、CG・アニメ、WEB、キャラクター、イベント」の6つのジャンルの取引を、オンラインとオフラインの両面からと両面からサポートします」
関西発のマッチングサイト。サイトが可愛らしいです。

クリエイターズ・ネット

http://creator.digiper.com/
「クリエイターズネットはクライアント企業からのウェブサイト制作のご依頼等、クリエイティブ案件を参加クリエイターにご紹介」
パッと見いい感じです。

エゴトミィ

http://egoto.me/egotome/
「専用ルームに電子書籍も無料で作成が可能！クリエイターとクライアントをマッチングさせる応援サイト　Egoto.me　エゴトミィポータルサイトです」
パッと見いい感じです。

ロゴデザイナーズ.jp

「多数のデザイナーから検索したり、一括見積を募集してロゴデザインや筆文字、マスコットキャラクターの制作を依頼できるサイト。発注から契約、お支払、納品まで全てWEB上で完結します」
パッと見いい感じです。
現在、運営終了？

萌えイラストレーション.com

「多数の絵師（イラストレーター）から検索したり、一括見積を募集して萌えイラストや萌えキャラクター、漫画制作、FLASH制作を依頼できるサイト。発注から契約、お支払、納品まで全てWEB上で完結します。」
僕はイラストレーターではないのであまり関係ないのですが、こんなのもあるんですね。
現在、運営終了？

Job-Hub

https://jobhub.jp/
「Job-Hubは『新しい仕事のあり方を提案する』新しいカタチのオンラインサービスです。私たちは次世代の日本の人材プラットフォームの創造を目指しています」
こちらは今夏より公開されるサービスなのだとか。
良さ気なので楽しみですね。

以上14個でした。
良いクライアントとの出会いがありますよう！

ノリで買ってしまえる安くて高品質の写真素材販売サイト5選

2012-06-05T09:00:00Z

日頃サイトを作っていてふと写真素材が必要になることってありますよね！
無料で探す際はいつも、総数の多い足成さん、クオリティの高いぱくたそさん、サイトの可愛いソザイングさんなんかにお世話になっているのですが、たまーに「安心を金で買いたいので有料のもので制作して下さい！」みたいな、好意の裏を掻い潜るような依頼が来ることもあります。

そして慌てて写真素材サイトなんかをみるものの、総数やらアピールされてもどうせ数点しか買いませんし、クオリティも素材ごとにムラがあったりで結局なにを基準に決めて良いのやらわかりません。
そんな時わたわたしない為に「ノリで買ってしまえる安くて高品質の写真素材販売サイト」をまとめてみました。自分用に。

PIXTA

http://pixta.jp/
総数2,806,779点。Sサイズ（640x320px）の画像なら525円。

Fotolia

http://jp.fotolia.com/
総数17,424,916点。「1点113円から」とありますね。サイトもお洒落です。

フォトライブラリー

http://www.photolibrary.jp/
総数1,566,556点。105円から。サイトはあんまりですね！

TAGSTOCK

https://tagstock.com/
総数1,157,775点。サイトがとにかくお洒落。お値段は結構ばらついているものの比較的安め。

ペイレスイメージズ

http://www.paylessimages.jp/
1点101円から！　お安いです。

僕の場合、無闇に選択肢を用意されてもあたふたしてしまうので今後はこれらのサイトで探そうと思います。
「いや、もっといいところアルヨ」みたいなのあれば是非教えて下さい！

ではでは。

プラグインを使わずWordPressのタグクラウド「wp_tag_cloud()」をカスタマイズする方法

2012-02-01T09:00:00Z

WordPressでは「wp_tag_cloud()」を使って簡単にタグクラウドを設置出来ます。

それはいいのですが、デフォルトでは、

タグに登録された記事の件数が表示出来ない
文字サイズ以外設定出来ない

のが不満で、せっせと調べながらカスタマイズしてみました。

まずはfunctions.phpに下記を貼り付けます。
smallestとlargestを使ってタグを五段階（1～5）に評価する仕組みで、ここでは30件をランダムに表示するように設定しています。

// functions.php
function score_tag_cloud(){
	$tags = wp_tag_cloud('format=array&smallest=1&largest=5&number=30&order=RAND');
  
	foreach($tags as $tag){
		preg_match('/href=\'http:\/\/.+?\'/', $tag, $matche);
		$wtc_href = $matche[0];
    
		preg_match('/style=\'.+?\'/', $tag, $matche);
		$wtc_score = round(floatval(preg_replace('/[^0-9\.]/', '', $matche[0])));
		$wtc_class_score = "tag-score-". $wtc_score;
    
		preg_match('/title=\'.+?\'/', $tag, $matche);
		$wtc_title = $matche[0];
		$wtc_count = mb_ereg_replace('[^0-9]', '', $wtc_title); 
    
		preg_match('/class=\'.+?\'/', $tag, $matche);
		$wtc_class = preg_replace('/\'$/', " $wtc_class_score'", $matche[0]);
    
		$tag_name = strip_tags($tag);
    
		echo "<li $wtc_class><a $wtc_href $title>$tag_name</a> ($wtc_count)</li>";
	}
}

表示件数を変えたい場合はnumber=30を、表示順を変えたい場合はorder=RANDを変更して下さい。

あとは、

<ul class="wp-tag-cloud">
	<?php score_tag_cloud(); ?>
</ul>

上記をテンプレートの好きな場所に貼り付けて、

ul.wp-tag-cloud {
overflow: hidden; 
}

ul.wp-tag-cloud li {
margin-right: 5px; 
color: #cccccc; 
float: left; 
}

ul.wp-tag-cloud li.tag-score-1 a {
color: #999999; 
font-size: 72%; 
}

ul.wp-tag-cloud li.tag-score-2 a {
color: #00CC00; 
font-size: 86%; 
}

ul.wp-tag-cloud li.tag-score-3 a {
color: #FB940B; 
font-size: 100%; 
}

ul.wp-tag-cloud li.tag-score-4 a {
color: #03C0C6; 
font-size: 115%; 
}

ul.wp-tag-cloud li.tag-score-5 a {
color: #FF98BF; 
font-size: 129%; 
}

このようにCSSからそれぞれスタイルを指定してあげればお好みに表示出来ます。

デモ（左下部）

参考サイト: WordPress のタグで重要度を示すクラス名を追加する; WordPress Codex 日本語版テンプレートタグ/wp tag cloud

WordPressで全記事数を取得する方法

2012-01-25T09:00:00Z

以下のコードで簡単にWordPressの全記事数を取得出来ます。

<?php echo number_format($wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'")); ?>

参考サイト

[WordPress]ワードプレスで全投稿記事数の表示方法

WordPressのカスタムフィールドを使いやすくする「Custom Field Gui Utility」をWordPress 3.3に対応させる方法

2012-01-13T09:00:00Z

WordPressのカスタムフィールドをMTのように（？）カスタマイズ出来る便利なプラグイン「Custom Field Gui Utility」。
これがWordPressを3.3にバージョンアップした途端、動作しなくなりました。

慌てて配布元のサイトを確認すると「2011-12-14 WordPress 3.3 には未対応です」の文字が（2012.01.12 現在）。
ちゃんと確認して置かなかった事が悔やまれます。
苦労してせこせこと作り上げたconf.iniが……。

と、これを無理矢理動作させる方法がありました！

wp-content/plugins/custom-field-gui-utility/cfg-utility.phpを開いて72行目、

add_action ('simple_edit_form', array ('cfg_utility_class', 'insert_gui'));

の部分を、

add_action ('edit_form_advanced', array ('cfg_utility_class', 'insert_gui'));

に変更。 174行目の、

$('#media-buttons a').click();

の部分を、

$('#wp-content-media-buttons a').click();

に変更すると、動作しました！

ただ、あくまで非公式な、一時的でその場しのぎ的な対応ですので、バックアップを取った後、自己責任で行なって下さい。

参考サイト

WordPress 3.3で未対応の｢Custom Field GUI Utility｣を対応する方法

ブラウザ毎のデフォルトフォントサイズとパーセント表記での指定値一覧

2012-01-12T09:00:00Z

ブラウザ毎のデフォルトのフォントサイズと、パーセントでサイズ指定するための一覧をメモっておきます。

Windows

ブラウザ	プロポーショナル（Proportional）	等幅（Monospace）
Internet Explorer 8.0	16px	16px
Internet Explorer 7.0	16px	16px
Internet Explorer 6.0	16px	16px
Internet Explorer 4.0	16px	-
Firefox 3.0	16px	16px
Firefox 2.0	16px	16px
Firefox 1.0	16px	16px
Opera 9.0	16px	16px
Opera 9.0	16px	-
Safari 3.0	16px	13px
Netscape 7	16px	16px

Macintosh

ブラウザ	プロポーショナル（Proportional）	等幅（Monospace）
Safari 1.2.4	16px	13px
Firefox 3.0	16px	16px
Firefox 2.0	14px	14px
Firefox 1.0	14px	14px
Opera 9.0	16px	16px
Opera 8.0	16px	16px
Netscape 7	14px	14px
Internet Explorer 5.2	16px	16px

パーセント表記での指定値

フォントサイズ（px）	パーセント指定値（%）	表示サイズ（px）
12px	84%	10px
12px	92%	11px
12px	100%	12px
12px	109%	13px
12px	117%	14px
12px	125%	15px
12px	134%	16px
12px	142%	17px
12px	150%	18px
12px	159%	19px
12px	167%	20px
12px	175%	21px
12px	184%	22px
12px	192%	23px
12px	200%	24px
12px	209%	25px
12px	217%	26px
13px	77%	10px
13px	85%	11px
13px	93%	12px
13px	100%	13px
13px	108%	14px
13px	116%	15px
13px	124%	16px
13px	131%	17px
13px	139%	18px
13px	147%	19px
13px	154%	20px
13px	162%	21px
13px	170%	22px
13px	177%	23px
13px	185%	24px
13px	193%	25px
13px	200%	26px
14px	72%	10px
14px	79%	11px
14px	86%	12px
14px	93%	13px
14px	100%	14px
14px	108%	15px
14px	115%	16px
14px	122%	17px
14px	129%	18px
14px	136%	19px
14px	143%	20px
14px	150%	21px
14px	158%	22px
14px	165%	23px
14px	172%	24px
14px	179%	25px
14px	186%	26px
15px	67%	10px
15px	74%	11px
15px	80%	12px
15px	87%	13px
15px	94%	14px
15px	100%	15px
15px	107%	16px
15px	114%	17px
15px	120%	18px
15px	127%	19px
15px	134%	20px
15px	140%	21px
15px	147%	22px
15px	154%	23px
15px	160%	24px
15px	167%	25px
15px	174%	26px
16px	63%	10px
16px	69%	11px
16px	75%	12px
16px	82%	13px
16px	88%	14px
16px	94%	15px
16px	100%	16px
16px	107%	17px
16px	113%	18px
16px	119%	19px
16px	125%	20px
16px	132%	21px
16px	138%	22px
16px	144%	23px
16px	150%	24px
16px	157%	25px
16px	163%	26px

以下はreset.cssの片隅にでもメモっておく用です。あまり使わないかも知れないけど。


/* font-size
-------------------------------------------------- *//*

12px * 84% -> 10px
12px * 92% -> 11px
12px * 100% -> 12px
12px * 109% -> 13px
12px * 117% -> 14px
12px * 125% -> 15px
12px * 134% -> 16px
12px * 142% -> 17px
12px * 150% -> 18px
12px * 159% -> 19px
12px * 167% -> 20px
12px * 175% -> 21px
12px * 184% -> 22px
12px * 192% -> 23px
12px * 200% -> 24px
12px * 209% -> 25px
12px * 217% -> 26px

13px * 77% -> 10px
13px * 85% -> 11px
13px * 93% -> 12px
13px * 100% -> 13px
13px * 108% -> 14px
13px * 116% -> 15px
13px * 124% -> 16px
13px * 131% -> 17px
13px * 139% -> 18px
13px * 147% -> 19px
13px * 154% -> 20px
13px * 162% -> 21px
13px * 170% -> 22px
13px * 177% -> 23px
13px * 185% -> 24px
13px * 193% -> 25px
13px * 200% -> 26px

14px * 72% -> 10px
14px * 79% -> 11px
14px * 86% -> 12px
14px * 93% -> 13px
14px * 100% -> 14px
14px * 108% -> 15px
14px * 115% -> 16px
14px * 122% -> 17px
14px * 129% -> 18px
14px * 136% -> 19px
14px * 143% -> 20px
14px * 150% -> 21px
14px * 158% -> 22px
14px * 165% -> 23px
14px * 172% -> 24px
14px * 179% -> 25px
14px * 186% -> 26px

15px * 67% -> 10px
15px * 74% -> 11px
15px * 80% -> 12px
15px * 87% -> 13px
15px * 94% -> 14px
15px * 100% -> 15px
15px * 107% -> 16px
15px * 114% -> 17px
15px * 120% -> 18px
15px * 127% -> 19px
15px * 134% -> 20px
15px * 140% -> 21px
15px * 147% -> 22px
15px * 154% -> 23px
15px * 160% -> 24px
15px * 167% -> 25px
15px * 174% -> 26px

16px * 63% -> 10px
16px * 69% -> 11px
16px * 75% -> 12px
16px * 82% -> 13px
16px * 88% -> 14px
16px * 94% -> 15px
16px * 100% -> 16px
16px * 107% -> 17px
16px * 113% -> 18px
16px * 119% -> 19px
16px * 125% -> 20px
16px * 132% -> 21px
16px * 138% -> 22px
16px * 144% -> 23px
16px * 150% -> 24px
16px * 157% -> 25px
16px * 163% -> 26px

-------------------------------------------------- */

参考サイト

ブラウザ別デフォルトフォントサイズ一覧表｜web bibo 各ウェブブラウザのデフォルトフォントサイズのまとめ | Bowz::Notebook font-sizeのパーセント表記一覧 - Webtech Walker

Twitterなどで見かける「逆さまのアルファベット」を再現できるオンラインツール「Flip Title」

2012-01-11T09:00:00Z

Twitterの台頭で謎の記号を駆使した顔文字などを見る機会が増えましたが、同じような記号を使ってアルファベットを逆さまにすることも出来るようです。
厳密には「そんな風に見える」ということなんですが、アルメニア文字だとかグジャラート文字だとか音声記号だとかを駆使して実現出来ます。

名前の部分、あたかもアルファベットをひっくり返したように表示されているのが分かるでしょうか？
このような遊び文字？　がFlip Titleというツールで簡単に再現出来ます。

文字化けなんかの問題もあるので使い所は限られますが、インパクトがあって面白いですね。

誰でも出来るPHPでの簡単なクッションページの作り方

2012-01-10T09:00:00Z

PHPならpixivなどで見られるクッションページを簡単に再現出来ます。

<p><a href="<?php echo $_SERVER['QUERY_STRING']; ?>"><?php echo($_SERVER['QUERY_STRING']); ?></a><br />
別のサイトにジャンプしようとしています。宜しければ上記のリンクをクリックしてください。</p>

上記がクッションページのシステム部分。
「$_SERVER['QUERY_STRING']」がURLのパラメータを取得するサーバ変数なので、クッションページを挟みたいリンクを、

<a href="jump.php?https://doocts.com/" target="_blank">ドークツ</a>

のように記述すれば簡単にクッションページを実現出来ます。
このページに広告を差し込むのが主流っぽいです。

尚、$_SERVER['QUERY_STRING']はPHPのバージョンが4.1.0以上でないと使えない為、そこだけ注意して下さい。

ドークツ

ベースパスタを1ヶ月間食べ続ける「ベースパスタキャンプ」をセルフでやってみた結果

ベースパスタキャンプに申し込む

ベースパスタ到来

セルフベースパスタキャンプ開始

0日目 大葉（青しそ）ジェノベーゼ風

1日目 焼きそば

2日目 油そば

3日目 明太子パスタ

4日目 ペペロンチーノ

5日目 カルボナーラ

6日目 かに玉あんかけ塩焼きそば

7日目 塩レモンパスタ

8日目 ナポリタン

9日目 担々麺

10日目 ネバネバパスタ

11日目 ボロネーゼ

12日目 キノコの和風パスタ

13日目 関西風そば

14日目 バター醤油納豆パスタ

15日目 カレーうどん

16日目 台湾まぜそば

その他

ベースパスタ、どう？

体重の増減

セルフベースパスタキャンプ所感

コーギーの魅力を語れるだけ語る

コーギーの可愛さは異常

押さえておきたいコギ知識

エリザベス女王に愛された犬

尻尾のない犬

ウェルシュ・コーギー・カーディガン

コーギーアドベントカレンダーおわり

仮想通貨マイニング（Coinhive）で家宅捜索を受けた話

この記事の目的

Coinhiveとは

刑事事件となるまでにやったこと

GIGAZINEを読んでCoinhiveの導入

Coinhiveについての紹介記事を公開

導入一ヶ月後、エンジニアらしき人からリプライ

やったことまとめ

刑事事件となるまでに起こったこと

警察から入電

家宅捜索

警察署で取り調べ

検察庁で取り調べ

起こったことまとめ

Coinhive利用の罪状

所感

これからのこと

謝辞

追記

2019.01.07

2019.03.28

2021.10.14

新年のご挨拶とサイト移管、フリーフォント配布のお知らせと近況報告など

Dribbbleプレーヤーになった！

フォント作りました

Follana Font（洞穴フォント）

近況のご報告

WordPress REST APIでイマドキHeadless CMS

WordPressのViewを無効化

プラグイン周り

Advanced Custom Fields(ACF to REST API)

Jetpack by WordPress.com

No Category Base (WPML)

WP REST API Menus

APIのデータを取得する

WordPress REST API

新着投稿5件を取得

新着投稿5件を「おまけ情報を添えて」取得

新着投稿5件を取得

カテゴリーID「7」の新着投稿5件を取得

タグ「75」の新着投稿を5件ずつ取得した場合の4ページ目を取得

検索

ID「284」の個別投稿を取得

ID「284」の個別投稿を「おまけ情報を添えて」取得

カテゴリー一覧

タグ一覧

WordPress.com Jetpack API

0日目大葉（青しそ）ジェノベーゼ風

1日目焼きそば

2日目油そば

3日目明太子パスタ

4日目ペペロンチーノ

5日目カルボナーラ

6日目かに玉あんかけ塩焼きそば

7日目塩レモンパスタ

8日目ナポリタン

9日目担々麺

10日目ネバネバパスタ

11日目ボロネーゼ

12日目キノコの和風パスタ

13日目関西風そば

14日目バター醤油納豆パスタ

15日目カレーうどん

16日目台湾まぜそば

古き良き中華そば「中野青葉吉祥寺店」