じろゃん（*＾､＾）ﾉのブログ一覧

再開しま～す。

AUTOくん、早く席について！ 君は落ち着かない子だねぇ。
樹☆くん、君も早とちりしない！ 待ちなさいっ！

---

えっと、前回のおさらい。

画像を表示させるためには「インターネット上」のファイルを指定する
ってことでしたね。
簡単に言えば「画像は皆が見える所に置く」です。

さて、先ほどののような場所に我々が自由に画像ファイルを
置ければコトは解決なわけですが、そうは問屋が卸してくれません。

先ほど樹☆くんが話していたように、インターネット上のフリースペース
なんかを利用できる方はいいのですが、それはそれで面倒臭いです。

じゃあ、どこか良い所はないか・・・と。
ん？ あ～るじゃな～い♪

そうですね。
既に何人かの方が使ってますが、ここの「My掲示板」を使っちゃうんです。

みんカラに登録したデフォルトのままではMy掲示板は使えない状態ですので、
まずはこれを使えるようにしましょう。

・・・ま、これは各自でね。

---

さて、自分の掲示板が使えるようになってるとして
（極端な事を言えば、他人の掲示板でもＯＫなわけですが）
ここの掲示板のいいところは画像が貼れるってことです。

画像が貼れるっていうことは・・・
そうです、その画像は「皆が見える場所に置かれる」ってことです。(｀･ω･´)ｂ


とりあえず自分の掲示板に新規メッセージを登録してみましょう。
その際、必須項目の「タイトル」と「メッセージ内容」は何でも適当でいいです。
それよりも、一緒に登録できる「参考画像」に、普段ブログに画像を
アップしているのと同じ要領で100kB以下の画像を登録しましょう。

んで、登録したメッセージを見てみると、小さな画像が表示されていますよね。
これをクリックします。



クリックすると別のウィンドウに大きな元の画像が表示されますが、これは
画像そのものではありません。
というのも、宣伝や「閉じる」っていうリンク文字があったりしますよね。

---

では、そのブラウザのアドレス欄を見て下さい。
およそ、これに似たアドレスなのではないでしょうか。



http://carlife.carview.co.jp/Image.asp?src=https://cdn.snsimg.carview.co.jp/carlife/images/bbsmsg/207357/P1.jpg

これを、よ～～っく見て下さいね。
途中で src= って文字がありますよね。
はい、これ。どこかで見ましたよ～。＞樹☆くん！

はい、そうですね。
前回書いた imgタグ の中に出てきました。
ということは、この
src= の後ろに書かれているのが画像のURLなんです。

はい、コレ。今日の授業の最大のポイント！ (｀･ω･´)ｂ
今度の試験に出るよ～


では試しに、先頭の http:// から src= までの文字を消して Enter を
押してみて下さい。
ほ～ら、画像だけが表示されましたね！ d('∇^ o)

←クリック！

---

ということで、その掲示板にアップした画像のURLは src= の後ろ、
つまり https://cdn.snsimg.carview.co.jp/carlife/images/bbsmsg/207357/P1.jpg
ということになります。
（後ろの方の 207357 の部分は毎回変わりますよ）

ではこの文字列を「画像」ボタンを押して出てくるウィンドウの中に
コピーして下さい。
コピーの仕方は、マウスの右クリックを使ってもいいし、Ctrl+C という
ショートカットキーを使っても構いません。

どうです？ ちゃんと画像が表示されましたか？（＾＾）

---

では、次の授業では、もう少し踏み込んだ使い方をお教えしましょう。

起立！ 礼っ！

さて、本題となる複数画像の貼り付け方の
第一歩です。

要するに
←こんなのがしたいんでしょ？d('∇^ o)

了解、了解。
ちゃんと教えますってば。

ただ、順番に覚えないと混乱しちゃうと思うんで、まずは１枚だけ画像を
貼り付ける方法からいきましょう。

　「そんなの毎回やってるから、知ってるよっ！」

あいや、待たれい。
ブログの先頭に１枚だけ写真を貼り付けるという いつものヤツじゃなく、
ブログの中の好きな所に写真を貼り付ける方法ッス。

---

普段ブログを書いている時に、こんなボタン群が目に入ると思います。



この中の「太」や「斜」、「リンク」なんてのは使いこなしていると思うんですが、
「画像」ってボタンは今ひとつ使い方が分からなかったりしませんか？
ちゅうか、その使い方が分かってる方は読まなくていいです。はい。

この「画像」ボタン、押すと下のようなウィンドウが開きますね。

←クリック!

すると「画像のURLを入力してください。」という暗号が表示されてるわけです。

　「画像のURL？ 何じゃらホイ？」

では、そのウィンドウに以下の文字を入力して「ＯＫ］ボタンを押して下さい。

http://carlife.carview.co.jp/images/carview/carview_s.gif


すると「画像」ボタンを押したところに、こんな暗号が入力されたはずです。

<img src="http://carlife.carview.co.jp/images/carview/carview_s.gif" border="0">


んで、そのブログを登録（追加）するとどーなります？
ちゃんとスペルが合っていれば、そこにはcarview.co.jpの絵が表示されますね。



間違っても大丈夫。
そのために前回「ブログの削除」方法を書いておきましたから。
おぉ～、至れり尽くせりだ（自惚

---

さてさて。
これは、なぜ表示されたんでしょ？

この<img src=～>はimgタグと呼ばれるものなのですが、
この src= の後ろに「画像のURL」を記述する事によって、そこに画像を
表示させるという機能なんです。

で、この「画像のURL」とは？
実は http://～～.jpg というのが、その画像のインターネット上の在り処、
いわゆる住所のようなものになるんですね。


ポイントは「インターネット上の」という点です。
インターネット上、つまり誰でもアクセスできる場所にある画像なら
表示する事が出来るということです。

裏を返すと「誰もアクセスできない場所の画像は表示できない」ということ
になるんです。ハイ、これ大事。(｀･ω･´)ｂ

---

色々な方のブログでよくあるのが、複数の画像をアップしてるんだろうけど、
みぃんな赤い×になってること。
（なにもＭ５ヤッサンだけじゃないですよ）(^∀^；

あれは何かというと、そのブログを書いた方のパソコン内の画像のファイルパスを
書いちゃってるんですね。
（例えば C:\My Documents\My Pictures\～～.jpg）

そうすると、そのパソコンの中の画像ファイルはインターネットで繋がっている
他のパソコンからは通常は見えませんから（見えたらヤダ）、他の人からは
画像として表示する事ができない、ってことなんです。

これね、実は書いた本人は当然自分のパソコンの中のファイルなのでアクセス
できちゃうから「書いた本人にだけ」は画像が表示されてるんですよね。
そのことがミスを気付きにくくしてます。

他の方に指摘されて「あれ～、僕には見えてるんだけど」というのが典型的な例。

---

はい、では一旦休憩して、10分後に再開しま～す。

起立、礼！

最近のサーバーの重たさに辟易しているアナタ、こんばんは。

重いからといって何度もボタンを押して、実は全部アップされててビックリしたアナタ！
さて、どーします？

まぁ、これは大抵の方がご存知ですよね？

ただ何となく不思議に思うのは、削除したいブログを表示させて、その右上の
[EDIT]から編集モードに入ると「削除ボタン」ってどこにもないんですよ。
何でなんでしょうね？ (￣~￣；)

---

ま、それはともかく、ブログの削除の仕方。

上記の[EDIT]から編集モードに入らずに、ブログ一覧から削除しましょう。

普段ブログを書く際に、ブログ一覧を表示させていますよね。
（携帯から書くときは違うでしょうが）



この中から削除したいブログを選択しましょう。
すると、ちゃんと右下に「削除」ボタンが現れます。



あとは、これを押すだけです。簡単ッスね。

「やっと重い腰を上げやがったなっ！」
アナタ、鋭いですっ！

え～、と。
以前から みんカラのブログの取り扱いについて
いくつか質問を受けたりしてました。
一番多いのは「複数の画像はどーやってアップ
するの？」ってヤツなんですが・・・

決して同じ説明をするのが面倒臭いってわけじゃないです。ええ、決して（＾＾；
せっかくなんで、まとめて書いておこうかな、と思っただけでね。

できれば皆さんが 楽に 楽しく ブログを書けたらと思いますね。
そしたら、それを読む僕も楽しいわけで。

---

さて、そんなゴタクはともかく、まず最初は「画像のファイルサイズを小さくする」
ってことについて書いてみます。

みんカラはブログに限らず画像は「100kB以下」って制限がありますね。
携帯で撮ってる分には意識する事は殆どないと思いますけど、デジカメで
撮っちゃうと大抵の場合100kBなんて簡単に超えてしまうわけです。

で、これをいちいち画像編集ソフトなんかを使って画像そのもののサイズを
小さくしてみたり、ちょっと詳しい方ならJPEGの圧縮率を高くしてみたり
しながら、何とか100kBに収めようとするわけですよ。
でも、これって結構メンドー(´-ω-`)

---

そこで登場するのが、コレ。

パパパパッパパ～♪
しゅくしょーせんもーん♪
勿論ドラえもん風に読んでくださいよ。

・・・・・・え～、分かり辛いですね。(ﾟ∀ﾟ；
「縮小専門。」っていうフリーソフトです。
上の↑リンクから「縮専。」ってのをクリックすると詳細な説明が書いて
ありますので、まずはそちらをご覧下さい。

これの便利な所は「画像の大きさ（縦横）」と「ファイルサイズ」を指定
しておけば、勝手にそのサイズに変更してくれるってことです。

---

では、具体的に。

まずデジカメで撮影する時のサイズですが、僕は最初から640×480にしています。
写真としてプリントアウトするには不充分ですが、ブログの画像としてなら
これくらいの大きさで充分じゃないか、と。
大きな画像を100kBにしようとすると、それだけ画像自体が荒れちゃうし、
かといって小さ過ぎるとクリックした時にショックを受けます。(^∀^；
せっかくクリックしたのに、ちっとも大きくならないんじゃね。

---

さて、写真は1024×768で撮影した。ファイルサイズは100kBを超えていた
ということにします。

ここで縮小専門。（最後のモー娘。みたいな「。」が重要らしいですｗ）を
起動しましょう。すると下のような画面が表示されます。

←クリック！

初めて起動した場合は、この写真とは設定値が異なりますので、まずは
これを設定し直しましょう。

ポイントは以下の通り。(｀･ω･´)ｂ

• 左上は「640×640」を選択。
• 左下は「ファイルサイズを指定」を選んで、サイズを「100」に。
• 右上は、どっちでもいいですが「フォルダを作って～」の方にしておきましょう。

この状態で、撮影した画像を右下の所にドラッグ＆ドロップして下さい。

すると、あらま簡単。
元のファイルがあった所に「Resized」というフォルダが自動的に作成され、
その中に同じファイル名で640×480の約100kBのJPEGファイルが作成されます。
（約100kBというのは、100kB以下で適切な圧縮率が選択されたためです）

どーです？ 簡単でしょ？

---

さらに便利な技を。

この縮小専門。のショートカットをデスクトップに貼っておいて、
縮小したいファイルをそのアイコンにドラッグ＆ドロップしてみて下さい。
すると、最後に設定した設定値で画像を縮小してくれます♪

---

これで「100kBにしなくちゃ」なんていう煩わしい作業ともオサラバ！
バシバシ写真を撮って、ブログにアップしましょー（・∀・）