CARAMEL SOURCE.

Dropboxでホームページを公開するまでの流れをまとめてみた

9月 3rd, 2011 1 Comment

クラウドサービスという言葉を最近よく耳にしますが、
そのクラウドサービスで代表的なものといえば、そう『Dropbox』です。
Dropboxというと、ストレージサービスという認識の人が多いと思うんですが、
実は制作したサイトを公開できちゃったりする意外な使い方もあったりするんです。
今回はDropboxで、ホームページを公開するまでの流れをご紹介します！

1.Dropboxのアカウントを取得しよう！

まずはDropboxのアカウントを取得します。アカウントは公式サイトから簡単に登録できます。
今回は2GBのサービス(無料)で問題ないと思います。
たくさんデータをweb上に上げたい方は有料版を選択してください。

Dropbox公式サイト

Dropboxの基本的な使い方の説明はしませんので、下記サイトを参考にしてみてください。

l誠 Biz.ID：Dropboxのセットアップと使い方

2.htmlとcssのデータを用意しよう！

サイトとして公開したいhtmlのデータを作成します。
cssも用意して、htmlで宣言してあげれば問題なくスタイルの設定もすることができます。

3.webに公開してみよう！

Dropboxフォルダ内にある、publicに制作したhtmlとcssデータを保存します。

次に、公開されているページのURLを確認します。

パブリックリンクをコピーすると、そのhtmlデータのURLがコピーされます。
これをブラウザで貼り付けすると、ページの確認ができます。
サンプルで自分が作ったサイトを公開しておきます。(とりあえず画像を表示しただけのもの)

サンプルサイト

撮影ボックスが64%OFFだったので買ってみた！

9月 1st, 2011 Leave a comment

ブログで掲載する写真やオークションに出品する商品の写真を撮るのに欲しいな～と思ってたところに
64%OFFの表記が目に入り、買ってしまいましたｗ
もう一回り小さいタイプも安く出てるんですが、それ以上に安かったので思い切っちゃいました！

実際に撮影するとこんな感じで取れます。本来は背景が真っ白でなければいけないんですよね・・・

評価では、組み立て方がよくわからないというものが多かったんですが、
自分は組み立て方よりも、背景で使うシートがたたまれて配送されてくるので、
折り目がキッチリ見えてしまっているところが少し悩みの種ですｗ
アイロンで折り目を消せないだろうか・・・通常はロール型にして保管しておくんだけどな～

ライトも当てると、より綺麗に写真が撮れます！
影がいい味を出してくれるんですよね～
折り目の問題はとりあえず置いといて、ブログで掲載する小物類はこれを使って撮影していきたいと思います！
あとは写真の撮り方も勉強していきます(o ･｀∀･´)ﾉ

カッコいい冷蔵庫ユーレックス・アイのCWP-T2091Bがｷﾀ―(´ω｀*)

8月 31st, 2011 Leave a comment

これまでアピックスという会社のACW-700-PBという冷蔵庫を使っていたんですが、
5年ちょっと経過して壊れてしまったので今回、新しく冷蔵庫を買ってみました！
5年間生活を支えてくれたACW-700-PBには感謝してます。
スタイリッシュですごくカッコいい冷蔵庫だったので、気に入ってたんですよね。壊れてしまってちょっと残念です(´；ω；`)
2006年に登場した冷蔵庫なので、現在は同じモデルを買うことはできないんですよね・・・
後継機も出てるみたいなんですが、サイズがちょっと小さいし、カッコよくないんですよねorz

で、今回新しく買った冷蔵庫がこちら。
ユーレックス・アイの保温冷庫CWP-T2091Bです！
この冷蔵庫も、これまで使っていた冷蔵庫のように、インテリアに馴染む、スタイリッシュな保温冷庫になってます！

温度は1℃刻みで設定できて、マイコン制御により自動で保温と保冷が切り替わるようになっています。
運転はフロンガスなどの冷媒を使用せず環境にやさしいペルチェ方式が採用されてます。
楽に持ち運びでき、別売のDC電源コードを使えば車内でも使えるようになります！

保冷も保温もこれ1台で

このコンパクトな保温冷庫が部屋にあれば、夏場であればジュースやビール、ゼリーなど冷たいもの、
冬には温かいスープなどをすぐ手の届くところに最適な温度でおいておくことができます。
温度の設定をするだけでマイコンが自動で保温と保冷を切り替えてくれます。

LEDランプが現在の状態をクールにお知らせ

庫内の温度はドアに大きく表示されます。
保温の時は赤、保冷の時は青のLEDランプで表示され一目で現在の状態を確認できます。
ランプはしばらくすると自動的に消えるようになっています。
タッチセンサー内臓のドアハンドルに手を入れるとまたランプがつく洒落た仕掛けになっています。

コンパクトでも十分な容量

容量は20リットル。中のトレイ(上下2枚)を取り外せば2リットルのペットボトルが4本程度入ります。
350mlの缶なら20本くらい入れることができますが、
あまりたくさん詰め込みすぎると設定温度になるまでに時間がかかります。
故障の原因にもなるので、詰めすぎには注意しましょう(-公- 😉

商品詳細

サイズ（約）：幅36×奥行40×高さ47.3cm
コード長さ：約1.5m
質量（約）：9kg
容量：20L
電源：AC100V（50/60Hz）DC12V
消費電力：72W
温度設定：5℃～50℃（1℃きざみ）
保冷目安：周辺温度より20～25℃マイナス（最低約5℃）
保温目安：周辺温度より40～45℃プラス（最高約50℃）
運転方式：ペルチェ方式
材質：ABS樹脂、AS樹脂、ポリウレタン
保証：お買い上げ後1年間保証

amazonで注文しましたが梱包の大きさに結構驚きましたｗ大きいのなんのってｗ

冷蔵庫を置く場所に、すのこを敷いてみました。下がカーペットになっているため、
水滴等でカビてしまう可能性があります。それを防ぐためにも通気性を良くするために
すのこを敷いてみました。すのこは100円ショップで販売されているものなので
安価で手に入れることができますよ(○´∀｀)ﾉ

これでまた、部屋に冷蔵庫のある生活が復活できましたヽ(・´∀｀・)ﾉ
風呂上がりの一杯とか、すぐに手に入るので実家暮らしの自分には最適なアイテムとなってます！

eureks-iユーレックス・アイ車載対応ポータブル温冷庫保冷・冷温ボックスCWP-T2091B（ブラック）

posted with amazlet at 11.08.31

オカダGAJ
売り上げランキング: 6940

Amazon.co.jp で詳細を見る

eureks-iユーレックス・アイ車載対応ポータブル温冷庫保冷・冷温ボックスCWP-T2091W（ホワイト）

posted with amazlet at 11.08.31

売り上げランキング: 38319

Amazon.co.jp で詳細を見る

WordPressのログイン画面をカスタマイズしてみた！

8月 31st, 2011 Leave a comment

WordPressのログイン画面をカスタマイズできることは知っていたんだけど、
実装まで出来ていなかったので、後輩たちがまとめているブログを参考に、自分のブログでも実装してみました！
今回は、ログイン画面のカスタマイズが完了するまでの作業の流れを紹介していこうと思います。
すごく簡単でしたので、試してみたいと思っている方はゼヒ！！

1.オリジナルのロゴ画像を作成する

まずはオリジナルのロゴ画像を作成します。
今回CARAMEL SOURCE.ではメンテナンスページをイメージするイラストを作成しタイトルの横に表示しています。
ここはタイトルだったり、好きなイメージデータで大丈夫だと思います。

[画像サイズ]
326px x 82px
※背景が白ではないので、透過していないとちょっとみっともないかもしれないです。
　塗りつぶしの画像やロゴの外枠に枠線が付いた画像だったらいいかもしれないですね。

[画像のファイル名]
なんでもOK！このサイトでは『wp_login』と設定しています。

[画像のアップロード先]
ロゴ画像は、現在使っているテーマのimagesの中にアップしてください！！
別の場所にアップすると、正常に呼ばれてこない場合があります。
自分の場合は画像が表示されませんでした・・・

2.テーマのfunction.phpにロゴ画像の設定をする

WordPressで使用中のテーマのfunction.phpにロゴ画像を表示するためのソースを記述します。

function my_custom_login_logo() {
  echo '';
}
 add_action('login_head', 'my_custom_login_logo');

ソースを追記する位置は、それぞれにお任せいたします。

3.設定できたか確認してみる！

[これまでのログイン画面]

[変更後のログイン画面]

ちょっとしたことですが、自分専用って感じがしていいですよね！
まさにオンリーワンです！！
例えば、仕事でお客様のサイトをWordpressで制作していた場合、ログイン画面をその会社のロゴにしたりしておくと
お客様の満足度も高まりそうですね！こういう小さな気配りが後々ビッグビジネスを呼びますからね！！

次回はログイン後の管理者画面のロゴを変更してみたいと思います！

今回参考にした後輩たちのブログ。

デザインどや!?