虚空帝、降臨。~退屈な日常に革命を巻き起こす~(X1)

親愛なる皆様、はじめまして。虚空帝ことトランスエンペラーです。つまらない世界に革命を巻き起こすべくこの現代社会に降臨させていただきました。

正体は明かせませんが、とある地球人の身体を借りて活動しています。

このブログでは私自身が興味のあるナウな話題を基に調査、研究し、それに対する見解を発表していきたいと思います。

具体的には現代哲学、現代科学、インターネットビジネスや一般ビジネス、企業の知識、恋愛、コミュニケーション、トークスキル、カラオケ、旅行、観光地情報、商品や商業施設まとめ、現代アート、面白い映画やドラマ、ゲーム紹介など1つの分野に捉われず発信、追求していきます。いわば我流Wikipediaです。

私の執筆には無駄がありません。物事の本質を捉え、正しく、分かりやすく解説します。

また、私の忠実なる下辺達、題して虚空軍団(コクウファミリー)達も登場し、ステージに華を添えますので是非お楽しみ下さい。

どうぞ皆様お付き合いの程よろしくお願い致します。

『ヒロハタワールド』

⇒私が創造した世界と世の中の知識を体系化したサイトです。よろしければこちらにもご訪問いただき、存分に楽しみ、生活のお役に立てていただければ幸いです。日々最新情報に更新していき、内容もバージョンアップしております!

虚空カラオケ(7)YOASOBI、Ado、back number(X177)

★ターゲット:最近の若いもんの心をつかみたい輩

どーもー!虚空ミクでーす★ 最近カラオケ行ってるー?そろそろコロナも落ち着いてきたし、カラオケ再開してうっぷんした気分を開放しちゃえー!

でもさでもさ、カラオケの永遠のテーマでもあるんだけど、問題は何歌えばいいか?って超悩まな~い??でも大丈夫!最近のトレンド押さえとけば間違いないから!ってことでいくつか紹介しちゃおう!!!

(1)YOASOBI

最近よく聞くよねー!小説を音楽にする歌手なんだって!女性版スピッツっぽいと思うの私だけ??何はともあれ、YOASOBIは覚えておいて損はない!ってことでいつくかおすすめ曲紹介しよかな。

・夜に駆ける

・もう少しだけ

・ツバメ

●夜に駆ける

YOASOBIのデビュー曲で、一番有名な曲みたいだよ★一番最初から売れるってすごいねー!曲調疾走感溢れる感じだけど、なんと自殺をテーマにした曲なんだって!明るい曲調なのに意外!!!

●もう少しだけ

2021年5月に出た割と新しい曲!タイトル通り、もう少し優しくなろう、勇気を出そう、前向きになろうっていう気持ちになれるよ!いい曲!!

●ツバメ

2021年10月25日と、出たばっかのほやほやの曲!!NHKの子供向け番組のテーマソングとなってるよ♪  曲はコーラスが入った豪華な歌で、歌詞も「僕らは色とりどりの命とこの場所で生きている」という明るい感じになってるよ!




(2)Ado

Adoも最近よく聞きますね~!なんといっても「うっせぇわ」という歌が強烈すぎてww なんと、これがAdoさんのデビュー曲だそうです(笑) 最初からやってくれますね~!

「一切合切凡庸なあなたじゃ分からないかもね~」や「くせえ口塞げや限界です」など過激な歌詞が働く人達の共感を呼んだみたいですね!!

(3)藤井風

車のCMで聞いたことありませんか?どこかで聞いたことあるような懐かしいメロディ…それはトトロ!じゃなかった。藤井風の「きらり」という曲ですね(笑) この曲、一聴するとトトロの挿入曲「風の通り道」のカバーかと思ったんですが、別の曲です(笑)

まあ、藤井風さんイケメンだし、爽やかで疾走感溢れるナンバーなので、これはこれで好きになれるかと!歌詞も「新しい日々も 拙い過去も すべてがきらり」という嫌なことをサーッと流してくれそうな1曲です!!

(4)back number

back numberは活動自体は2004年~とわりと古参なんですが、まだまだ現役でヒット作を生み出し続けている猛者(もさ)です!主に恋愛をテーマにした曲が多く、歌詞も独特な視点ながら世の男性たちの共感を呼ぶものとなっているようです!メロディも秀逸でいい曲ばっかなので、カラオケでも外さないかと!おすすめはこのへんですかね~?

・瞬き:2017/12~

・恋:2012/3~

・花束:2011/6~

・わたがし:2012/7~

・高嶺の花子さん:2013/6~

・エメラルド:2020/10~

・怪盗:2021/5~

・大不正解:2018/8~

●怪盗

この中で一番新しい曲だねっ!「君の笑顔盗む奴から君を盗むのさ」というユニークな表現がいい!街で歩いてる、幸せそうなカップル…俺ならもっと、私ならもっと…って思わない??

相手が結婚してたらアレだけど、未婚ならまだ諦めるのは早いぜ!!どうしても射止めたい人がいるなら、この歌に出てくる主人公の怪盗のように、さらっと異性のハートを盗んじゃえ!!!

あ、でもちゃんと力を蓄えてからね。

『ゲオ宅配レンタル』:(株)ゲオネットワークス


ゲオのサイトからCDやDVDをレンタルの注文して、自宅まで届けてくれる!最近配信が流行ってるけど、配信されてない曲とか映画もあるし、そういう作品はこの宅配レンタルつかっちゃおう!!

2021年恋愛競争-犯罪にならない範囲で(X176)

★ターゲット:恋人作りたいアナタ!」

オホホホ!アタシは虚空キューピット!あら、ここを覗いてるアナタ!まだ恋人いないの??ダメね~!恋人作ったらそりゃ人生変わるわよ?そうね~、ここはアタシがサポートしたげる!!参考にしてね♡♡

(1)利用者が多いマッチングアプリを使おう!

マッチングアプリっていっぱいあって、どれ使ったらいいか迷うわよね??でも1つ、大きな目安になるのがズバリ、利用者数よ!!「アプリ名 累計会員数」でざっと調べてみたところ…

・ハッピーメール:2,500万人以上

・PCMAX:1,600万人以上

・YYC:1,500万人以上

・ペアーズ:1,000万人以上

・タップル:700万人

・Omiai:600万人

・With:500万人

…となっているわ。まあ、ハッピーメールやYYCは会員数こそ多いけど、他のサイトに誘導しようとしたり、援交系の業者が紛れてるからそこは要注意ってとこね♡ 巷ではペアーズを推す人が多いみたい♡ まあ、利用者は多い方が相手を見つけやすくていいけど、アプリとの相性もあると思うから、1通り使ってみるといいわよ♥

(2)2021年版:モテる職業って?

ちょと聞きたいんだけど、男女問わず、働いてない人って魅力的かしら。多くの人は、怠け者というレッテル貼られて相手にしないんじゃない?まあ、よっぽどイケメンとか美女なら別だけど…オホン!とりあえず、モテると集計のあった職業をまとめてみたわよ!!




●男性のモテる職業

・医師

・美容師

・パイロット

・公務員(警察官、消防士など)

・弁護士

・ミュージシャン

・スポーツ選手

・ホスト

●女性のモテる職業

・キャビンアテンダント

・モデル、女優、アイドル

・看護師、医師

・保育士

・アナウンサー

・美容師

・公務員(教師など)

…とまあこんなもんだけど、モテたいがためにこういう職業に就くのもどうかと思うわねえ…結局その人の人柄が大事なんじゃないかしら?イヤイヤなりたくもない職業に就いたって、長続きしないと思うわ。

(3)マッチングアプリを攻略しよう!

今の時代で流行ってるのはやっぱりナンパよりマッチングアプリかな~。でも何事もやり方次第!ってことでコツでも解説しちゃおかな~(^^♪

●メールの長さは長すぎず、短すぎず!

はじめは当然だけどメールからのやり取りになるよね。そこで大事なのが、やり取りを継続させることね!

長すぎると相手も返すの大変だし、短すぎると会話続かないよね~。質問とかは、1回の返信で複数せず、1つに絞ったほうが吉よ!!

●連絡先交換とかすぐ会おうとするのはNG!!

これは女性視点かもだけど、直接ラインとかでやり取りしたり、会ったりするのは相手のことをある程度知ってからがいいって思ってるわ!だからお互いの仕事とか趣味の話とかして、この人とは会ってみたいな♪って思わせることが大事なの♪

(4)恋愛は100%自分のため!本気になろう♪

あの人と付き合いたいけど、自分には自信がない…見てるだけ(‘ω’)とか言ってるあんた!!そんなんじゃ一生独り身ね!( ゚Д゚)

仕事を淡々と真面目にこなすのもNG!それじゃ仕事はできても恋人はできないわ!!職場では私語禁止って言われるだろうから、矛盾してるだろうけど、本気で好きな人がいるなら自分のためにはルールを逸脱してでもアピールすることが必要よ!

極論、犯罪にならなけりゃいいんだから。犯罪ってのは下記の通りね。触ったり執拗に追いかけたりせず、話しかけるだけなら全然オッケー!

・強制わいせつ罪

・ストーカー規制法

・迷惑防止条例違反(痴漢)

『結婚相談所Bridalチューリップ』:(株)ナウい



もう年齢的に普通の恋愛もする時間ない!!っていうお急ぎのアナタには、結婚相談所を推奨するわ♡

↑は結婚相談所の中ではFacebookでNo.1のいいね!数を獲得している人気の相談所で、入会後のサポートが手厚いところがいいわよ♥♥

 

5Gルーター、周波数帯の違い、通信規格(X175)

★ターゲット:エンジニア関係の仕事したい人

どうも!虚空クリフトです!いやはや、時代は5Gですね~、ドコモ、au、ソフトバンクの3強が5Gルーターこぞって出しちゃいましたよ!これからの時代、インターネット、通信のことに詳しくないと生き残れないかもしれません!というワケで、これを見ている皆さんとご一緒に、正しい知識を身につけていきましょう!

(1)5Gのホームルーターについて

5Gのホームルーターがあれば、端末側が5Gに対応してなくてもWi-Fiで5Gの通信を利用することが可能っす!5G基地局はドコモ、au、ソフトバンクごとに対応エリアが異なり、ホームルーターの性能により通信速度も違います。というワケでまず通信速度の違いを比較してみましょう!

・ドコモのhome5G:下り最大4.2Gbps、上り最大218Mbps

・auのホームルーター5G:下り最大2.7Gbps、上り最大183Mbps

・ソフトバンクのAirターミナル5:下り最大2.1Gbps、上り不明




(2)周波数帯について

5Gと一口にいっても、複数の周波数帯があり、それぞれ使い分けられてるんですよ。

●28GHz

5Gの世界で「ミリ波」と呼ばれるものっす。ミリ波の長所は超高速通信、超低遅延、多数同時接続できること。短所は障害物に弱い、電波の範囲が狭いこと。

●4.5GHz、3.7GHz

5Gで使われる、6GHzに近い周波数帯として「sub6」と呼ばれます。この周波数帯はこれまでもLTEや無線LANで使用されております。sub6はミリ波のデメリットをカバーしており、障害物や雨の影響を受けにくく、電波の範囲が広いという特長がございます。短所はミリ波より低速で、同時接続可能台数が少ないこと。

●3.5GHz、2.5GHz、2.1GHz、800MHz

3.5GHzや2.5GHzは4G向けの周波数帯で、主に携帯電話で使用されています。

2.1GHzや800MHzも携帯電話向け周波数帯ですが、4Gだけでなく3Gでも使われており、上記2つに比べ通信速度は低下します。プラチナバンドといわれる800MHzは、周波数が低いので、建物内や山間部などで電波が回り込み、拾いやすくなります。周波数は高くなればなるほど、光のように直線的になるみたいですよ。

●5GHz、2.4GHz

Wi-Fiで使われる周波数帯です。他と比べおなじみの人が多いかと!

5GHzは高速で通信ができ、ほかの家電で使われてない周波数帯なので電波干渉もしにくいという長所がありますが、壁などの障害物があったり遠くまで電波が飛ばないという短所がございます。

2.4GHzは電波が遠くまで飛び、壁など障害物にも強いです。しかし家電やBluetoothなど、ほかの機器も利用する周波数帯なので、電波干渉を起こし、電波が弱まりやすいという短所がございます。最高の通信速度も5GHzに比べ低速です。

(3)Wi-Fiの通信規格について

Wi-Fiには2.4GHzと5GHzという周波数帯の中に、通信規格IEEE802.11〇というものがあります。〇の中に記号が入り、通常はWi-Fiルーターごとに端末ごとに自動で切り替える自動設定になってます。通信規格により最大の通信速度がかなり違い、端末側が該当の通信規格に対応してないと使うことができません。新しい通信規格の順に並べると下記の通りです。

・ax:最大通信速度9.6Gbps(2.4GHz、5GHz対応)

・ac:最大通信速度6.9Gbps(5GHz対応)

・n:最大通信速度600Mbps(2.4GHz、5GHz対応)

・a:最大通信速度54Mbps(5GHz対応)

・g:最大通信速度54Mbps(2.4GHz対応)

・b:最大通信速度11Mbps(2.4GHz対応)

『ドコモ home5G』:アイ・ティー・エックス(株)



こちら代理店さんより、最新の5Gホームルーターの販売ですよ!こちらよりお申し込みいただければ、オプション加入条件なしで、「キャッシュバック15,000円」を贈呈されます!!

キッズ・ウォーから人生を学ぼう(X174)

★ターゲット:人生に迷いし子羊

ヒャッッッホウ!!わがはいは虚空ダイモン。いかがおすごしかな?最近わがはいのマイブームはU-NEXTでキッズ・ウォーを見ること!キッズ・ウォーは、結構古いドラマなので知らない人は知らないかもな。1999年から放送されていた、今や大女優として活躍している井上真央主演のファミリードラマである。

キッズ・ウォーは全部で5シリーズと、2003年まで続いており、中心となる役者は連続で出演しているので、役者の成長っぽりも見どころである。

(1)今井茜の人情を見習うべし

まず何といってもこのドラマの素晴らしいところは、主役「茜」のかわいさと男らしさ、正義感溢れるキャラクターっぷりであろう。今野翼や風間一平、武井文太といった最初は不良っぽいやつらと衝突しつつも、彼らの家庭の事情などを知ることで気にかけ、積極的に声をかけたり、彼らの家族が困っているのを助けたりして好感度を高め、仲良くなっていく過程がとても良い。普通の人なら、こういう不良っぽい奴らとは関わりをもたないようにするだろう。

また、シリーズ通して茜の恋愛にも注目である。シリーズ2~4では今野翼、風間一平、黒木祐太郎といった人物が茜の恋愛対象として描かれる。しかし茜は女女してないので、愛情というよりは友情を強く感じる。また、茜はとても優しく、翼や黒木には片想いをしている女子がいるのだが、それを知った茜は彼女らに気を遣って近づきすぎないようにするなど、みんなに優しいのだ。

そんなこんなで翼らと親しくしつつも、結局茜は誰が好きなのかという疑問がこのドラマの問題になるのだが、パート4後のクリスマスSPにて、その謎が解き明かされる。クリスマスSPでは翼や黒木が出てくるのだが、2人からクリスマスに誘われ、どっちか選ばないといけないという決断を迫られる。茜は悩んだあげく、翼を選んだ。恋愛とは優しさだけではできない。残酷さも必要ということだ。




(2)今井健一の自分らしい生き方を見習うべし

このドラマでは茜以外でも、健一も好感がもてる。健一は今井ファミリーの長男にあたる人で、シリーズ通して最も成長した人なんじゃないかと思わせる。最初はなよなよした頼りないキャラで、父親の再婚相手である茜に対して敵対心を抱いていたが、小学校でいじめに遭い、茜に救われたことで茜と打ち解けていく。

そして不登校になるが、学校の規則に縛るやり方が自分に合わないと思い、フリースクールに通うことに。そこでは自分でカリキュラムを組んで自由に勉強したり遊んだりすることができる。そして学校でいい成績をとることよりも、1つの事に秀でてNo.1を目指せば、将来手に職をつけられるのではという断固とした考えをもつようになる。その考えをもつ背景として、父親である今井大介はいい大学を出て大企業に入社したが、リストラに遭ったということもあった。

また、健一は普段真面目だが、茜の下着を見て興奮したり、エロ本をたくさん隠しもつなど、スケベなとこも男なら共感できるだろう。

(3)シーズン5では衝撃な展開・・・!

ベルセルクの蝕なみに強烈である。茜の母親と再婚相手の父親が降板するのだ。これはどうやら母親の春子役の生稲晃子(いくいなあきこ)が結婚、妊娠したとかが理由らしい。これまで今井家を引っ張ってきた2人だけに、いなくなるのはかなり悲しい。役者都合で死なせるというのはわりとよくあるようだ。シリーズ通して、メインキャラ以外(先生役とか)が変わってるのも役者都合の可能性が高い。

シリーズ通して、嫌われることを知りながら役者を務めた悪役さんたちにも拍手だ。今井家の一見優等生の問題児、今井里香や、やたらとどなりつけたり規則で縛ろうとする先生、そこらへんの不良たちなど。彼らがいてこそ物語が成り立つ。

『U-NEXT31日間無料トライアル』


キッズ・ウォーを全シリーズ見たいならコレ!無論、キッズ・ウォー以外でも配信されている作品数は多く、動画配信サービスの中ではトップクラス。

サイトにAjaxいいねボタンを設置しよう(X173)

★ターゲット:サイトにいいね!ボタンを実装したい人

オラオラオラー!どうも虚空シャークです。オレは猛烈に感激している…これまで幾度なく挑戦してきては敗れた因縁のボスを倒した心境だ…最近、プログラミングの勉強がてらサイトにオリジナルのいいね!ボタンを設置したいと思い、あれやこれやと調べていたのだが、最も有力と思えるサイトを発見!それがAjaxいいねボタンである。

※Ajaxいいねボタンのサイト

このサイトでは、無料でいいねボタンの設置をサポートしてくれる。ただし、ただ与えられたコードを貼り付けてできるような生易しいものではない…そこで手順を解説したい

(1)まずはAjaxいいねボタンをダウンロードしよう

※Ajaxいいねボタンインストレーションガイド

上記URLに手順がガイドされている。手順では、インターネットしたファイルを解凍し、自分のサイトにアップロードするように書いてある。このアップロードだが、オレは愚かなことにHTMLファイルに入れるだけだと勘違いしていた。

そうではなく、サーバーにアップロードするにはFTPツールというのを使わんといかん。FTPツールも色々あるみたいだが、オレの場合はホームページビルダーを使ってるので、その中に「ファイル転送ツール」というのがある。それを起動し、public_htmlのとこに指示にある「iine」フォルダをドラッグ(移動)する。すると自動的に高速で文字がバババって出ていかにも転送されてるようだった。




(2)インストレーション・ウィザードを実行する

ここが一番手こずった…なにせ説明に書いてある「ブラウザでiine/install/index.phpを開けてください」の操作が意味ワカランカッタからだ。この文章をそのまま受け取ると、iine/install/index.phpをそのままコピッてMicrosoft Edgeとかのブラウザで貼り付けてアクセスするのだが、PHPのインストールサイトとか検索結果が出てくるだけ…PHPのインストールが必要なのか?と思いPHPのインストールまでしてしまう始末…

自力で考えても分からなかったので、運営もとに問い合わせてみることに。すると、サイトのURL教えてもらえばこっちで試してみるとのこと。すると返ってきた答えが、普通にできましたとのこと。答えは、単にiine/install/index.phpで開くんじゃなくて

(自分のサイトのURL)/iine/install/index.php

が正しかったようだ。多分こう書いてくれんとワカランと思う…これで無事説明通り、「スタート」ボタンがある画面に進んだ。

(3)MySQLの情報を入力する

ここも若干苦戦した。まずMySQLとは何ぞや?ということ。分からないのでググると、世界で最も利用されている、データベースを管理するソフトウェアらしい。これもインストールが必要かと思い、インストール。しかし結論、先ほどのPHPやMySQLのインストールは不要だったことが分かった。なぜなら、オレが今契約している「エックスサーバー」では両方とも実装されているからだ。

ここではMySQLのホスト名、データベース名、ユーザー名、パスワードを入れる必要がある。エックスサーバーで契約している場合はエックスサーバーのサーバーパネルにログインすれば確認できる。アクセス所有権を与えないとログインできないので注意な。

これでログインできれば、いよいよコードの生成画面になる。アップロードしたiineフォルダにいくつかのバリエーションのいいねボタンが入ってるが、Ajaxいいねボタンのトップページからほかにも色んな種類のボタンテンプレートがダウンロードできるので、これを上記の要領で自分のサイトにアップロードすれば使えるぞ!

『高速・高機能のレンタルサーバー【エックスサーバー】』



Ajaxいいねボタンを実装するにあたって、一番恩恵を感じたのは、俺様が契約してる、このエックスサーバー様様さ。これさえ契約してれば、PHPやらMySQLやらインストールしなくてもできたのだからな。何より容量300GBってのがすごい。オレは数年ホームページを作ってるが、まだHTMLファイル2GBぐらいしか消費してないぜ。ほかにWordPressも使えるし、言うことなし!

ウェブ知識-HTML5、PHP、MySQL(X172)

★ターゲット:ウェブページにいいね!ボタン設置したい人

ども~!虚空ポンタです!WEBサイトであれやりたい!これやりたい!ってのはあるんだけど、ピンポイントで解説してくれるサイトや本が中々見つからなくて難しいよ~!

今回のテーマは、ウェブページで「投票」ボタンや「いいね!」ボタン、「お気に入り」ボタンとかなんでもいいんだけど、押された数によってページ上で集計されていく仕組みを作りたいんだよね~!

でも思ってたより数倍困難(>_<)調べた中で一番信頼できそうなのが、Ajaxいいねボタンっていうサービスなんだけど、このサイトの手順通りコード貼り付けしても反映されない…そこでまずPHPとMySQLを使用…とあるので、とりあえずこの2つを公式サイトからダウンロード。

また、今僕が使ってるのはホームページビルダー19でHTML5に対応してないっぽい?から新しいホームページビルダー22を購入し、HTML5仕様にした。いいね!ボタンを実装するためにあれやこれやと試してるけど、まだ実現できていない。

一応、サイトに問い合わせしてみたけど予想通り返信こないし、自力で解決するしかない孤独な戦いですよ。分からない単語も山ほどあるから、1つ1つ勉強していくしかないと思うんだ。というワケで勉強スタート!




(1)HTML5

今まで気に留めたこともなかったけど、HTMLにはバージョンがあるんだねえ。今までずっと使ってたのがHTML4で、これは1997/12に登場したという大分古いヤツ(笑) で、今回使い始めたのがHTML5という最新型で、これでも2014/10に登場したものだ。主な違いや特徴を列挙するね。

●HTMLソースの先頭に<!DOCTYPE html>が入る

HTMLソースを出したさい、<html>より先頭に<!DOCTYPE html>と入っていればHTML5で作られているということ。

●<font>タグ廃止

今まで当たり前のように<font size=”4″>とかで文字サイズとか指定してたけど、HTML5ではこの記述方法は推奨しないみたい。でも使えるっちゃ使えるけど。

代わりに<span style=”font-size:15pt;”>などのように、<span>タグで文字の背景色とかまとめてCSSで指定する仕様になったみたい。

●他の言語やファイルの埋め込みに柔軟に対応できる

これよこれ!要はPHPとかに柔軟に対応できるってことやろ??これに期待!!

(2)PHPとMySQL

PHPはウェブ系のプログラミング言語だね。利用してるサーバーが対応してればHTMLソースにそのまま書くことができるよ。記述方法は<?phpから始まり?>で終わる。

MySQLとは何ぞや?なんだけど、海外のOracle社が提供し、世界で最もメジャーなオープンソースソフトウェアだそうだよ。オープンソースっていうのは、ソフトウェアを構成しているプログラム(ソースコード)を無償で一般公開すること。よって誰でもソフトウェアの改良や再配布ができるらしい!

仕事の現場でもよく利用され、Yahoo!やGoogleも利用しているというから信用していいと思う。SSHやSSLでセキュリティも万全だって!僕もインストールしてみたけど、文字は全部英語で取っつきにくい(;’∀’)

『【電子書籍】PHPとMySQLのツボとコツがゼッタイにわかる本』:横山達大

いいね!ボタンをページに設置しようという、今回の目的に沿った素晴らしい本。AjaxいいねボタンはPHPとMySQLで動作してるらしいから、この本を見れば仕組みが分かるのでは??

サイトやWordPressでポップアップを作る(X171)

★ターゲット:サイトでプログラミングしたい人♥

やあ! 私は虚空ウサ♥
ITで生計を立てたいチミ達のためにがんばるよ♥

プログラミングって今とっても需要あるよね~

でも複雑なコードだけ学ぼうとしてもイマイチ頭に入ってこないと思う。 プログラミングってサイト作ったりアプリ作ったりと実践ありきだと思うんだ。

というワケでこの回では、サイトを自分で作り、サイトにプログラミング要素を取り入れちゃおう★という回だっ! ついてキテネ♥

そうだな~、では今回は初心者向けに、サイトで何かボタン押したらポップアップウィンドウが出るように仕掛けを作ることをテーマにしちゃおう!

(1)ボタン作ってポップアップウィンドウ出そう!

サイトにはボタンを設置できるんだ。 ボタン+ポップアップウィンドウ相性がいいよ。 例えば〇×クイズなら、〇のボタンと×のボタンを作れば、それを押してなんらかの回答を出すことができるからねっ! 回答はポップアップウィンドウ(画面真ん中とかに出てくるヤツ)で表示させるボタンの設置方法はHTMLの知識になるんだけど、コードはね…

<button type=”submit”onClick=”alert(‘〇〇’);” >(ボタンの中の文字や画像)</button>

だね。 意外と簡単やろ?? 〇〇にはポップアップウィンドウで表示させる文言を決められるよ! (ボタンの中の文章や画像)っていうのは、ボタンの中に表示させる文字や画像を指定するんだ。

あ、WordPressだとデフォルトではJavaScript実装されてないのか、プラグインの導入が必要みたいだね汗




(2)WordPressでポップアップウィンドウ出すには?

かくいうこのブログはWordPressで書いてるんだけど、WordPressは初心者には使いやすくていいけど、慣れてくると自由度は低いことに気づく(‘◇’)ゞ コードの融通利かんし! JavaScriptも最初は使えないみたいで、ポップアップウィンドウとか出すにはプラグインをインストールするなどの方法があるみたいだね☆

調べたら「Popup Maker」というソフトがいいみたいだ☆インストールは左上の三本線→プラグイン→新規追加→プラグインの検索からできるよっ!

●ポップアップの作成

まずはポップアップウィンドウを作る作業からだね。まず編集画面がほとんど英語なので、分かりやすくするためマウス右クリックで日本語に翻訳しておこう。

やり方はWordPressトップ画面の左上の横三本線→「ポップアップを作成する」→「ポップアップ名、ポップアップタイトル、本文」を記述→画面下の「トリガー」→「新しいトリガーを追加」→「追加」→「追加」→「公開」でできるよ!

ポップアップ名というのは、他と区別するためのデータ名で、ポップアップタイトルは、ポップアップ画面の左上に表示される大文字だね。本文にはポップアップで表示させたい文字や画像、動画などを自由に記述できるよっ!

トリガーっていうのは、ポップアップが起動する条件のことだよ。これは2通りあって、何か文字や画像をクリックしたらポップアップが出るのか、一定時間経過したら自動でポップアップが出るのか指定できるんだ。デフォルトでは「クリック型」になってるよっ☆まあ、これが一番無難だからね(^^)

ポップアップが作成できたら、いよいよブログに導入する番だ。まず、作成したポップアップのコードをコピーしなければならない。やり方は左上の横三本線→「すべてのポップアップ」→使用したいポップアップタイトルの右横に表示された「popmake-〇〇〇〇」という文字をコピーしよう。そしてブログの編集画面を開き、ポップアップの起動条件にしたい文字や画像の部分を下記コードで囲もう。

<span class=”popmake-〇〇〇〇”>(対象の文字や画像)</span>

今日のテーマは理解できたね!??

『【Amazon Kindle版】いちばんやさしいWordPressの教本』:石川栄和ほか

WordPressは使いやすいけど、プラグインとかが英語で解説されていたり、分かりづらい点もあるので、本を読んでしっかり学んだほうがよいかもしれませんっ!著者はWordPressのテーマやプラグインの開発をてがける会社の社長さんなので安心ですっ!

 

HTML知識-文字背景の装飾、GIF動画挿入(X170)

★ターゲット:ウェブ制作を極めたい人

ホーホーホウ!どうも!アホウごんしです!今回は前回に引き続き、ウェブ制作の専門家をともに目指すべく、知識を授けたいと思います!

(1)リンクを設置する

ホームページの便利なとこといえば、リンクを設置して他のページの紹介や、同じページ内でもシュッと移動できるリンクを設置できるという点があります。

●<a href=”(URL名)“>〇</a>

これは簡単!〇の部分にリンクを設置したい文字や画像を入れ、URL名をリンク先開いてコピペすれば簡単に作成できちゃうぞ!

●<a href=”#〇”>(リンク元)</a>(~リンク元からリンク先まで~)<h2 id=”〇”>(リンク先)</h2>

これは同じページ内で、ページの上の方から下の方にジャンプさせたいときに使います。だって、ページが縦に長いと、スクロールするの大変じゃないですか?しかしリンク元を目次として設定すれば、リンク元の文字をクリックすれば一気に読みたいページまで飛ぶように設定することができるというわけだす。

〇の部分には適当な記号を入れますが、<a href=”〇”>と<h2 id=”〇”>に入れる文字は同じ記号を設定しないと意味がありません。123でもaaaでもなんでもいいです。複数の内部ページ内リンクを設定したい場合は、違う記号を使います。




(2)太字の文字の背景に色や画像を入れる

CSS(修飾する言語)の1つですな。タイトルを強調したいときは、文字をでっかくして太字にし、さらに色や画像を背景にすれば目立たせることができます!

●<b style=”background-color:〇”>(文字)</b>

上記コードですと太字の背景に色をつけることができます。〇の中に色を意味する#から始まる7文字の記号を入れます。

●<b style=”background-image:url(HTMLファイル名/画像名);”>(文字)</b>

上記コードですと太字の背景に画像を入れることができます。urlの後の()の中に、パソコンに保存されたHTMLファイル名/画像の名前を入れると挿入できます。画像は拡張子(jpgなど)は忘れないように!

(3)ページの背景に色や画像をつける

●<td style=”background-color:〇;”>(テーブル内コンテンツ)</td>

<td>とはテーブルのことで、ページの特定の枠を指します。この枠内の背景色として上記コードを書き込むことで、背景の色を指定することができまっす!…まあ、でも見やすいのは結局、白背景に黒文字か、黒背景に白文字かになるかと思いますが(笑)

●<td style=”background-image:url(HTMLファイル名/画像名);”>(テーブル内コンテンツ)</td>

そろそろ仕組みが分かってきましたか?書き方は太字の背景に画像を入れるやり方とほとんど同じですな!

(4)GIF動画を挿入する

●<img src=”(HTMLファイル名)/(GIFファイルの名前:〇.gif)”>

静的なサイトもいいですが、動画を入れたらページに動きが生まれ、華が出るでしょう。手軽にかつ、重くならないように動画を入れる方法として、GIF動画というものがございます。GIF動画とは、複数の画像素材を組み合わせて動画にしたものだす。

サイトのページのタグでは、画像と同じく<img src=””>で指定します。GIF動画はホームページビルダー付属のウェブアニメーターや、Adobe Premiere proなどで作成できますよ!

『これから学ぶHTML/CSS Kindle版』:斎藤新三、山田祥寛

電子書籍として読める、ウェブプログラミング入門書!ウェブプログラマーの視点で書かれた、ウェブシステムを理解するための本です。テーブル表示、リンクやコンテンツ埋め込み、CSS、レスポンシブレイアウトまで、詳しく書いてあるので初心者の方はぜひ!

HTMLとCSSのコーディングをしよう(X169)

★ターゲット:ウェブ制作で生きていきたい人

わははのは。私はコウキ・ハローワーク。私は救いたい!才能があるのにそれを活かせず、殻に閉じこもったままのあなたを!このご時世、ひきこもりのあなたでも、勉強さえすれば手に職つけて活躍できる職業があります。それはズバリ、ウェブ制作!プログラミング!

というわけで、今回は、ウェブ制作で生きていくための初歩編、HTMLとCSSというものの簡単な講座をしたいと思います。

HTMLやCSSはサイトを作るうえで基本となるウェブ言語のことなので、まずはこれから勉強しましょう。ウェブを開発するにあたって、人間の皆さんがインターネットで閲覧できるようにサーバーにアップロードするには、コンピューターに適切に指示を与えなければなりません。それは人の言葉とは若干異なり、英語や記号、数字を主体とした言語になります。例えば…

(1)文字のサイズや太さなどを指定する

●<font size=”〇”>(文章)</font>

これは文字のサイズを指定するコードですな。〇の部分に4とか5の数字を入れると、(文章)の部分に入れた文字のサイズを指定できるというものになります。

●<b>(文章)</b>

これは文字を太字にしたいときに使います。

●(文章1)<br>(文章2)

これを入れると、文章1と文章2を区切って改行ができます!改行は見やすくするために必須ですね!!




(2)文字の色を指定する

文字は黒が基本ですが、背景を黒くして文字を白くしたり、教科書でよく見るように重要なキーワードを赤くするなど、適度に変えれた方が読みやすくなりますよね!ウェブの世界では、文字の色を指定する場合#から始まる、合計7文字で色を指定します。まずコーディングは<font COLOR=”〇”>と書き、〇の部分に色のコードを入れます。例えば…

・#000000=黒

・#ffffff=白

・#ff0000=赤

・#0000ff=青

・#b0ffff=薄い水色

という具合に、無限に近いパターンで細かく指定できます!!

(3)画像を挿入する

文字だけのサイトでは華やかさにに欠けますよね!というわけで、画像を挿入したい!ってなったときに、たいていホームページ作成ソフトではツールがあれば簡単にできちゃいますが、どのようなHTMLコードで構成されているかは知っておいたほうがいいです!ズバリ、下記のようなコードになりまっす!

<img src=”file:///C:/(HTMLファイル名)/(画像の名前)”width”〇”height=”〇”border=”〇”>

これ見てもなんのこっちゃ…て思うかもしれませんが、難しく考える必要はありません。要は、自分が操作してるパソコンのどこからその画像を引っ張ってきたのか、その画像のサイズはどうなのかというのを指定したものです。

上記の場合、「C:」というのはパソコンの中にある「Cドライブ」というハードディスクの中にあることを指します。HTMLファイルは自身のWEBサイトのデータが格納されているファイルのことですね。ファイル名は自分で決めます。画像の名前も自分で決めます。まずはHTMLファイル内に画像を入れておきましょう。

次のwidth、height、borderというのは画像のサイズを指定するもので、引っ張ってきた画像ですから、サイズは最初から決まってます。挿入後サイズを変えることもできます。

・width=横の長さ

・height=縦の長さ

・border=外枠の太さ

になります。borderについては0でも問題ありません。

『これから学ぶHTML/CSS Kindle版』:斎藤新三

ウェブプログラマーによって書かれた、HTMLとCSSの初心者向けの本です!しっかり学びたいなら、本を買ってじっくり学んだ方がよいです。ウェブの仕組みからチャプターごとにテーブル表示タグ、リンクやコンテンツ埋め込みタグなど、詳しく解説していますので是非!全部で448ページあり、Kindle本なのでKindleアプリダウンロードしておけばいつでもどこでも読めます!!

今からでも遅くない職業-プログラマーと弁護士(X168)

★ターゲット:転職したいがフンギリつかない人

ウヌヌヌ…私は虚空ウルフ。私もいい歳だ。そろそろ自分だけの特殊スキルを活かし、将来性のある職場に転職したいと考えている…今の職場は有給も自由にとれてそこそこ楽はでき、趣味(副業)と両立できるのはいいのだが、いかんせん副業の収入が中々低すぎてあてにならん…

というわけで次の職場はこの歳で、かつジジイになっても働けるような最後の砦にしたいと考えているのだが、未来を決める重要なことなので中々決断ができない…というわけで、同じ悩みを抱える諸君らのためにも、ある程度歳を食ってからでも働けそうな立派な仕事と、対策を紹介しようと思う。




(1)プログラマー:平均年収約450万円

これはいわずもがな、近年需要が非常に高まっており、人手が足りてないされるIT業界の象徴とされる職業だ。給料相場的には問題なく、専門的職業のため実力さえあれば爺さん婆さんになっても働ける。しかもプログラマーという響きがかっこよく恥ずかしくない。ただし、未経験で誰でもできるかというと、そんなことはない。ある程度は事前にプログラミングの勉強が必要になる。

プログラミングとは何かというと、コンピューターに対して指示を与え、適切に動作させる技術のことだ。人の言葉とは違い、プログラミング言語というものを用いる。しかし宇宙語のような文字を使うわけではなく、構成される文字は半角の英語、記号、数字になる。プログラミング言語にもいくつか種類があり、WEBサイト構築やアプリ開発、ゲーム開発など、用途によって適切な言語を使い分ける必要がある。

プログラマーはこのプログラミング言語を使って、動的なWEBサイトを作ったり、アプリやゲームなどを開発する役割を背負うわけだ。とっつきにくい分、覚えてさえしまえば重宝されることだろう。

例えばあなたがすでにWEBサイトを運営していたり、アプリやゲームを作りたいという欲求があるならば、プログラミングは切っても切り離せない要素なので、挑戦してみる価値はあるだろう。プログラミングスクールというプログラミングを教える学校が流行っているが、費用がすごいし、この歳になって…という人は独学でも全然OK!プログラミングについて書いてある本を買って勉強すればいい。最近はAmazon Kindleなどで電子書籍として手軽に本をダウンロードして読めるので、わざわざ本屋に出向く必要もない。JavaScriptやPHP、C言語など、自分が勉強したい言語についての本で学んでみよう。

(2)弁護士:平均年収約1000万円

意外かと思うかもしれないが、弁護士は公務員ではない。よって公務員試験に受けるための年齢上限である、30歳を超えてからでも目指すことが可能。しかも社会的に尊敬される職業であるため、法律や正義に興味のある人は弁護士を目指してみるのもいいだろう。

弁護士になるには言わずもがな、司法試験に合格する必要がある。司法試験を受けるには事前に司法試験予備試験に合格しておかなければならない。前述の通り司法試験を受けるのに年齢制限はない。司法試験に合格すれば「法曹資格」を得ることができ、その後地域の弁護士会に入会して「日本弁護士連合会」に登録することではじめて業務を行うことができるようになるのだ。

『確かな力が身につくJavaScript超入門』:狩野祐東

※祐東=すけはる

前述の通りプログラマーになりたいなら、プログラミング言語に関する専門知識が必要だ。プログラミングにかんしては、ネットで無料でちょろっと調べて理解できるような生半可なものでは決してない。私がおすすめするのは電子書籍で学ぶという方法だ。Amazon Kindleのアプリ(無料)をダウンロードすれば、最初の数ページ無料で試し読みができるので、内容が良さそうだったら買ってじっくり見てみよう。ここで紹介しているのはウェブ系プログラミング言語である「JavaScript」だが、あなたが興味のあるプログラミング言語の名前で検索してみるとよい。