Mokichi's Web Studying | Eight-Smile

Facebookページにユーザーネームを設定して自分のページのURLをわかりやすくしてみました

茂吉 — Thu, 15 Mar 2012 14:02:34 +0000

こんにちわ、最近Facebookを色々いじって勉強中の茂吉です。

今日はFacebookページにユーザーネームを設定して自分のページのURLをわかりやすくする方法を紹介したいと思います。

ユーザーネームを設定ってどういうことだろう？？と思う方もいると思うので簡単に説明させていただくと、おそらく何も設定してない方はFacebookの自分のページのURLが「https://www.facebook.com/profile.php?id=なんたらかんたら」とわかりにくいURLになっていると思います。

それをもっとわかりやすく自分のFacebookページだとわかるようにユーザーネームを変えれたら自分のWebページなどで人に紹介する時などイイですよね。

Mokichi’s Web Studyingではhttps://www.facebook.com/mokichi.webのようにわかりやすいユーザーネームにURLを変更しました。
自分がイイなと思った記事やBlogの更新を載せていきたいと思うのでよろしければイイね!!して下さい。(すみません、宣伝です)

肝心の変え方なんですが、これも非常に簡単で以下のFacebookのユーザーネーム設定ページにいき、好きなユーザーネームを設定するだけです。

-Facebookユーザーネーム設定ページ-
http://www.facebook.com/username/

ただし!!

ここで注意する点があるので以下の点に気をつけて下さい。
1.ユーザーネームは一度設定してしまうともう変更できません!!、なので慎重にスペルミスの内容にしましょう。
2.ユーザーネームはドメインと同じで早い者勝ちのため、すでに他のユーザーが使っているユーザーネームは設定できません。

以上で、ユーザーネームの変え方の紹介は終わりです。
こういった感じでどんどん自分だけのオリジナルのFacebookページを作れるようになると楽しいと思うのでみなさんぜひ色々Facebookをいじってみて新しいことを発見してください。

それでは、今日はこの辺で。

JPEG画像を見た目をそのままで軽量化してくれるサービスJPEGmini

茂吉 — Wed, 09 Nov 2011 13:09:11 +0000

こんばんわ、最近Photoshopなどでグラフィックを作るのが楽しい茂吉です。

今日はJPEG画像を見た目をそのままで軽量化してくれるサービスJPEGminiを紹介します。
このサービスはコリスさんで紹介されていて、試したら非常に素晴らしいサービスだったのでここでも紹介しておきます。

JPEGminiは使い方も簡単でまずは以下のサイトに移動します。

JPEGmini

そして移動したらページの右上の「Try it Now」をクリックして下さい。

次のページで「Select Photos」をクリックして軽量化したいJPEG画像を選びます。

あとは「Download Photo」から軽量化された画像をダウンロードすればOKです。

ダウンロードした画像は「元の名前_mini.jpg」という名前になっているのでそこだけ気をつけて下さい。

以下に試した例を載せておきます。
-元の画像(130KB)-

-軽量化された画像(71.8KB)-

こんなに簡単にJPEG画像を軽量化してくれる素晴らしいサービスなのでぜひみなさんも活用してみて下さい。

それでは。

a:visitedが効かないと思ったら…

茂吉 — Tue, 04 Oct 2011 11:00:36 +0000

こんにちわ、お久しぶりの茂吉です。
今日はa:visitedが効かないと思ったらブラウザの設定だったというオチの話です。

先日Firefoxを7にして、アドオンの追加や設定をしたのちにWebページの表示確認をしていたら、なんとa:visitedが効かない事態に陥りました。
これまでは効いていたのになんでだろう?と、とりあえずIEやChromeで確認してみたところIEやChromeではa:viditedが効いていました。

こうなってくると新しく7にしたFirefoxのバグなんじゃないか?とFirefoxを疑いだして調べてみると、僕がFirefoxにした設定が問題であることがわかりました。

なんとFirefoxを7にした時に「ツール」→「オプション」→「プライバシー」→「履歴を一切記憶させない」にしていたからa:visitedが効かなかったというね…
a:visitedが効いてなかったわけではなく、設定で「履歴を記憶させる」にしていなかったから履歴が残らずリンクが訪問済みならなかったという原因でした。

なので設定で「履歴を記憶させる」に変えたらちゃんとa:visitedが効いていました。
疑ってごめんよFirefox。

それにしてもけっこう悩んだ挙句設定によるものだったとは…

みなさんも気をつけて下さい。

それでは。

Photoshopでエンボスを加えて合成する方法

茂吉 — Sun, 26 Jun 2011 07:16:50 +0000

こんにちわ、今日はPhotoshopでエンボスを加えて合成する方法を紹介します。

※茂吉はPhotoshopに詳しくないのでこんなことしなくてももっと簡単にできる方法などあるかもしれません。
また、利用しているPhotoshopはCS4です。
元となる画像は以下の画像で、個人でも商用でも利用可能な写真が豊富にある商用利用可・写真素材足成【フリーフォト、無料写真素材サイト】と無料素材 – BEIZ Graphics Webのを利用させていただきました。

-背景画像-

-エンボスで浮き出さす画像-

まずはエンボスで浮き出さす画像の浮き出させたい部分の選択範囲を作りましょう。
※ちなみにこの画像でやるなら自動選択ツールで許容値を80あたりにして選択すると上手くできます。

続けてこの選択範囲をコピー(Ctrl + C)して背景画像の上にレイヤーを作り貼りつけましょう。(Ctrl + V)

そうしたら「選択範囲」→「選択範囲を読み込む」で虎の選択範囲ができます。

この選択範囲ができたらもう背景の上に作ったこのレイヤーはいらないので消して下さい。

そして消したレイヤーの代わりに「レイヤー」→「新規」→「選択範囲をコピーしたレイヤー」で新規レイヤーを作りましょう。

そのレイヤーに「レイヤースタイルを追加」からレイヤースタイルを追加します。

追加するのは「ドロップシャドウ」と「べベルとエンボス」で値は以下のようにしました。
※各値はお好みで変えてみて下さい。

-ドロップシャドウ-

-べベルとエンボス-

最後にこのレイヤーの「塗り」の箇所と描画モードを「乗算」に変更して完成です。
※「塗り」の値は15%にしましたが、こちらも値はお好みで変えて下さい。

水に虎がエンボスされた画像が完成しました。

このエンボスは他にも壁に鷹を合成して壁画っぽくしたりと色々楽しめるので、ぜひ色々試してみて下さい。

それでは。

Photoshopで選択範囲の境界線をぼかす方法

茂吉 — Mon, 20 Jun 2011 14:18:01 +0000

こんにちわ、今日はPhotoshopで選択範囲の境界線をぼかす方法を紹介したいと思います。
選択範囲の境界線をぼかすと画像がさわやかになり清潔感が出るので食べ物やモデル、美容ページなどに使うと良いと思います。

※茂吉はPhotoshopに詳しくないのでこんなことしなくてももっと簡単にできる方法などあるかもしれません。
また、利用しているPhotoshopはCS4です。

作り方ですが、まずは選択範囲を作りましょう。
選択範囲は選択ツールやパスから作ります。
※ちょっと選択範囲が雑ですがご勘弁を…

選択範囲を作成したらPhotoshopの画面上にあるメニューの[選択範囲]→[選択範囲を変更]→[境界線をぼかす]を選択してぼかしの半径の値を入力して下さい。
※ショートカット:Shift + F6
今回の画像では40を値としましたが、画像によって変わってくるので色々試してみて下さい。

これにより選択範囲が以下のようになります。

後はこのできた範囲をコピーして新規レイヤーに貼ってみましょう。

以上で完成ですが、若干ぼかしによりロールケーキの色が薄くなってしまったので調整レイヤーで色相・彩度やカラーバランスを調整しましょう。

今度こそおいしそうなロールケーキができました。
このぼかしのテクニックは色々な場面で使えると思いますのでぜひ使ってみて下さい。

それでは。

CakePHPでMySQLの文字化けを直す方法

茂吉 — Thu, 16 Jun 2011 22:11:10 +0000

こんにちわ、今日はCakePHPでMySQLの文字化けを直す方法を紹介します。

直し方はCakePHPの場合非常に簡単でapp/config/datebase.phpの以下の箇所に’encoding’ => ‘utf8′,を追加するだけです。

-追加前-

var $default = array(
 'driver' => 'mysql',
 'persistent' => false,
 'host' => 'localhost',
 'login' => 'user',
 'password' => 'password',
 'database' => 'database_name',
 'prefix' => '',
);

-追加後-

var $default = array(
 'driver' => 'mysql',
 'persistent' => false,
 'host' => 'localhost',
 'login' => 'user',
 'password' => 'password',
 'database' => 'database_name',
 'prefix' => '',
 'encoding' => 'utf8',
);

以上で文字化けが直りますので、文字化けで困っていたらやってみて下さい。

それでは。