また長ったらし～サブタイトルですねー 😯

WordPressのタイトル欄には、文字制限がないので出来るだけ内容がわかりやすいタイトルにしようと頑張っています。

ところで、この投稿を書いている、現在月曜日の夜なのですが、本日の『しゃべくり007』に、ホリエモンが出演していますね。当サイトにも度々登場する、僕がSNSやブログを始めるきっかけになった人です。

すごく見たいのですが、ブログ作成に集中するため、録画して、今はブログを作成しています（どーでもいー情報やったかな･･･）。

それでは、本題に入りましょう。当サイトを開設当初から見ていただいている方であれば、もしかすると気づかれたかもしれません。最近このサイトの構成が、大きく2ヵ所かわりました！気づいた方いますでしょうか！？

１つは、『Featuredエリア』の活用、もう一つは、『TwitterやFacebookのアイコン挿入』です（何のことかわからない？）。

それでは一つずつ見ていきましょう。

当サイトでは、WordPressのテーマ（フォーマット）の１つである、『Twenty  Fourteen』を使用しています。そのフォーマット内に『Featuredエリア』という、TOPページの中央上の部分に、注目記事とその画像を紹介するページが、もともと設けられています。※下記画像の6枚の画像部分がそれです。

設定一つで、この部分を設置することができます。僕は最近まで知らなかったので使っていませんでしたが、使ってみると、よりプロっぽい（？）仕様になったので、気に入っています。※少々ごちゃごちゃしてますでしょうか？

その設定方法です。

まずは、例の編集ページである『ダッシュボード』→『投稿一覧』→『新規追加』に進み、通常通りブログの投稿内容を作成するページを開きます。

次に右上にある、『表示オプション』この三角形をポチると、いろいろな項目のチェックボックスが現れます。この内の、『タグ』と『アイキャッチ画像』にチェックを入れてください。※下記画像参照

そうすると同じページの右下に『タグ』と『アイキャッチ画像』という枠が現れます。※下記画像参照

『タグ』の直下にある文字記入欄に、『featured』と打ち込み、『追加』をクリックします。これで、featuredエリアにて、投稿記事がfeatureされます。

ここで、『アイキャッチ画像』も設定しておくと、TOPページ中央上部にその画像が掲載されるので、効果的です。

この作業をすることで、その記事とアイキャッチ画像が、TOPページの上部に掲載されることになります。

といいながら、実は本稿は『featured』の設定をしていませんw。サイト作成やWordPressに関心のない方には、興味の対象外だと思いますので。反対にWordPressやサイト作成に長けている人にとっては退屈なだけの記事でしょうし・・・。

と若干自虐的になったところで、本日の記事は閉めさせていただきます。

もう一つの『TwitterやFacebookのアイコン挿入（この⇓にあるやつね）』の方法については、明日説明いたします。

Follow @yasudaKZH

本日は久々の「WordPress（ワードプレス）使ってみた」シリーズ続編です。

今回は、HTMLをつかっての記事装飾方法の一部を簡単に紹介します。

【HTMLとは】

HyperText Markup Language（ハイパーテキスト マークアップ ランゲージ）、略記・略称HTML（エイチティーエムエル）とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。※Wikipedia（下記ページ）より引用

Wikipedia：HTML
HyperText Markup Language

イマイチよくわからないですよね～。僕もよくわからなかったのですが、ようは、コンピュータ用の言語のようなものなんですね。プログラミングをするにも、コンピュータの編集をするにも、我々に見えている画面や文字とは別の『コンピュータ言語』を使用しないといけないんですね。

「コンピュータが理解できる言語（記号や半角英数字）をコンピューターに打ち込むと、我々が理解できる形で、モニター画面に反映される」といったものです。

※画像はイメージです。本投稿内容に直接関係はありません。

過去の投稿『【体験談】WordPress（ワードプレス）使ってみた』シリーズでは、画面上記にある『ツールバー』を利用して、文章を装飾する方法を説明してきました。代表的なものに下記がありましたね。

• 文字を太くする
• リンクを貼る
• 文字を左揃え、右揃え、中央揃え
• 顔文字の挿入
• 文字の色選択

しかし、それにも限界があります（たぶん。僕の知る限り）。

文字のサイズを変えたり、任意の場所で、（1行開けずに）段落を変えたり、下線を引いた入りするにはどうすればよいのでしょう。もしかするとツールバーからでも出来るのかもしれませんが僕はその方法をしりません。ググっても、HTMLをいじって修正する方法しか見当たりませんでした。

そこで必要な装飾方法のみHTMLを調べ、状況に応じて使うようにしています。本日は一部のみとなりますが、下記HTMLを紹介します。

1. 文字に下線を引く
2. 任意の箇所で（1行開けずに)段落を変える
3. 文字のサイズを変える
4. ページ内リンクに飛ばす

以前の投稿でも説明させていただきましたが、WordPressには、コンピュータ編集用のページ『テキスト』と、我々にどのように見えるかが確認できる『ビジュアル』のページがあります。

テキストのページを選択すると、上記のように</strong>や</span>なんかの文字（記号）が見えますね。これがHTMLで、文章の前や後に付けることで、その文章を装飾することが可能になります。

それでは１つずつ見てきましょう。

１．文字に下線を引く

これは極めて簡単です。下線を引きたい文章の前後に <u> ●●● </u>　を付けるだけです。※●●● に下線を引きたい文章が入ります。

もちろん編集はテキストページで行います。

『文字に下線を引く』の前後に『<u>文字に下線を引く</u>』 と打ち込みます。すると下記のように下線が表示されます。

文字に下線を引く

［HTML］
<u>文字に下線を引く</u>

※以下2015/10/26追記

ツールバーから簡単に下線を引く方法がありましたので、追記します。

入力画面上部のツールバーに『フォーマット』という項目があります（テーマ『Twenty  Fourteen』の場合）。

その右側にあるプルダウン（逆三角形の印ね）をクリックすると、下記のように、1クリックで太字や下線が引ける、アイコンが表示されます。

下線を引きたい文字を選択し、この『 U 下線 』をクリックするだけで、下線が引けるのでした。　※ここまでが後記文

２．任意の箇所で（1行開けずに）
段落を変える

通常、文章を折り返したいときはキーボードの『Enter』キーを押すと改行されます。しかしWordPressの場合、Enterキーを押すと、下記のように1行開いて改行されます。※この文章のように、行の文字数がいっぱいになって、次の段に移る場合は、1行開かずに改行されます。

これを任意の箇所で1行開けずに改行したい場合に役立つのが<br>タグです。

【通常のEnterを使った改行の場合】

⇓下記のように『開けずに）･･･』と『段落を･･･』の間に1行間隔が開いてしまいます。

任意の箇所で（1行開けずに）

段落を変える

【<br>タグを使った場合の改行】

⇓下記のように、1行開かずに改行できました。

任意の箇所で（1行開けずに）
段落を変える

こちらも操作自体は簡単です。開業したい場所に<br>を入れるだけです。

［HTML］
任意の箇所で（1行開けずに）<br>段落を変える

３．文字のサイズを変える

⇑の文字、ちょっと大きいですよね。

文字のサイズ変更には、<font size=”〇”>●●●</font>を使います。

〇には半角英数字1～5が、●●●には装飾したい文章が入ります。※1が最も小さく、5に向かうほど大きくなります。

上記の場合フォントサイズ5を使用しています。

<font size=”5″>文字のサイズを変える</font> と

文字のサイズを変える　と、なります。

［HTML］
<font size=”5″>文字のサイズを変える</font>

４．ページ内リンクに飛ばす

例：『ページ内リンク（出発点）』をクリックすると、同じページ内の『ページ内リンク（着地点）』が上部に表示される位置に飛ぶ仕組みのことです

下記のリンクをクリックしてみてください。

ページ内リンク（出発点）

着地点に飛んだのではないでしょうか。

これを可能にするHTMLが

■出発点：<a href=”#×××”>●●●</a>

上記タグ内×××には、任意の半角英数字を、●●●には、リンクの出発点の文字を入れてください。

■着地点：<h2 id=”×××”>●●●</h2>

上記タグ内×××には、上記出発点の×××と同じ半角英数字を、●●●には、リンクの着地点の文字を入れてください。

［HTML］

<a href=”#link”>ページ内リンク（出発点）</a>

<h2 id=”link”>ページ内リンク（着地点）</h2>

ページ内リンク（着地点）

※ちなみに、僕がむかーし買って一読していた書籍が下記になります。2008年に出版されたものですが、このブログを始めてから、非常に役立っています。

できるポケット仕事 使って覚えるHTML&CSSの基本がマスターできる本 改訂版 Internet Explorer7/6対応 (できるポケット）
佐藤和人 著
出版社：インプレスジャパン

※当ブログでは、あくまでIT弱者の僕が知識ゼロからHPとブログを作る中で格闘したことを紹介すると共に、自身の知見蓄積にしていこうと思い投稿したものとなります。

 
Follow @yasudaKZH

今さらながら、『プログラミング』の重要性を感じています。

まずは下記をご覧ください。

Facebook元役員「プログラミングを学ぶのなら、生涯仕事に困らないことを私が保証しよう。」

アメリカ大統領のオバマ氏も「プログラミングを学べば、あなたの未来は確かなものとなる」と発言しています。

ホリエモンも著書やブログ、メルマガなどで、『プログラミングを学ぶことの重要性』を説いています。

多くの成功者がそう言っているのですから、やらない手はないですよね。というより、これからの時代で成功するには必須条件となるのかもしれません。「できたらすごい！」ではなく、「できてあたりまえ」の時代が来るのかもしれません。今は小中学生でもやっている人が多いようですし・・・。

僕がSNSやブログを始めるきっかけとなった、ホリエモンこと堀江貴文氏は「プログラミングは出来て損はない。」「投資は皆やるべき。必須の知識。」「英語は日本の公用語にすべき。」的な発言をされています。SNSやブログは、堀江氏の言う通り、やってみてすごくよかったと（今は）思っています。と、すると、プログラミングと投資もやるべきではないか・・・と思った次第です。

※画像はイメージです。本投稿内容に直接は関係ありません。

では、早速やってみようということで、PCの前に座ってみたのですが、いざやるとなると、「そもそもコンピューター言語って何？」「何から覚えたらいいの？」といきなり壁にぶち当たりました。（なりますよね!?）

で、会社員時代に一度『コンピューターの仕組み』や『プログラミング』に興味を持ち、購入していた書籍を引っ張り出してみることに・・・。

数冊読了していたのですが、その中で特によかった2冊を本日は紹介します。

『これから始めるプログラミング 基礎の基礎』谷尻かおり著
出版：技術評論社　2013年第5刷発行

購入は2014年だったと思います。それ以前にも同類の書籍を読了はしていましたが、いずれも『コンピュータが動く仕組み』や『言語とはどういったものか』といったことにフォーカスした内容になっており、「どの言語から学べばいいのか」や「言語学習に必要な道具や環境は？」といったことについては記載されていませんでした。

それに対し当著は、コンピュータにまつわる用語、各部位の説明、コンピュータ言語とは、プログラムの構造は、などを初心者にわかりやすく説明してくれています。

当著を読んだことで「とりあえずC言語から覚えてみよう」と決断できました。

で、次に購入したのがこれ。

『C言語入門講座』水口勝也 著
出版：秀和システム　2013年7月発行

こちらも僕にとってはすごく良書でした。「C言語とはなんぞや」を説明するというよりは、実際PCを使ってプログラミングの命令を実践することで、『動作を体感することができる』内容になっていました。

Microsoft（マイクロソフト）が無償で（有償版もあり）提供してくれている『Visual Sutdio』というソフトをダウンロードすれば、C言語のプログラミングの動作確認ができる『統合開発環境 (開発ツール)』が揃うというわけです。

注）上記書籍ではVisual Studio2012を使用して説明されています（2015年10月現在、MicrosoftよりVisual Studio2015が提供されています）。

これだけの良書に巡り合いながらも、残念ながら僕は『プログラミング』の勉強を止めてしまっていました。言い訳をするとすれば、「以前使っていたデスクトップPCがつぶれた」「プログラマーになるわけではない（当時会社勤めしていた）から･･･」などでしょうか。

しかし、会社員をやめ「今後の身の振り方」を考えていた時に、冒頭のニュース（Facebookの元役員やホリエモンの発言）「これからはプログラミングの時代」を目にし、再度学ぶことを決心しました。

毎度のことですが、本日のブログも結構長くなってしまいましたので、続きは明日にします。明日は、現在僕が学んでいるプログラム言語と、その教材についてお話ししたいと思います。

Follow @yasudaKZH

同タイトルの投稿、今回で第3弾となります。

これまで2回の投稿は、「アマゾン・アソシエイト（アフィリエイト）プログラムの利用申請を（当サイトで）行ったが、2回とも却下された。」という悲しいお話でした。

しかし第3回目にして、ついに・・・

Amazonアソシエイト・プログラムから、”承認” の連絡が届きました！

バンザーイ！

と、通常こんなことで喜んでいる時点で「レベルが低い」と、ご指摘を受けそうですが、IT弱者だった僕が、使ったこともないword press（ワードプレス）でサイトを立ち上げ、これまで却下されてきたアマゾンのプログラムに承認されるまでに成長したのです！やっぱ嬉しいですよね！

初めて同プログラムに申し込んだのは、今年の8月後半でした。立ち上げ間もなかったからなのか、訪問者がほとんどいなかったからなのか、却下。

2回目の申請は、約1カ月後の、9月18日ごろ。少しは訪問者も増えていたので、「今度こそ！」と臨んだ、第2回。またしても却下。

そして3回目となった今回です。「同じ内容で申請しても却下されるのがおち」と色々ググって、SEO対策なんかも出来るだけ取り入れてみました。トップページやサイトマップの構成を整理したことも奏功したのでしょうか。ようやく「承認されました」との通知が来ました。

※これまでの経緯については下記ご覧ください。

• 第1回【体験談】Amazonアソシエイト（アフィリエイト）・プログラム申し込みしてみた1
• 第2回【体験談】Amazonアソシエイト（アフィリエイト）・プログラムに申し込んでみた2

※画像はイメージです。本投稿に直接は関係ありません。

『アソシエイト（アフィリエイト）・プログラム』にあまり馴染みがない方もおられるかと思いますので簡単に説明しておきます。

同プログラムに申し込みをすると、アマゾンで販売している商品の（イメージ画像付き）リンクを、自分のサイトに貼ることができ、自分のサイトのリンクから商品が購入されると、自身の口座に、その売り上げの数パーセントが振り込まれるというシステムです。

アマゾンの宣伝をするかわりに、「もしそのサイトで商品が売れたら、宣伝費を出しますよ～」というシステムですね。

だからと言って、僕は現時点で「広告を載せまくって、アフィリでどんどん稼いでやろう」というつもりはありません。サイトのコンセプトやイメージを崩したくありませんし、そもそもガンガン稼げるだけのサイトでもないですし ｗ

ですが、アソシエイト・プログラムに承認されたことで、今後、当サイトで紹介する著書や音楽コンテンツについて、その表紙やパッケージの画像を掲載できるようになりました。

これが大きいと思っています。やっと著作のイメージ画像を堂々と掲載できるようになりました。

※本やCDのパッケージ画像にも著作権が発生するため、これまでは安易に画像を撮影したものや、スクリーンショットを掲載することが出来ませんでした。

それでは具体例を見てみましょう。

初めて掲載する書籍は・・・やはり堀江貴文氏の『ゼロ』をおいてほかにないでしょう。僕をSNSやブログに導いてくれた1冊です。

次に、かん吉氏の『人気ブログの作り方』および『ブログ起業』ですね。僕のブログは当作品の教えに従って作成しています。ブログを始めてすぐ「どうすれば皆が読んでくれるようなブログになるんだろう」という問題にぶち当たりました。運よく、その頃に当作品を知り、『人気ブログの作り方（タイトルそのまま）』や『ブロガーとしての心構え』などを教え込まれました。
※「アフィリの設置は、できるだけファンがついてから･･･」という箇所については、事情により教えを守ることができませんでしたが・・・。

※当サイトでも過去に紹介しています。

■過去のブログ投稿より
【IT】ブログ作ってみた。

■読書感想文
読書感想文・ビジネス系

そして今回、承認を受けたことで最も大きかったのが次の点だと僕は考えています。

壁を乗り越えようと苦慮し、乗り越えた自分自身の姿勢と、それを応援、協力してくれた友人や知人、読者の存在です。

世界的企業（Amazonプログラム）の規定を満たすサイトになるにはどうすればよいか？を試行錯誤し、改善、改良したこと。毎日有効なコンテンツを提供しようと努めたこと。そして、友人、知人、読者の方のおかげもあって、本サイトが成長できたこと。これらが何よりも大きな財産となるような気がしています。

まだまだこれからのサイト（ブログ）ですが、今後ともよろしくお願い申し上げます。※ちょっと大げさやったかな？ｗ

昨日までは、僕が現在患っているウィルス『帯状疱疹（たいじょうほうしん）』について、お話してきました。※今も痛みと闘いながら記事を書いています。

本日は僕が最近購入したデスクトップPC（DELL）についてお話します。

実はこのパソコンが届いたのは先週のこと。それまではノートパソコンのSony VAIO（下の画像にあるちっちゃいやつね）を頑張って使用していたのですが、さすがにメモリやディスク容量に無理があったのでしょうか、HP作成やブログ更新などの際、不便を感じたためデスクトップPCの購入に至りました。

以前使っていたデスクトップが壊れたのが約1年前・・・。「別にVAIOで問題ないやん」と、当時外泊用に購入していたノートPC（VAIO）を有線ケーブルでネットに接続、モニターやキーボード、スピーカーにプリンターなどもつないで、メインPCとして使用していました。

このVAIO、小型かつ軽量のわりに非常に優れものです。それほどPC使用頻度の高くない人であれば、メインPCとして使用しても遜色ないほどです。ただ僕の場合、画像編集ソフトや動画視聴、バックアップソフトのインストールなど、かなり容量を食っていた上に、最近はブログも毎日更新するようになっていました。徐々にパフォーマンスが落ち、メモリやドライブの空き容量も枯渇、極めて動きが遅くなりました。ネット接続なども、「初期のスマホよりも遅いんちゃうか！」というほどのんびりとしたものになりました。※動画などはスローモーションかコマ送りかというぐらい動きが悪く、まともに見ていられないという始末。）

で、いよいよ観念し、デスクトップパソコンを購入しました！

『パソコン購入』など、ほとんどの人が1度は経験しているでしょうし、PC購入について皆さんが知らないような特別な情報やネタを提供できるわけではないので、「特にブログにUPする必要ないか･･･」と思いスルーする予定でした･･･が、

「ブロガーの風上にもおけん！」

という天の声が聞こえ、このたびUPすることにしました。確かに、ブログの本質は『日記』なのであり、将来過去の投稿を見直した時、「この時は、こんなこと考えていたんだ」とか「この時、こんなことがあったんだ」「この時は、この程度の知識だったんだな」など、振り返りに使うことができます。日常生活において『新しいPCが届く』というのは年に1度あるかないかのイベントです。これを放置する手はない（ブロガーの風上にもおけない）と思いました。

そこで、事後撮影になりますが、下記のように撮影してみました。

↑ 到着時はこんな感じ。

←開けるとこんなん。

※事後撮影なので、PCはすでに僕のデスクに設置されています。

←キーボード

梱包はしっかりされていますね。

ジャジャーン！

と、まーこんな感じ。

次に購入までの経緯をお話しておきましょう｡

「メインPCを買おう！」と思い立ってすぐに、「どんなパソコンにしよう？」と、ネット検索、下記サイトを参考にしました。

デスクトップパソコン選びのポイント

ノートでもデスクトップでもよかった（むしろ外出、外泊も多いことを考えるとノートのほうがよかった）のですが、価格面や、今後の拡張性を鑑みると、デスクトップかな･･･と決断しました。※今後プログラミングも学びたかったし･･･。

どんなデスクトップがよいか、を調べていると、「DELLのPCはなぜ安いのですか？」という知恵袋に遭遇、「この理由なら特に問題なし、DELLのPCでいいかな」と思い、DELLのPCに照準を絞りました。

DELLのPCはなぜ安いのですか？

そしてDELLのホームページへ。

DELL デスクトップパソコン

ちょうど割引クーポン期日の当日だったため、あわてて（※）その日のうちに購入。※しっかり、メーカーの戦略にはまっているｗ

スペックは下記のような感じです。上記で紹介したリンク「デスクトップPC選びのポイント」で記載されていた条件はクリアしています。その中で価格が安かった本製品を選んだわけです。

ベース：OptiPlex 3020 SFF BTX
ベースOS Windows8.1   64ビット
メモリ：8GB
ハードディスク：1TB
価格：7万円強  ※保障や数点のオプション含む

と、まーこんな感じです。慣れない ”機械もの” の紹介だったため、めちゃめちゃ肩が凝りました。脇腹は相変わらずジンジンゆーて痛いし・・・。

↓多少スペックは違いますが、アマゾン・アソシエイトにあった近しいものを今回は紹介させていただきます。

アウトレット品 Dell OptiPlex 3020 [メーカー保証：2019年8月26日まで] ( Windows 8.1 64ビット / Core i5-4590 / 4GB / 500GB / DVDスーパーマルチ / 液晶別売 )

Tweet