<   2013年 07月 ( 18 )   > この月の画像一覧

挿入画像の最大横幅を知ろう。

ページへページへページへページへページへページへ

ご自分のブログに挿入出来る画像の最大横幅をご存じですか?
You Tubeをブログに埋め込む時など、最大横幅を把握しておかないと上手くいかない場合もあります。
今回は、最大横幅を調べる方法をご紹介します。(対象:エキサイトブログ)

デジカメで撮影したJPEG画像を1枚準備します。
写したままでサイズ変更など加工はしないでください。
下の画像は私が準備した画像です。

d0181824_1024863.jpg

マイブログにログインし投稿画面を出し、①で準備した画像を「中央」配置で[アップロード]します。
画面右下の拡大レベルの表示が「100%」になっていない場合は「100%」に直してください。
d0181824_1047123.jpg

[プレビュー]で画像をチェックします。画像の右端が欠けていないことを確認します。
もし、画像の右端が欠けている方がいましたら、設定に問題がありますので、コメントでお知らせください。
d0181824_10544349.jpg

プレビュー画面を閉じ、挿入された画像タグを見てください。
赤枠の部分が挿入された画像サイズ(横幅|縦幅)です。
私のブログでは横幅が520になっています。
すなはち、最大横幅が520ピクセルということがわかります。
d0181824_1113181.jpg

【ご注意】
エキサイトブログではデータサイズが500KBを超える画像は設定された画像サイズに縮小されてアップロードされます。
上の測定はこの特徴を利用したものです。
①で準備した画像のサイズが500KB以下であったり、スキンの設定がおかしい場合は利用できません。
下の画像は設定がおかしい例です。
上の画像と比べてください。カサブランカの花が少し右に寄り、さらに右端が消えています。
d0181824_12402244.jpg
(スキン設定で本文横幅を520から600に変更してみたものです.
アップロードされた画像の横幅は600ピクセルになりますが、ブログの表示エリアの横幅は520ピクセルしかないので、はみ出た右の80ピクセル分が消えてしまったものです。)

  
     

by pc-otasukeman | 2013-07-31 10:00 | Comments(2)

You Tubeをブログに埋め込む

ページへページへページへページへページへページへ

【ご質問内容】
2年振りでYou Tube の動画をブログに嵌めこみました。
しかし、画面が中央に配置しません。どうしたらよいのでしょうか。

(注:上の画像は「チンチラシルバーミルク姫の1日」で再現したものです。)

【回答】
下のような画像になれば良いのですね。


少し、テクニックが必要です。
以下の手順でお試しください。

エキサイトのマイブログにログインして投稿入力欄を準備しておきます。
載せたいYou Tube の画面を出します。
  ここではお助けマンが以前作成した「チンチラシルバーミルク姫の1日」の動画をだしましょう。
You Tube画面の [共有]ボタンをクリックします。
d0181824_13523649.jpg

[埋め込みコード]をクリックします。
d0181824_1422314.jpg

埋め込みコードと設定画面が出ます。
[以前の埋め込みコードを使用する]にチェックを入れます。
エキサイトはこちらのコードでないと上手くいかないようです。
d0181824_1444635.jpg

次にブログに挿入する動画のサイズを指定します。
ここでは動画のサイズは横幅が560、縦が315ピクセルになっています。
最大横幅はブログによって決められています。大き過ぎるとご相談者のように画面の右がはみ出してしまうのです。
私のブログの最大横幅は530ピクセルですから変更しないといけません。
なお、ご相談者のブログは480ピクセルです。
[▼]マークをクリックします。
d0181824_1410534.jpg

動画サイズの候補リストが出て来ますので、[カスタムサイズ]をクリックします。
d0181824_1419431.jpg

横幅欄に入力します。最大横幅より小さい値であればOKです。私は530と入力しましょう。
埋め込みコードの動画サイズが変更され、コードができました。
d0181824_14232981.jpg

後は埋め込みコードをコピーしてブログの記事入力欄に貼り付ければ完成です。
埋め込みコードの一部にマウスポインタを合わせ、「トン」「トン」「トン」と3回続けてマウスの左ボタンをクリックしてください。そうすると埋め込みコード全体が青くなり選択された状態になります。
d0181824_14352463.jpg

次に青い部分を右クリックして、出てきたリストの[コピー]をクリックします。
d0181824_14362793.jpg

エキサイトの投稿入力欄を出して、You Tubeの動画を挿入するところにマウスポインタを合わせて、右クリックします。リストが出て来ますので、[貼り付け]をクリックします。
d0181824_11201513.jpg

埋め込みコードが貼り付けられます。[プレビュー]で確認します。
d0181824_11173241.jpg

プレビュー画面にYou Tube の画面が出ればOKです。
d0181824_1110231.jpg

以上で完成です。

下の動画は上記手順で掲載したものです。
お助けマン、3年前の力作(?)です。
クリックしてお楽しみください。
【チンチラシルバーミルク姫の一日】

埋め込みコードの画像サイズを直接書き換えてもサイズの変更が出来ます。
下の画像は
width="530" height="298"をwidth="265" height="149"
(2か所あります)
半分のサイズに書き換えた画像です。


【ご相談者へ】
入力記事欄の動画サイズを、
width="480" height="270"に書き換えれば直ると思います。
お試しください。

次回は最大横幅の簡単な調べ方をお話しします。(7月31日投稿予定)

by PC-otasukeman | 2013-07-28 20:55 | Comments(8)

個人情報発信時の確認メッセージ

ページへページへページへページへページへページへ

【ご相談内容】
エキサイトブログでコメントの[送信]ボタンをクリックすると次のような画面が出ます。
ログインしてコメントする時は出ないのですが、どうしたものでしょうか?
d0181824_15322823.jpg


【回答】
この画面は送信するデータの中に電話番号、クレジットカード番号、メールアドレス、パスワードと想定される情報(これらが個人情報です)が含まれていると表示されます。
すなはち、
送信する前に「あなたの個人情報らしきものが含まれていますが、送信してもよろしいですか」と尋ねているのです。
この確認メッセージは「Yahoo!ツールバー」というソフトが出しているものです。
サイト情報を見ると、
送信先はエキサイトブログのGBさんのブログです。
コメント削除用のパスワードが個人情報と想定されたようです。
ご自分の意思で送信したと確認できたら、[送信]をクリックしてください。
なお、下のチェックボックスにチェックを入れて送信すれば、次からGBさん宛てのコメントでは画面は出なくなります。

個人情報を抜き取る犯罪(フィッシング犯罪)が多いことから考えられたセキュリティ機能です。
手間がかかりますが、この機能を有効にしておいた方が安全と思います。
危ないソフトが暗躍し、個人情報を集め、送信しようとしたとき、この確認メッセージが出れば漏洩を阻止することが出来ますからね。

【Yahoo!ツールバー】
Yahooが提供しているブラウザ用のツールバーです。
無料でダウンロードすることが出来ます。
私もダウンロードしてみました。
ブラウザはInternet Explorer です。緑枠が追加された「Yahoo!ツールバー」です。
d0181824_16113996.jpg

機能を調べてみましょう。
[Yahoo!ツールバーをカスタマイズ]をクリックすると、リストが出て来ます。
[フィッシング警告機能の設定]という項目をクリックします。
d0181824_1325410.jpg

「フィッシング警告機能の設定」画面が出てきます。
「個人情報が送信されるときに確認する」にチェックが入っています。
この機能により確認画面が出たのです。
d0181824_16145380.jpg


【警告表示を出さない方法】
【方法 1】
フィッシング警告機能の設定画面でチェックを外す。
【方法 2 】
次の手順で「Yahoo!ツールバー」自体を無効にする。
上のタイトルバーの何もない所を右クリックし、出てきたリストの[Yahoo!ツールバー]のチェックをクリックする。
d0181824_16465839.jpg

「アドオンを無効にする」画面が出ます。確認して[無効にする]をクリックします。
アドオンとはInternet Explorerに追加された機能のことです。
d0181824_16475721.jpg

Yahoo!ツールバーが消えました。
d0181824_16524336.jpg

①の操作でチェックを入れ②の操作で[有効にする]をクリックすれば再度有効にすることができます。

【まとめ】
警告メッセージはパソコン初心者には恐怖ですね。
突然、表示されると難解な用語も多くパニックになってしまいます。
ソフトをダウンロードした後に遭遇することが多いようです。
ご相談者と同じ確認メッセージを出そうと試みましたが、何故か出すことが出来ませんでした。
セキュリティ強化の目的で提供されるのですが、どのような方法でチェックし、どのような基準で警告を出すのでしょうか、今一掴めませんでした。

警告が煩わしい場合は機能を無効にすれば良いのですが、
せっかくの機能です。ワンクリック操作が増えますが、今のままお使い頂いた方が安心かと思います。

私の場合は訳があって「Yahoo!ツールバー」は無効にしております。

    

by PC-otasukeman | 2013-07-26 14:13 | Comments(4)

庭のカサブランカ

ページへページへページへページへページへページへ

今年もカサブランカが咲きました。
毎年1輪しか咲きませんでしたが、今年は何故か2輪です。
22日に1輪が開花、24日2輪目が雨の中で開花しました。 
d0181824_16123453.jpg
d0181824_1613170.jpg
d0181824_16233667.jpg
d0181824_1613282.jpg
d0181824_16414376.jpg
d0181824_16135296.jpg

by PC-otasukeman | 2013-07-24 16:30 | Comments(8)

品野祇園祭 2013(その2)

ページへページへページへページへページへページへ

143回 品野祇園祭
京都の祇園祭と同じく「無病息災」を祈願するお祭です。
我が町(瀬戸市品野地区)自慢のお祭りをご紹介します。
ご神体は神武天皇(瀬戸市の文化財)。その様子は前ページをご覧ください。

国道248号を通行止めにして午後6時スタート
品野坂上~品野交番前 約800mの区間で行われる4時間のお祭です。
d0181824_7554360.jpg
d0181824_15221998.jpg

山車など3基、みこし1台、盆踊りチームの皆さんが国道をねり歩きます。
d0181824_1529760.jpg

沿道には夜店が並び賑わいます。
d0181824_1527276.jpg
d0181824_15274078.jpg

今年も琉球国際太鼓、FLOWジュニア&キッズ、瀬戸子供太鼓 こまいぬ座、古瀬戸吹奏楽団がお祭りを盛り上げてくれました。
d0181824_10152170.jpgd0181824_1003832.jpgd0181824_89534.jpgd0181824_13493413.jpg
(訳ありでこの4枚は昨年の写真を掲載しました)

日が暮れると提灯や行燈の明かりが目立ちます。
d0181824_1530482.jpg
d0181824_15311486.jpg
d0181824_15242421.jpg
d0181824_15245520.jpg
d0181824_15252913.jpg
d0181824_15262273.jpg
d0181824_15193780.jpg
メイン会場は人混みの先です。

山車やみこしが通り過ぎたスタート方面
d0181824_15381331.jpg

その先におやじバンドの元気な姿がありました。
スタート地点の火の見下会場、昨年は見過ごしてしまった風景です。
d0181824_1534571.jpg
d0181824_15345321.jpg
d0181824_15352090.jpg
d0181824_15371785.jpg
d0181824_15355380.jpg
みごとな演奏でした。
観客が少ないのが残念ですが、今後の活躍を期待して会場を後にしました。

d0181824_15195837.jpg

楽しい夏祭も提灯の明かりを残して終了しました。
    

by PC-otasukeman | 2013-07-22 17:03 | Comments(7)

品野祇園祭 2013

ページへページへページへページへページへページへ

今日(7月20日)は143回目の品野祇園祭  「無病息災」を祈願するお祭です。
国道248号線を通行止めにした我が町自慢のお祭りです。
ご神体が瀬戸市の文化財に指定された記念の年。
ご神体は道の駅 「瀬戸しなの」近くの全寶寺の祇園堂から出発します。
第一報です。詳細は後日ご紹介します。
d0181824_18222441.jpg
d0181824_18213594.jpg
d0181824_182393.jpg
d0181824_18233335.jpg
d0181824_18235970.jpg
d0181824_18243225.jpg
d0181824_1825114.jpg
d0181824_18252274.jpg

お祭りの様子は次回をご覧ください。

by PC-otasukeman | 2013-07-20 18:27 | Comments(10)

電源オプション(問題提起)

7月16日、18日の記事をご覧になっていない方はそちらを先にお読みください。

ページへページへページへページへページへページへ

問題提起の投稿です。

Windows 7 電源オプションの設定
購入した時の設定はどのようになっていたでしょう?
調べてみました。

「プラン設定の編集」画面を出し、[このプランの既定の設定を復元]をクリックします。
「既定の設定」とはメーカが予め設定したものです。緑枠内の各設定値は既定の設定に戻りました。
d0181824_1031991.jpg

次に同画面の [詳細な電源設定の変更]をクリックします。電源オプションの詳細設定の画面が出ます。
「復帰時にパスワードを必要とする」(緑枠)という項目がありますが、
既定では「はい」と設定されています。
「スリープ状態」と「休止状態」から戻る時にパスワード入力が要求される設定です。
パスワード入力が煩わしいという方は[現在利用できない設定の変更]をクリックして変更しましょう。
d0181824_10403055.jpg

画面が変わりますので、項目をクリックして「はい」から[いいえ]に変更します。
d0181824_10595756.jpg

次に「スリープ」の項目を出し、スリープと休止状態にする時間を見てみましょう。
休止状態にはならないように設定されています。
d0181824_1135090.jpg


【くわばら くわばら】
さらに、電源ボタンとカバーを閉じたときの操作も見てみましょう。
どちらもスリープ状態になるように設定されています。
d0181824_11484399.jpg

放置したり、カバーを閉じたり、電源ボタンを押したときは全てスリープ状態になるということです。
私のパソコンで検証してみました。
上の手順を実行してから暫く放置し、その後カバーを閉じてみました。
電源ランプが赤色に変わりゆっくり点滅しています。スリープ状態です。
d0181824_12521927.jpg
(XPパソコンはカバーを閉じると電源ランプの点滅すら見えません)

点滅に気付かず、高温の車内に放置した場合、どうなるか・・・
熱中症は必至です。
くわばら くわばら です。
「パソコンを高温になる場所に放置しないこと」です。

【問題提起】
「休止状態」か「シャットダウン」で終了すれば問題がありませんが、
万が一を考えると既定の設定には疑問を感じます。
皆さんはどう思いますか。

   

次回のテーマ投稿は7月22日の予定です。

by PC-otasukeman | 2013-07-19 14:04 | Comments(2)

電源オプション

ページへページへページへページへページへページへ

あなたのパソコンは放置するとどのようになりますか?
① 何も変化しない。もしくはディスプレイが少し暗くなる。
② 画面が黒くなり、電源ランプが点灯している。
  (ディスプレイの電源だけ切れた状態)
③ 画面が黒くなり、電源ランプが点滅している。
  (スリープ状態)
④ 画面が黒くなり、電源ランプが消灯している。
  (休止状態もしくはシャットダウン状態)

これらの状態は電源オプションの設定により決まります。
省エネ、バッテリ節電の為に考えられた終了状態なのです。

Windows 7 で設定手順を見てみましょう。
[スタート]ボタンをクリック、出てきたスタートメニューの[コントロールパネル]をクリックします。
d0181824_16153783.jpg

コントロールパネルが出て来ます。表示方法を「大きいアイコン」にします。
[電源オプション]をクリックします。
d0181824_1673638.jpg

電源オプション画面が出て来ます。
現在使われているプランの[プラン設定の変更]をクリックします。
d0181824_1682583.jpg

次の画面が設定画面です。
最後の操作から、
①ディスプレイを暗くする迄の時間
②ディスプレイの電源を切る迄の時間
③コンピューターをスリープ状態にする迄の時間
を「バッテリ駆動」と「電源に接続」のそれぞれについて設定します。
「▼」マークをクリックして時間を選択し、[変更の保存]ボタンをクリックすると設定されます。
バッテリ駆動の場合はこまめな節電が望ましいです。
私は次のように設定しています。
d0181824_20543692.jpg

ここで一つ問題があります。
熱中症を予防する為には「休止状態」か「シャットダウン」にする必要がありますが、
ここにはその項目が見当たらないことです。
探してみましたら次の手順で設定できることが分かりました。

[詳細な電源設定の変更]をクリックします。
d0181824_2114224.jpg

電源オプションの画面が出ます。
項目「スリープ」の左にあるマークが「+」であればそこをクリックします。
更に、項目「・・・・スリープする」、「・・・・・休止状態にする」のマークも「+」であればクリックします。
スリープするまでの時間と、休止状態にするまでの時間を設定することができます。
スリープの方は先ほど設定した時間になっています。
時間を入力して[適用]もしくは[OK]をクリックします。
d0181824_21142283.jpg

ちなみにXPの場合は次のような電源オプションの画面になります。
「スタンバイ」「休止状態」を1つの画面で設定できるようになっています。
d0181824_15371935.jpg


熱中症対策、バッテリー節電を考えるとWindows 7の設定画面に疑問を感ずるお助けマンです。

【まとめ】
高温の場所(例えば自家用車内)に放置される危険性が高いノートパソコンについては、
「休止状態」あるいは「シャットダウン」状態になるよう設定してください。
これから夏本番です。
パソコンの熱中症対策は万全に!!

    

by PC-otasukeman | 2013-07-18 16:13 | Comments(2)

終了オプション

ページへページへページへページへページへページへ

パソコンの電源を入れる時は[電源]スイッチを押します。
しかし、電源を切る時は終了操作が必要です。
初心者は戸惑いますね。

今回はパソコンの終了について勉強しましょう。

【Windows 7 の終了操作】
[スタート]をクリックするとスタートメニューが出ます。
スタートメニューの右下に「シャットダウン」の文字が見えます。その右の[▼]をクリックすると、
さらに「再起動」「スリープ」「休止状態」の選択肢が出て来ます。
どれかをクリックすれば終了します。
d0181824_1453366.jpg

【Windows XP の終了操作】
[スタート]ボタンをクリック、スタートメニューの右下の[終了オプション]をクリックします。
すると、終了オプションのボタンが出て来ます。
「休止状態」「スタンバイ」「電源を切る」「再起動」のどれかのボタンをクリックすれば終了します。
d0181824_13534393.jpgd0181824_13541066.jpg

7の「シャットダウン」とXPの「電源を切る」
7の「スリープ」とXPの「スタンバイ」はそれぞれ同じことです。
以降は7の言い方で説明します。

【終了オプション】
パソコンを終了するには次の4つが用意されています。
① シャットダウン
必要な情報をハードディスクに保存して終了します。電源は供給されなくなります。
一番時間がかかりますが、バッテリの消費が最少で、安全・安心の終了方法です。

② 休止状態
メモリに展開されているプログラムやデータはそっくりそのままハードディスクに退避して終了します。
休止状態も電源は供給されませんので、バッテリーの消費も最少です。
電源スイッチを押すとハードディスクに退避したプログラムやデータをメモリに戻して再開します。
ハードディスクを使うので時間がかかりますが、作業を続けるには安全・安心・便利な終了方法です。

③ スリープ
メモリに展開されているプログラムやデータをそのままメモリに保持して終了します。
メモリ部には電源が供給されているので、バッテリーの消費と熱中症(高温放置)には注意が必要です。
電源スイッチを押すと直ぐに元の状態に戻ります。
作業をちょっと中断するときは大変便利な終了方法です。

④ 再起動
一旦シャットダウン(電源を切る)で終了し、直ぐに電源が入ります。
プログラムをダウンロードしたりアップデートしたとき等に再起動要求が出ることがありますが、この時は「再起動」をクリックすると便利です。

以上の終了方法を理解して活用してください。

【ご参考】
スリープ、休止状態にするにはハードディスクとメモリの空きエリアが必要です。
空きエリアが少ないと終了オプションから削除されます。
XPの方で休止状態のボタンが無効になっているときはメモリ不足を疑ってください。
ハードディスク(C)のデータを削除するなり処置が必要です。

次回は「電源オプション」についてお話しします。

by PC-otasukeman | 2013-07-16 18:00 | Comments(3)

鍵コメ さんのご質問にお答えします

多くの皆さまからお祝いのメッセージを頂きましてありがとうございました。
エネルギーが湧いてきました。
早速ですが、鍵コメさんのご質問に回答させていただきます。

【ご質問内容】
画像の上にマウスを当てると2枚の画像が交互に表示される筈ですが、最初から2枚の画像が表示されてしまいます。
どうしたものでしょうか。

【回答】
CSS編集のheader部に次のタグを挿入してみてください。

.af { display: none; }
a.lnk { text-decoration: none; color: black; }
a.lnk:hover { background-color: transparent; }
a.lnk:hover .bf { display: none; }
a.lnk:hover .af { display: inline; color:#0000;}

このように、
d0181824_9491376.jpg


投稿欄に、
<a href="#" class="lnk"><span class="bf">[マウスオン前の画像]</span><span class="af">[マウスオン後の画像]</span></a>
(注:<>は全角に変えてあります)
例えば、
d0181824_9562731.jpg
と入力すると
次のように画像が変わるようになります。
(画像をミルクに変更しましたがその他は鍵コメさんと同じです)
d0181824_1702910.jpg
d0181824_1705278.jpg
(マウスを。置いてみてください)
b0149071_20425910.jpg


【ご注意】
プレビューでは画面が変わるが、投稿すると変わらない時は、
[設定]をクリックして環境設定画面を出して「画像の拡大表示」を[ポップアップ]に設定してください。
d0181824_1341338.jpg


【鍵コメさんへ】
以下の画像は鍵コメさんのコメントから記事入力をコピぺしたものです。
記事入力には誤りはないようです。CSS編集を見直してください。
b0149071_1419596.jpg
b0149071_14201810.jpg
(マウスを。置いてみてください)
b0149071_20425910.jpg
 

お試しください。

by PC-otasukeman | 2013-07-16 10:29 | Comments(7)