佐賀でFLAFLI

Today icon 03/02/10: Hand Glass （今日のアイコン 2010年3月2日：虫メガネ）

2010-03-01T16:13:08Z

2010年3月2日のアイコンは虫メガネ。ただ仕事上一番よく使う（書いてる）アイコンじゃないかと思ったから。仕事とは違う感じで作ってみましたけどね。シリーズ化できるよう頑張る。ただアイコン作って並べてくだけなんだけど…。

Google Buzz Icon Part.1

2010-02-16T17:05:25Z

Google Buzzって、みんなもうやってるんでしょうか？だいたいGmailを主で使ってる人が周りにあまりいないもので、僕はまだ使ってないです。ためしに使おうとしたら、プロフィール登録してね。みたいなことも言われたし。その辺、よくわかってないです。どなたか、Buzzってくれる方いらっしゃったら、宜しくお願いします。（使い方あってんのか？）そのGoogle Buzzに関連する記事もだいぶ出てきました。海外の記事にもありましたが、国内だと「かちびと.net」さんが早かったんじゃないかと。今日は、そこに乗っかってみました。]]> 日本版WordPressのSBMプラグインsexybookmarkを修正しました』ここから、ダウンロードした画像に合わせたものを作りましたけどね。こんな感じ。

元々梱包されてるpngに、これをくっつけるか、いらないのと入れ替えてしまってもOKだと思います。あとは、普通に作った32px×32pxのアイコン。

アイコンをゲットしたら、かちびと.netさんの『「この記事をGoogleBuzzに投稿する」のリンクを作る為のHTMLコードとWPコード』で、紹介しているコードを利用して、投稿ボタンを作っちゃってください。あと、最後におまけで、アイコン変わってた「かちびと.net」仕様のアイコンも

Google Buzz アイコン

Google Buzz icon Part.1

ま、自分とこで使ってないから、どうなるのか検討つかないんですけどね…。 -- 追記 -- 投稿した後に気づいたんだけど、sexybookmarkって、プラグイン側でソーシャルブックマークを選ぶわけだから、アイコンだけ作っても意味ないよね…。あぁ…。

Free Social Bookmark icon sets（フリーのソーシャルブックマークアイコンセット）

2010-01-26T21:00:00Z

あえて英語タイトルにしてみた。（日本語タイトルも加えてみた）ソーシャルブックマークのアイコンセットです。ほんとは国内に限りたかったけど、そうするとかなり減っちゃうので、海外のも少し含めました。あと、ソーシャルブックマークって言ってるけど、違うのもあります。特に僕が普段使ってるWebサービスのアイコンを作ってたのでそうなったわけですが…。アイコンセットには

Googleブックマーク
Yahoo!ブックマーク
はてなブックマーク
Buzzurl
livedoorクリップ
@niftyクリップ
FC2ブックマーク
gooブックマーク
Sphinn Japan
POOKMARK Airlines
newsing
Facebook
tumblr
twitter

が入ってます。サイズは64x64のみ。以下、アイコン画像表示。]]>

色が似てるのもありますけど、まぁそんな感じです。ちょっと大きいし、中途半端な大きさなので、使い勝手に困るかもしれませんが、ご利用になりたい方はどうぞ。

ソーシャルブックマークアイコン

Free Social Bookmark icon sets

ほんとは他にも色々作ったんですが、ひとまずこれだけ。アイコンサイズって、どれくらいのものが欲されてるんだろうか…。（初めての予約投稿、完全に失敗だった…）

このブログの方向を考える

2010-01-18T14:52:48Z

年末よりもっと前、いやおととしから、MovableTypeからNucleusへ移行しようと考えてまして。ダラダラとやってたら、もうこんなに時間経っちゃった。ってなってます。これでは多分延々とNucleusへ移行なんてできないので、今週中にはなんとかやってしまおうと思ってます。ネックになるのはプラグインとデザインくらい。あとデータもちょっと片付けたいのもあるけど。データ数は多分数的にはそんなにないけど、Validな感じにしたいので、一記事一記事手を入れていこうと思ってます。（これはあとでもいいか…）あとはMovableTypeで実装できてても、Nucleusではプラグイン必須なところが結構あるので、その辺も探しながらいかないと。簡単！Photoshopでシャボン玉を作る9ステップ」みたいなものを国内から発信できればと。海外の受け売り（紹介）みたいになるかもしれないけど、そのへんはアレンジを加えながら。次にCSSとかのネタ。これもまぁ、当たり前的に使ってるけど、意外と他では使ってなかったりするようなのと、ちょっとネタ元は他にも考えてますが。最後に佐賀ネタ。どうでもいいっちゃぁ、どうでもいいけど、佐賀に関連することがあれば適時投下。といった感じで、以前のようなあやしいネズミ講キーワードで上位に出るよりも、同業の方に覚えてもらえるようなブログを目指します。今年は頑張って更新する！つもり。]]>

身の回りをGoogleで固める

2010-01-15T15:16:41Z

検索（Yahooも使ってるけど）

Gmail

Googleカレンダー

Googleドキュメント

Googleリーダー

Googleアラート

Googleトランジット

Googleマップ

Picasa

これでも結構使ってるほうなのかな。もっと細かく言えばYoutubeだって見るし、モバイル版だって使ってる。 iGoogleは使ってないけど。 ]]> そこに新たに2サービス追加したわけですが、まず一つ目がGoogleIME。これは年末に会社のお客さんにガンブラーの被害にあったところがあって、念のためウイルスチェックしたらそれとは違うウイルスが見つかったのでOS再インストールしたついでに入れてみました。そこで使い勝手がよくて、家のパソコンにも入れました。ただ、テンキー入力でも、数字が全角になってしまうところは改善して欲しいな。って思うんですけどね。年始になって使い始めたのが、Googleブックマーク。ま、ノートブックの機能なんですが、はてブとかとは違って、完全非公開のブックマーク（のはず）。今までブラウザにあったブックマークがそのままオンラインで使える。ってイメージです。ただ今までもこういったオンラインブックマーク探してて、あんまりいいのなかったんで、自サーバーインストール型のものを使ってたんですが、やっぱうまく分けきれないのと、検索が弱かったので。その点、Googleブックマークだったら、タグで管理できるしいいかなぁ。と。今のところ、フィードから気になったネタをピックアップして入れてます。これでGoogle依存度がかなり高くなってしまいました。仕事上のやりとりはGmailだし、ドキュメントもGoogle。子供の写真なんかはPicasaとか、仕事、プライベート関係なく依存してます。これで俺のすべての情報がGoogleに…。とはならないように、極力いろいろ考えてやってますけどね。確かに便利なGoogleなんですが、あまり依存しすぎるとおかしくなったときにほんとに困ります。なので、定期的なバックアップは必要かなと。さて、新年一発目がこんなブログですが、今年の目標はブログの適時更新と認知度向上。とりあえずこのへんで。あ、あとブログシステムの変更も…。

Googleとavast!

2009-12-09T00:53:14Z

つい先日の話ですが、Googleとavast!が連携するよ。って話題が出ました。参考『グーグル、「Google Chrome」ブラウザで「avast!」とタッグ：CNET Japan』 avast!を新規インストールするユーザーに対して、そのインストール過程でGoogle Chromeもいっしょにインストールするかを選択させるというもの。よくあるパターンですよね。抱き合わせというか。ただ、僕自身今までavast!使ってたけど、つい先日avast!にさようならしまして…。 ]]> ウイルス対策ソフト「avast!」、アップデートでトロイの木馬の誤検出が一時発生：CNET Japan』まぁ、いきなりavast!起動して、あの音でトロイが見つかったよ！っていわれたら、そりゃビビリます。しかもスタートアップに設定していたソフトがいきなり引っかかって、あわててネットワークケーブル抜いて。ブート画面でスキャンしたほうがいいよ。って言われて、その通りスキャンして…。その間に、別PCで検索したら、どうやら誤検知らしいとの情報が…。無料で使ってるから強いことはいえないけど、無料で使っているからこそ自由に他に乗り換えられるというもの。結局会社の人にお勧めを聞いて、ウイルス対策をAviraに、ファイヤーウォールをcomodoに変更しました。 avast!とChromeが提携することで、Googleの方にメリットがあるんじゃないかと記事では書いてありますが、こういった誤検知なんか起こされると、avast!自体インストールされなくなってくるんじゃないかと思います。 avast!に限らず、ウイルス対策ソフトの誤検知ってやっぱり印象悪くなりますもんね。まぁ、ウイルス対策ソフトで誤検知がないやつなんて、ないんでしょうけどね。その分しっかり仕事してると思いたいです。 avast!さんさようなら、今までありがとう。 Aviraさんこんにちわ、これからよろしく。

ソーシャルブックマークアイコン（クリスマスバージョン）作ってみた

2009-11-26T17:45:12Z

もう気づけば11月末。いくつねたらお正月なんでしょうか。さて、お正月の前にクリスマスがやってくるってことで、ざっとですが、クリスマスバージョンのソーシャルブックマークアイコンを作ってみました。前回作った「列車風アイコン」をベースに作りましたので、必要なブックマークアイコンだけ連結可能(^^ゞちょっと苦し紛れな感じが漂わなくもないけど、短時間で作ったわりにはいいかな。と。お気に召しますでしょうか…。

並べ方は『ブックマークアイコンの並べ方』を参考にしてください。ダウンロードはこちらから

ソーシャルブックマークアイコン

クリスマスアイコン

背景白のgif画像となってます。透過も用意したがいいのかな…。と、久しぶりにブログ書きました…。最低月1回は更新してたのにな…。ほぼ移行作業は完了してて、あと少しってところで止まってる状態。年末までには…。と意気込んでます。]]>

佐賀のホームページ作成会社

2009-09-29T05:37:50Z

今、仕事でPPC広告文を考えてるんですが、「ホームページ作成」というメインのキーワードに対して、エリア名を入れたり、入れなかったり。ということがあります。そこでふと、「ホームページ作成　佐賀」ってキーワードをYahooで検索したら、結構悲惨なことが。『ホームページ作成佐賀をYahooで検索』パッと見て、何が悲惨かわかります？]]>

佐賀にホームページの制作会社が少ない

元々佐賀にはホームページを作る需要が少ない

広告や検索結果よりも、人脈での受注が多い

佐賀のホームページ制作会社が広告をうまくつかえていない

佐賀のホームページ制作会社が上位表示しきれない

ということじゃないかなぁ。と思います。 4つ目、5つ目はそんなことないとは思いますけど。（ないこともないのかな。って気もするけど…）ということは…。佐賀でホームページ制作でご飯を食べていくには、人脈作りが重要で、近県まで幅を広げることも考えておかなくちゃいけない。ってことでしょうか。ただ意外と個人でも入り込んでいける部分はあるんじゃないかと思いますけどね。もし、佐賀近郊でホームページ作りたいよう。って人がいたら、遠慮なくご相談ください。（って営業…）

そろそろまじめにHTML5とCSS3を考えているので

2009-09-09T00:56:16Z

いつも読んでる海外のfeedにHTML5とCSS3のチートシートがありまして。（チートシートって日本語で書くとかっこわるいな…。「Cheat Sheets」）『HTML 5 And CSS3 Cheat Sheets Collection：WebResourcesDepot』 XHTMLに流れていくかと思ったら、HTML5が来るようなので、どうなんのかちゃんと知っておかないと、お仕事にも関わってくるんですが。これまでに無かった「header」とか「section」とか、class名、id名でつけていたようなものが加わっているので、少し覚えることあるかな。 ]]> 3ヶ月先までの予定を経ててみる』を元に、着々と（やや遅れながら）予定を進めていますが、やはりどこかでスイッチ入れないといけないなぁ。と最近会社にいて思います…。

3ヶ月先までの予定を経ててみる

2009-09-02T15:31:02Z

これまで数々の会社の愚痴を言ってきている僕ですが、愚痴ばっか言っても始まらない。ってのもあるので、動くだけ動いてみようと考えてます。もちろん、これまでも友人知人から仕事をもらってましたけど、もう少し幅を広げてやれないかなぁ。と考えてます。とりあえず目標は今年末までに何かしら行動。 12月にいったい僕はどこで働いているのか。今の会社にいるのか。はたまた別の会社か。全くの別業種か。それとも…。本当は4月くらいから考えてたんだけど、何も進展してなくて…。 PHPのプログラム作って遊んでました…。なので、もう3ヶ月しかないから、しっかりやんないと。というわけで、3ヶ月スケジュール作成。何書いてあるか、わからないくらい小さくしてしまいました…。一番上の段が3ヶ月での目標。二番目が3ヶ月ごとの目標。ここでは9月、10月、11月。三番目が一週間ごとの目標。1週目から5週目まで。例として、僕が9月のところに書いたのは

その9月の1週目から5週目には

一部モザイクかかってますが、全てをさらけ出すのは恥ずかしいので…。改まるまでもなく、字も汚いですし…。と、こんなことを3か月分書いたわけです。もちろん、日々いろんなアイデアやひらめきがあるわけで、それを書き込めるように、ある程度余白を大きく作ってます。最初に書き込んだ時点で、こんなにぐちゃぐちゃになるとは思ってもみませんでしたが…。目標経てるだけなら、なんにでも応用できそうな感じがしますので、うちの奥様のダイエット用にオススメしてみようかと…。殴られるかな…。本来であれば、週よりもさらに日まで割ったがいいような気もしますが、僕の場合は、「checkpad」に、『今日やること』ってリストと『今週やること』ってリストを作ってて。今週やることをまとめて『今週やること』リストに入れておいて、その中から日々やっていくことを『今日やること』リストに移動させてます。これを行き帰りの電車やバスの中でやってるので、今回のスケジュール表には必要ありませんでした。この紙は、自分を鼓舞するために、机の周りの見えるところに貼っておくのがいいかと。もっと細かいタスクとかは、checkpadやGoogleカレンダーを使えば、いいんじゃないかと思います。もちろん、手帳でもありですけどね。実用的かどうかわかりませんが、もし欲しい方がいたらどうぞ。

3ヶ月大まかスケジュール表

A4 PDF

さて、目標もしっかり定まったので、とりあえず3ヶ月走りきります。]]>

簡単！Photoshopでシャボン玉を作る9ステップ

2009-08-06T16:32:09Z

たまには仕事で役立ったことも書いときます。今日はPhotoshopでのシャボン玉の作り方。あの透明感があって、不思議な色をしているシャボン玉をどうやって作るのか。いろいろ調べたら、海外サイト（どこだか忘れた）にやり方が載ってたので、それを僕流にご紹介します。出来上がるとこんな感じになります。

では、その手順。]]> Step.1　新規作成まずはPhotoshopで、新規にウインドウ？（名前わからん）を作ります。

ある程度大きさがあったほうが、後々作業しやすいので、とりあえず500px×500pxで作りました。その後、新規レイヤー作って、Black50%で塗りました。

このレイヤーでシャボン玉を作るので、レイヤー名を「シャボン玉」とかにしてもしなくても…。

Step.2　シャボン玉土台作り　その1

ここからシャボン玉を作っていくんですが、まずは、
フィルタ → 描画 → 逆行
を選択。明るさは100%で、レンズの種類は50-300mm。光源の位置は、まぁ適当で。多分、ここいぢればいろんなシャボン玉が出来そうな気がする。

適用するとこんな感じ。

Step.3　シャボン玉土台作り　その2

そのレイヤーに対して、さらに
フィルタ → 変形 → 曲座標
を選択。オプションで、「極座標を直交座標に」を選択してOK。

すると、こんな感じになったはず。

Step.4　シャボン玉土台作り　その3

今度は、そのレイヤーを垂直方向に反転。

ここまで全く持ってシャボン玉的要素がありませんが、ここからです。

Step.5　シャボン玉仕上げ　その1

反転したレイヤーに対して、さらに極座標をかけます。
フィルタ → 変形 → 曲座標今度はオプションで、「直交座標を極座標に」を選択してOK。すると、

シャボン玉っぽくなりました(^^ゞ

Step.6　シャボン玉仕上げ　その2

シャボン玉っぽくなったけど、とりあえず周りが邪魔なので、500px×500pxの円を範囲選択して、それ以外の部分を削除。

これでシャボン玉の部分は完成です。でも、まだこのままだといい感じの色はでてるけど、黒っぽくて汚い…。そこはシャボン玉をのっけたい写真上で作業します。

Step.7　シャボン玉を合成　その1

シャボン玉をのせたい写真を用意します。
なんでもいいんですけど、僕が子供とシャボン玉遊びしたときの写真をサンプルとして。

これ、シャボン玉を見上げてるんですけど、飛びすぎたり割れたりしてて…。

Step.8　シャボン玉を合成　その2

この写真にさっきのシャボン玉レイヤーを移動させて、大きさを調節。

とりあえずちょっと大きめに作ってみました。

Step.9　シャボン玉を合成　その3

多分、ここが一番のメインなんだと思うんですが、写真にのっけたシャボン玉レイヤーの描画タイプ？モード？（名前わからん）を、「ハードライト」にします。

すると、

シャボン玉が透明になった！これで完成。あとは、シャボン玉をコピーしまくって、大きさ変えていったら、シャボン玉が飛んでいく空を見上げる写真の出来上がり。

結構長かった。でも簡単でしょ。実際9ステップもない感じだけど、細かくやってみました。ちなみに、僕のPhotoshopのバージョンは7.0です。シャボン玉作りたいけど、よくわかんねぇ。って方は是非お試しください。シャボン玉に限らず、いろいろ使えそうな気もしますし。

Webサイトに必要なものって何？

2009-07-14T15:09:57Z

今まで、肩書きとしてついてきていた「Webデザイナー」。つまりは、企業さんの作りたいサイトのイメージを聞いて、それをカタチにしてあげるお仕事。多分、5年か6年くらいこの仕事やってますけど、結構な数をデザインしてきたと思います。（まぁ、最近は暇なんだけど）もちろん、一番最初に作ったデザインは今でも覚えてて、見るに耐えないようなもので、現在はドメイン失効中のようで見れません…。今まで作ったWebサイトを思い返してみても、「あ、これ足りてない」って思うものが一つあって。さて、何でしょう？内的要因のSEO対策でしょうか？かっこいいデザイン？ W3Cもlintも通過するコーディング？オリジナリティ溢れるコンテンツ？確かに、そういったものも大事なのはわかります。特に最近はね。上位表示だぁ。上位表示だぁ。なんて言ってる人もいますから。でもそんなことじゃなくて。僕が足りてないと思うのは「感動」。ちょっと精神論っぽいけど。まぁ、サイトのコンテンツって部分になるんだろうけど、やっぱり来てくれたユーザーに、何かしらの感動を与えたい。そして、その感動が伝われば、ユーザーは次のアクション（お問い合わせとか資料請求とかブックマークとかもろもろ）を起こすんじゃないかと。なにわけわからんことを。と思うでしょうが、Webサイトに感動って必要な要素だと思うんですよね。何も「泣かせ」とか「笑かせ」とかいってるわけじゃなくて。ユーザーが知りたい情報がそこに載ってるだけで、一つの感動だと思うんです。「あぁ、載ってたぁ。知りたいことがわかったぁ！」みたいな。『このサイトに来てよかった。また来たい。』って思わせることができるかどうか。それを考えると、今まで手がけたサイトは…。「感動」って言うよりは、事務的に作り上げてきた感じがするんですよね…。もう次から次へ。って感じで。ここらでちょっと原点思い出して、感動を与えられるようなもの作ろうって思いまして。やっぱりそのためには、お客さん主導でもいけないし、こっち主導でもいけない。お互いが対等の立場でないと、その先にいるユーザーには届かないんじゃないかと。でも、「感動した」ってのを確実に知る方法ってないんですよね…。解析でのページビューやリピーター数なんかで判断するしか。まぁ、それでもアクセス数伸びて、リピータついて、サイトが盛り上がっていけば「感動」与えてるかな。なんて錯覚しちゃうんですけどね(^^ゞなんか久しぶりにブログ書いたら、どう終わっていいのかわからんくなった。ので、終わり。

RSSアイコンを作ってみた

2009-06-17T15:47:52Z

記事を削除しなきゃいけなくなったことについて、言いたいことはいろいろあって…。もう少ししたら、そういうの書きます。で、今日はRSSアイコンを作ったよ。ってこと。きっかけは、『かちびと.net』さんから、「feedのURLおかしいよ」って教えてもらったから。 URL治すついでに、新しいアイコンに変えようかなぁ。って。結果、アイコンの変更はしてないんですけどね(^^ゞ一応、こんな感じで作ってみました。]]> 今までどおりのバーなやつ

ブログ右側の『最近の記事』下についてるやつと同じパターンで。あのRSSのマークが出てくるまでは、こんなんだった気がするんだけど、記憶違いかなぁ。これ、アイコンとはちょっと違うか？

四角にしてみた

ただ、四角にしてみました。理由としては、なんかブログの右サイドに丸いのはちょっと違うかなぁ。って思ったから。ただそれだけ(^^ゞ

四角をちょっと変えてみた

さっきの四角をさらにブロックで囲ったイメージ。『ちょっと変えてみた』って書いてるけど、意外と別物だったり…。このパターンだと、他のアイコンも作りやすいかなぁ。って増殖を考えてたりするけど、もう少しかかりそう。

丸にしちゃえ

やっぱ四角いのが多いイメージがあるんで、丸にしてみました。まぁ、今は丸に限らず、いろんな形があるんで、今更感たっぷりなんですが…。意外としっくり。というか、結構きれいに出来たと自負。

丸いのを寝かせてみた

さらに、さっきの丸いのをちょっとボタンチックにしてみた。一つ目のほうが、きれいに見える。二つ目は、ちょっとイメージと違う…。と、こんな感じでRSSアイコンをいくつか作って見ました。海外のチュートリアルとかを参考に作ってんですが、操作どおり作ってみても、英語力不足か、出来上がりイメージ図どおりにならなくて…。腹立ったんで、Fireworksで作りました(^^ゞ多分、Photoshopの方が簡単っぽい気がする。今後、同系統のアイコンをいくつか作ってしまえば、無理にでも統一感が出て、もう少しマシに見えるかなぁ。って淡い期待を抱いてますが(^^ゞついでに、ソーシャルブックマークアイコンを作ったとき同様、「アイコンを使ってみたい」と言う方は、どうぞ。

RSSアイコン

RSSアイコンセット

2つの記事削除

2009-05-28T12:38:22Z

僕のブログの中から、『ホットクリックの説明会に行ってみた』 http://www.sriproot.net/blog/001work/000186.html 『結局ホットクリックに絡むようで…』 http://www.sriproot.net/blog/001work/000189.html の2記事がこの世から抹消されました…。ホットクリックから直々に修正依頼のメールが来たりもしました。今となっては、いい思い出です。ホットクリック、ジャストメールに関して、詳しいことは知りませんが、もしこのページへ来たあなたが、「僕の意見を聞きたい」というのであれば、お気軽にコメントしてください。コメントは承認制なので、そこに『非公開でお願いします』と書いてくれれば、公開はしませんので。多分、もうこれらの記事は復活することはないので、残念ですがホットクリックとはお別れです…。 ]]>

あったら便利な機能を追加してみました

2009-05-17T13:59:50Z

ネット上の情報を読んでいく中で、ふとわからない言葉、ど忘れした言葉ってありません？そんな時、いつもなら、『わからないキーワードを選択してコピーして、GoogleかYahooで検索』っていう流れになると思います。その手間を格段に省いたものを導入してみました。とりあえず例として、『XML宣言っているの？いらないの？』の中の『互換モード』っていうキーワードをドラッグして選択してみました。そうすると、こんなもんが出てきます。さらに、その出てきた「Google検索」って所に、カーソル合わせると、 ]]> WEBマーケティングブログ』さんの『ブログパーツ版の popIn を試験的に設置ブログの離脱率改善なるか！？』に書いてありますよ。