ヤフーブログをはじめよう♪

Wiki文法 Section5-2

Fri, 09 Feb 2007 05:23:46 +0900

第５章　イメージの設置

ここではWiki文法を使ってイメージを設置する方法を説明します。

※Wikiを使用する場合は、記事本文を記入する欄の右上にある「Wiki文法使用」をチェックしておいてください。

２．記事投稿の画像添付欄を利用する場合

◆配置位置を指定しない場合

■使用する文法

[[attached(画像番号)]]

■表示例

■記述

[[attached(1)]］

■注意点

Wiki文法の記述は全て半角で記入して下さい。

■解説

画像番号とは記事投稿の画像添付欄でアップロードする画像の順番により番号がつきます。

◆配置位置を指定して表示する場合

■使用する文法

[[attached(画像番号,配置する位置)]]

▼画像を左側に配置

■表示例

■記述

[[attached(2,left)]］

▼画像を中央に配置

■表示例

■記述

[[attached(3,center)]］

▼画像を右側に配置

■表示例

■記述

[[attached(4,right)]］

■注意点

Wiki文法の記述は全て半角で記入して下さい。
１枚の画像で複数の配置場所を指定することはできません。同じ画像で配置場所を変えたい場合は同じ画像を複数アップロードする必要があります。

画像の配置と文章の位置関係について

配置場所を「left」および「right」を指定した場合に限り、文章が画像の横へ回り込んでしまいます。そこで上のように画像の横に文章を表示をさせたくない場合は画像を配置する文法を記述した次の文章までを改行を入れて調整する必要があります。

Ａ．文章を画像の横に配置する場合

■表示例

■記述

[[attached(2,left)]］これはりんごの画像です。

Ｂ．文章を画像の下に配置する場合

■表示例

これはりんごの画像です。

■記述

[[attached(2,left)]］














これはりんごの画像です。

■解説

文章を画像の横に配置したい場合はＡのように文法の後に文章を配置し、文章を画像の横に配置したくない場合はＢのように文法の後に改行を入れて調整し文章を配置することにより使い分けすることができます。文章と画像をうまく配置することにより、より見やすくわかり易い記事を作成することができます。

アニメーションＧＩＦの作成方法

Fri, 09 Feb 2007 05:13:47 +0900

アニメーションＧＩＦの作成方法

アニメーションＧＩＦって？

アニメーションＧＩＦとは一つのファイルの中に複数のＧＩＦ画像を保存し、それらを順に表示していくことで動画を表現している。簡単に言えばパラパラマンガの要領です。

アニメーションＧＩＦを使えば知恵と工夫で個性あふれる自作のアイコンやロゴを作ることができます。

※アニメーションＧＩＦを作成するには元となるＧＩＦ画像が２枚以上必要となります。
アイコンを作るためのＧＩＦ画像の作成方法は別の項目で解説します。

※またYahoo!ブログで名前アイコンとして使用する場合はサイズが５ＫＢまで、大きさが６０×１７ピクセル以内になりますのでご注意下さい。

今回はサンプルとしてこの名前アイコンを使って説明します。

それではさっそくはじめます。

１．まず無料で配布しているソフトを入手しますので下記のＵＲＬにアクセスして下さい。
そして下のページのダウンロードのページ。をクリックして下さい。

古溝剛のオリジナルソフト公開ホームページ　→　http://homepage3.nifty.com/furumizo/

２．ダウンロードのページでGiam2.05.LZHをクリックします。

３．開くをクリックしインストールしてください。

４．インストールが完了するとデスクトップにアイコンが作成されているのでクリックして起動。下のような画面が表示されます。

５．まず１コマ目に使用する画像をメニューアイコンの開くをクリック。
※コマの順番は後からでも変更できます。

６．画像を選択し開くをクリックします。

７．開いた画像はこの様に表示されます。２コマ目の画像からはファイルからコマの付足しをクリックします。

８．１枚目と同じ様に画像を選択し開くクリックします。

９．画面はこの様になります。更に３コマ目を挿入します。ファイルからコマの付足しをクリックします。

１０.先ほどと同じ様に画像を選択し開くクリックします。

１１.これで３コマ目まで挿入された状態です。最後に４コマ目を挿入しますので同じ要領でファイルからコマの付足しをクリックします。

１２.先ほどと同じ様に画像を選択し開くクリックします。

１３.これで使用する４コマ全てが挿入された状態になりました。
赤枠の中が表示される順番で、色がついて選択されているコマの画像が上に表示されます。
また、コマの順番を変更したい場合は↑上移動及び↓下移動で並び替えが出来ます。

１４.次に繰り返しの設定をします。アイコンやバナーで使用する場合は繰り返して表示されているのが一般的ですので繰り返しセットの項目にチェックを付けます。

１５.ここでウェイトを設定します。ウェイトとはコマが表示されている時間の事で、そのコマごとに設定を行います。単位は１／１００秒で設定できますので１秒間の設定にしたい場合は１００と入力します。

１６.ここで設定した内容をプレビューで確認する事ができますＶＩＥＷをクリックして下さい。

１７.ＶＩＥＷ画面では実際にどの様に表示されるかを確認する事ができますので、コマの並び順やウェイトの設定などをやり直した際はこの画面でチェックするとよいでしょう。

１８.内容に問題がなければ名前を付けて保存をクリック。

１９.保存場所とファイル名を決定し保存をクリックして下さい。

２０.するとＧｉｆ書き込みオプション画面が表示されますがそのままＯＫをクリックして下さい。
※最大色数を少ない数値に設定した場合はきれいに表示されない可能性があります。

これでＧＩＦアニメーションの完成です。お疲れ様でした。

ペイント

Fri, 09 Feb 2007 04:56:51 +0900

画像

ペイントで名前アイコンを作ろう

Fri, 09 Feb 2007 03:51:14 +0900

ペイントで名前アイコンを作ろう

名前アイコンって？

Yahoo!ブログではコメント欄やゲストブックなどでＩＤやニックネームの代わりに画像を表示できますが、その画像をアイコンと呼びます。
サンプル　→　

ペイントって？

ペイントとはＷｉｎｄｏｗｓに標準搭載されている画像処理ソフトです。
今回はこの「ペイント」を使って簡単に名前アイコンを作成する方法を説明します。

それではさっそくはじめます。

１．スタートメニュー→全てのプログラム→アクセサリ→ペイントをクリックします。

２．まずメニューから変形を選びキャンバスの色とサイズをクリック。

３．ここでキャンバスサイズを入力します。
Yahoo!ブログで使用できる名前アイコンのサイズは６０×１７ピクセル以内です。
また単位はピクセル、色はカラーを選択しＯＫをクリック。

４．するとキャンパス（白い部分）が指定した大きさで表示されます。
ここで左側に表示されているツールボックスの中にあるテキストをクリックして下さい。

５．テキストはキャンパス内でドラッグして入力範囲を決めて下さい。

６．テキストの範囲内でカーソルが点滅していますので文字を入力します。

７．文字を入力し終えたらメニューの表示から書式バーをクリック。
すると下の様にバーが現れます。
ここで書体やフォントサイズを選択します。
今回は書体をＭＳＰゴシックからＭＳＰ明朝に変更します。

８．するとこの様に書体が変更になりました。次にテキストの色を変更しますので下にあるカラーパレットから使用したい色をクリックして下さい。するとテキストの色が選択した色に変わります。

９.テキストに問題がなければツールボックス右上の選択をクリック。
※この時点で文字がテキストから図になりますので書体の変更等はできません。

１０.そしてメニューから編集→すべて選択をクリック。

１１.ここで文字の位置を調整します。すでに選択されている状態ですので左クリックしながらドラグして位置を決めて下さい。

１２.文字の位置が決定したら再度ツールボックスの選択をクリックします。ここで新たにずらした位置に決定されます。再度位置を調整したい場合は、１１→の項目からやり直して下さい。

１３.ここで作業し易いように画面を拡大して表示します。
メニューの表示から拡大→拡大率の指定をクリック。
拡大率を指定します。今回は６００％を選択し、ＯＫをクリック。
※実際のサイズは変わりません。

１４.するとこの様に表示されます。ここで文字以外の部分に色を着けます。まずツールボックスの塗りつぶしをクリック。

１５.そしてカラーパレットから色を選択します。

１６.キャンバス内にマウスを持っていくとツールボックスと同じペンキが垂れた状態になるので、白い部分の上でクリックします。するとこのような状態になります。この状態では「ほ」の文字の丸の中が塗れていませんので丸の中の白い部分で同じ操作をします。

１７.丸の中も塗りつぶして、これでデザインの作業は終了です。

１８.表示を通常の大きさに戻すため、メニューの表示から拡大→標準に戻すをクリック。下が実際の大きさになります。

１９.この状態を画像として保存します。メニューのファイル→名前を付けて保存をクリック。保存する場所を決めファイル名を付けます。ここでファイルの種類ですが、Yahoo!ブログでアイコンに指定できる形式はＧＩＦのみですので必ず「ＧＩＦ」を選択して保存をクリックして下さい。

これでアイコンの完成です。お疲れ様でした。
今回作成したアイコンはこれです。

作成したアイコンを利用する方法は別の記事で解説します。

ファイルのアップロード投稿編

Fri, 09 Feb 2007 03:34:19 +0900

ファイルのアップロード　投稿編

アップロードしてみよう！

さて、準備編でYahoo!ジオシティーズでホームページを開設しましたが今回はファイルを実際にアップロードしてみましょう。

アップロードする場合の注意点として
アップロードできるファイルの種類
利用できるファイル名やフォルダ名
をそれぞれ確認しておいて下さい。

それではさっそくはじめます。

１．まずYahoo!トップページでホームページ作成をクリックします。

２．次にジオシティーズトップページでホームページの作成・更新をクリックします。

３．ここでログイン画面に移りますのでＩＤとパスワードを入力してログインして下さい。

４．ここで準備編で作成した自分のホームページのＵＲＬが表示されていますのでクリック。

５．ファイルマネージャをクリック。

６．ファイルの作成・編集をするをクリック。

７．サブディレクトリの編集の項目で新規をクリック。

※サブディレクトリとはフォルダを指します。ジャンル別にサブディレクトリを作成しておくと便利です。

８．ここではサブディレクトリ名を「music」とします。そしてサブディレクトリの作成をクリック。

９．すると作成した「music」という名前のサブディレクトリがファイル名の階層に表示されます。
その表示された「music」をクリックします。

１０.そしてＥＺアップロードをクリックします。

１１.ここで参照をクリックします。
※一度にアップロードできる容量は５ＭＢまでです。

１２.パソコン本体にあるアップロードしたいファイルを選択し開くをクリック。

１３.ファイルアップロードをクリックします。

１４.右側の転送結果に「転送が終了しました。」と表示されたらアップロードは完了です。ファイルマネージャに戻るをクリックして下さい。

１５.ファイルマネージャに戻り作成してある「music」というサブディレクトリをクリックします。

１６.すると先ほどアップロードしたファイルが表示されます。そのアップロードしたファイルの右側の表示の上にマウスポインタを合わせ右クリックして下さい。そして開いているメニューの一番下のプロパティをクリックして下さい。

１７.プロパティウィンドが開きＵＲＬが表示されます。

この表示されたＵＲＬをコピーして、wiki文法の [[embed(ＵＲＬ)]］のＵＲＬ部分に貼り付ければYahoo!ブログ内で音楽ファイルを再生する事ができます。

ファイルのアップロード準備編

Fri, 09 Feb 2007 03:27:15 +0900

ファイルのアップロード　準備編

アップロードって？

まず、ダウンロードという言葉はよく耳にすると思いますがダウンロードとはサーバーから自分のパソコンにデータを受信することを指します。

反対にアップロードとは自分のパソコンからサーバーにデータを送信する事を指します。

なぜアップロードするの？

Yahoo!ブログに直接アップロードできるファイルは画像（.jpg、.gif、.png)のみで、音楽、Frash、動画などのファイルは直接アップロードできません。

Yahoo!ブログでそれらのファイルを表示するためにはWiki文法を使い、インターネット上の他のサイトなどから参照して表示させるという方法になります。

しかし自分で撮影した動画などはインターネット上に存在しないため、自らインターネット上にファイルを存在させなくてはなりません。そこでアップロードする必要がでてきます。

ここではその作業を簡単にできる方法を説明します。

Yahoo!ジオシティーズを利用しよう！

Yahoo!ジオシティーズ
ジオシティーズは、お使いのYahoo! JAPAN ID、またはニックネームをホームページアドレス（URL）として利用できるホームページサービスです。
料金は無料で、容量５０ＭＢのホームページスペースが利用できます。

自分でホームページを作成するのは容易なことではありませんが、このジオシティーズを使えば簡単にホームページ作成ができるのです。そこにファイルをアップロードするのが今回の目的です。

それではさっそくはじめます。

１．まずYahoo!トップページでホームページ作成をクリックします。

２．次にジオシティーズトップページでスタートはここから（無料）をクリックします。

３．この画面でホームページを開設する（無料）をクリック。

４．ここでログイン画面に移りますのでＩＤとパスワードを入力してログインして下さい。

５．利用規約画面に移りますので一番下の同意するをクリックして下さい。

６．次にジャンルの選択ですが一つしか選択できませんので適当に選んで次へをクリック。

７．サブドメインの選択ですがこれもどれか選んで次へをクリック。

８．ここで今後使用するホームページアドレスが表示されますので問題なければホームページの開設をクリック

９．これでホームページの開設が完了です。

開設はこれで完了しました。このまま続ける方はホームページの作成・更新をクリックして下さい。

解説の続きはファイルのアップロード　投稿編で説明します。

ブログを開設してみよう！

Fri, 09 Feb 2007 03:21:01 +0900

Yahoo!ブログの開設手順

ブログを開設してみよう！

ここではブログの開設を説明します。

１．Yahoo!トップページからブログをクリックします

２．Yahoo!ブログトップページでブログ作成をクリックします。

　 ※まだＩＤを取得していない人はこちら
　　　　Yahoo! JAPAN IDの取得方法

３．Yahoo!ブログ開設画面に移ります。

４．ここで必要な項目を順番に入力していきます。

ブログ情報

【ブログタイトル】
◇ブログタイトルはこの部分に入る表札の様なものです。
◇使用できる文字に指定はありませんので自由に設定できます。
◇文字数は全角半角にかかわらず３２文字まで入力できます。
◇ブログ開設後も簡単に変更可能です。
◇タイトルはｗｅｂ検索の対象になります。

【ブログ紹介文】
◇ブログ紹介文とはゲストブック上に表示される文章の事です。
◇文字数は全角半角にかかわらず１０２４文字まで入力できます。
◇紹介文の内容はYahoo!ブログ検索の対象になります。

ゲストブックを開くと↓この様に表示されます。

ブログプロフィール

【プロフィールの画像】
◇画像とアバターから選択が可能です。
◇画像を載せたい場合はパソコン内部を参照で簡単にアップロードできます。
◇アバターを表示したい場合はアバターにチェックをつけます。
　※アバターについては別項目で説明します。

【検索キーワード】
◇Yahoo!ブログ検索で、検索対象にしたい言葉を入力します。
◇キーワードは３つまで入力できます。
◇キーワード１つに対して１６文字まで入力できます。

５．全ての項目を入力し終えたら開設を押して下さい。

ブログ開設完了のページに移動します。

これでブログの開設が完了できました。

Ｍｙブログに移動して次はブログ管理です。

まずはＩＤを取得しよう！

Fri, 09 Feb 2007 03:08:58 +0900

Yahoo!ブログの開設手順

まずはＩＤを取得しよう！

ここではヤフーブログを開設するため必要なYahoo! JAPAN IDの取得方法について説明します。

１．Yahoo!トップページからブログをクリックします

２．Yahoo!ブログトップページでYahoo! JAPAN IDを取得をクリックします。

３．Yahoo! JAPAN ID登録画面に移ります。

４．ここで必要な項目を順番に入力していきます。

Yahoo! JAPAN ID

【ＩＤ】
◇４～３１字の半角英数字
◇最初の文字はアルファベット
◇記号で使用できるものはアンダーバー（ _ ）のみ
◇すでに使用されているＩＤは使用できませんのでエラーになり再入力が必要となります。

【パスワード】
◇６～３２字の半角英数字
◇記号で使用できるものは半角スペースと以下のものです。
　! " # $ % & ' ( ) = ~ | - ^ \ @ [ ; : ] , . / ` { + * } > ?
◇アルファベットは大文字と小文字で区別されますので注意して下さい。

お客様情報の入力

◇Yahoo! JAPAN IDやパスワードを忘れた場合に、これらの情報を元に本人確認を行います。

秘密の質問と答え

◇パスワード再発行時や変更時に必要になります。
◇９つの質問の中から選択しそれに対しての答えも入力します。

画像認証

◇悪意のあるプログラムからの不正なアクセスを防止するための認証システムだそうです。
◇写真の場合は47065と半角で入力します。

Yahoo!デリバー設定

◇Yahoo! JAPANから特集などのお知らせやYahoo!デリバー（広告メール）を受け取るかどうかの選択です。
◇必要ない場合はチェックを外して下さい。

５．全ての項目を入力し終えたら利用規約に同意して登録するを押して下さい。

入力した項目に問題がなければ下の画面に移動します。

これでYahoo! JAPAN IDが取得できました。

Yahoo!ブログトップページに戻っていよいよ次はブログの開設です。

トップ

Thu, 01 Feb 2007 16:55:55 +0900

http://www.geocities.jp/gogohokuto2007/msgbar01_black.swf?t_url=http://www.geocities.jp/gogohokuto2007/msgbar01.txt

contents

http://www.geocities.jp/gogohokuto2007/sw_menu03_white.swf?t_url=http://www.geocities.jp/gogohokuto2007/sw_menu03.txt

皆様へのお願い

記事は少しづつＵＰしていく予定ですが、掲載記事以外の内容で質問等ありましたら遠慮なくお願いします。

右側の書庫をクリックするとそれぞれリストで表示されますので見たい項目をクリックして下さい。

Yahoo!ブログをはじめる前に

Tue, 30 Jan 2007 17:23:15 +0900

Yahoo!ブログについて

ブログって？

ブログとは、自分で書いた文章や写真などを、簡単な操作で掲載できるウェブサイトのことです。

Yahoo!ブログって？

Yahoo!ブログは作成・更新が簡単に行えるブログサービスです。

Yahoo! JAPAN IDを取得すれば誰でも無料で利用できます。

　◇ 画面のデザイン・レイアウトも手軽に変えられます。

　◇ 見せたい人だけに記事を表示できる公開・非公開設定が設定できます。

　◇ ブログでアンケートがとれる投票機能がついています。

　◇ コメントにアニメーションでキャラクターの表情が変わる顔アイコンやアバターが使えます。

　◇ 記事を投稿するとき、パソコン上にある写真などの画像ファイルもアップロードできます。

　◇ お気に入り登録機能がついています。

　◇ 容量はテキスト無制限、画像は２ＧＢまで掲載できます。

　◇ インターネットに接続したパソコンさえあれば、場所を選ばず利用できます。

Yahoo!ブログをはじめよう♪って？

このブログは管理人「ほくと」がYahoo!ブログの使い方を詳しく解説します。

これからはじめようという人や始めたばかりの人、またブログをより楽しくそして華やかに作りたいと思っている人など、Yahoo!ブログのマニュアルとしてご利用下さい。

　◇ Yahoo!ブログの開設手順

　◇ ブログの機能を使いこなそう

　◇ 記事装飾のテクニック基本編

　◇ 記事装飾のテクニック応用編

皆様へのお願い

記事は少しづつＵＰしていく予定ですが、掲載記事以外の内容で質問等ありましたら遠慮なくお願いします。

右側の書庫をクリックするとそれぞれリストで表示されますので見たい項目をクリックして下さい。

ヤフーブログをはじめよう♪

Wiki文法 Section5-2

アニメーションＧＩＦの作成方法

ペイント

ペイントで名前アイコンを作ろう

ファイルのアップロード 投稿編

ファイルのアップロード 準備編

ブログを開設してみよう！

まずはＩＤを取得しよう！

トップ

Yahoo!ブログをはじめる前に

ファイルのアップロード投稿編

ファイルのアップロード準備編