若手エンジニアの小言。

仕事で役立つTIPSを配信していきます。~世界で一番おしりとふとももの間を追い求めるブログ~

初めてのHTMLとCSSの勉強

初めてのHTMLとCSSの勉強

こんにちは「たこ壺」です。

ブログを始めるときのハードルでもあった

「HTMLとかCSSって難しくない?」を少しずつ克服したくて

取り敢えず下のリンクの内容を最後まで自分でこなしてみました。

丁寧に書かれていて「超初心者の方」というのも納得でオススメです。

shiromatakumi.hatenablog.com

テキストエディタは悩みましたが「Visual Studio Code」にしました。 

「html」のファイルを開いてブラウザにタブが出てきただけでも感動しました笑

流石にこれだけではまだまだ分からないことだらけなので

ドットインストール

プログラミング学習は「ドットインストール」で知識を拡充しています。

まだまだ入門編が終わったばかりですが1本の動画が3分なので気軽にできます。

  • HTML入門
  • CSS入門 
  • CSS3入門 などを中心に勉強しています。

本当にソフトがまるっきりダメな人でも入っていける内容だと思います。

ドットインストールでの勉強が一段落したら買ってきた下の本を進めようと思います。

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
 

先のリンクでオススメされていたので購入しましたが、ページの構成やイラストがおしゃれで評価が高いのも納得でした。また勉強をはじめたらブロブに書きます。

今回はここまで!みなさま良い1日をお過ごし下さい。

欅坂46今泉佑唯ちゃんの休養に思うこと

欅坂46今泉佑唯ちゃんの休養に思うこと

こんにちは「たこ壺」です。

欅坂46今泉佑唯ちゃんが心身の不調のため休養することが発表されました。

ニュース | 欅坂46公式サイト

アイドルの休養といえば過去に乃木坂46中元日芽香ちゃん、HKT48兒玉遥ちゃん、SKE48松井珠理奈ちゃんも心身の不調のため活動を休止していた時期がありました。

心身の不調とは?

文字通り心と体が思い通りにならない状態だと思います。社会に出て驚いたことに心身の不調を理由に「休職している人」または「休職していた人」が想像していた以上に多いことです。何十人何百人といるアイドルの中に心身のバランスを崩してしまう子がいても何ら不思議ではありません。

アイドルグループにおいては

AKB48を中心とする48グループだけでも300名以上のメンバーが在籍しています。アイドルを応援していると、本当に多くのプレッシャーと戦っているなといつも尊敬しています。そうした中で、心身のバランスを崩している子の潜在的な数はもっと多いのでは?と思うのです。また、こういった体調不良の表現には色々とあると思います。

心の風邪

 誰でもかかる可能性のあるモノで自然に治癒するモノ

<心の病気>

 患ってしまうと放置していても治らないため治療が必要なモノ

<心のガン>

 放置していても治らないのは「心の病気」と一緒だが、治ったあとも再発リスクがあるモノ

心身のバランスを崩したら

とにかく早い段階でお医者さんに掛かった方が懸命です。私も高校3年間は心療内科に通院していました。そこでは、薬によって身体にあらわれる症状が緩和される以上に、カウンセラーの方に自分の話を聞いて貰うことが自分の場合は効果的だったと感じています。もし今無理ができている人は「心の器」が壊れないうちに受診をおすすめします。風邪を引いたら病院にいくでしょう?何も恥ずかしい事はありません。

 

kotobank.jp

kotobank.jp

「休養」と「静養」の違いが気になったので調べてみました。

それではみなさんも毎日大変だと思いますが良い1日をお過ごし下さい。

HKT48井上由莉耶ちゃんの卒業発表

HKT48井上由莉耶ちゃんの卒業発表について

こんにちは「たこ壺」です。

タイトルの通り今回はアイドル回です。

総選挙辞退からの卒業発表

昨日4月11日の劇場公演でHKT48井上由莉耶ちゃんが卒業を発表しました。

2016年度の総選挙では投票した子だっただけに寂しく思っています。

  • 総選挙の辞退
  • なおぽん卒業発表後のモバメ 

などで何となく卒業が近いことは感じていました。卒業公演は6月12日なので劇場かDMMの画面からかは分かりませんが最後まで応援します。

ひとりのアイドルファンとして

 こうしてファンの方々へ薄々と卒業が近いことを知らせてくれていたことは、発表が明けて一夜たった今、彼女の優しさだったのではと思います。おかげで思っていた以上に ショックを受けていない自分にも驚いています。

 2年程前から応援していましたが、段々と良くなるパフォーマンス、クールな曲と可愛らしい曲との表情の使い分け、アイドルとして試行錯誤する姿勢、本当に応援していて楽しいアイドルでした。特に、代々木第一体育館で観た「黄昏のタンデム」は一生忘れることのできない圧巻のパフォーマンスでした。

アイドル高校3年で定年説

 AKB48に代表されるようなアイドルグループは結成当初は平均年齢15才前後であることが多いです。15才という年齢はだいたい中学生から高校生の年齢でしょうか。非常に多感で環境の変化も大きな時期です。

 そして何年かの芸能活動を経てアイドルとして、また芸能人として進む方向を決めてなければなりません。そうした選択肢の中に大学へ進学するという選択肢も、ファンからは見えにくいですが存在します。

 私は応援する以上その子がどういった形であれ幸せになって欲しいと思っています。大学で何を勉強するかも偉い人に言わせれば大切なことかもしれませんが、アイドルとして駆け抜けた時間を、普通の女の子として大学で取り戻して欲しいと思います。

 終わりに

 今回はアイドル回でしたがいかがだったでしょうか?まだ卒業公演まで日もあるので記事を読んでアイドルに興味が沸いた方は調べてみてください。

私のオススメは

    ◯黄昏のタンデム ◯天使のしっぽ ◯Faint ◯MARIA ◯君はペガサス

 

それではみなさま良い1日をお過ごし下さい。

イオンポイント5倍Dayと黄色いレシート

イオンポイント5倍Dayと黄色いレシート

みなさまこんにちは「たこ壺」です。

今日はふらっとイオンで買い物をしたのですがポイント5倍Dayでした。

ポイントがつきやすい日とは?

イオンでは毎月10日はポイント5倍なのです!これがどれ位すごいかといえば

今日の買い物:2200円、今回ポイント:105P

つまり、105P/2200円=約4.7%、還元率4.7%ですよ!

  1. お買い物ポイント11P
  2. ボーナスポイント:50P
  3. お買い物ポイント5倍:44P

私も改めて計算してみてビックリしました。。

今までポイントは取り敢えずつけばいいと思っていましたが

次回からは積極的にポイント還元Dayを狙っていこうと思います。

 f:id:takotuboice:20170410223139j:plain

ちなみに私は「WAON POINT」と「RexCard」でお買い物をしています

この話はまたの機会にしようと思います。

黄色いレシート

レジ袋に商品を詰めていると見慣れない物がありました。

 f:id:takotuboice:20170410223226j:plain

なんやねんこれは。。てかレシートも何や黄色いが一体これは?

www.aeonretail.jp

どうやら先程のカゴにレシートを入れると社会貢献ができるみたいです。

実はレシートを持って帰って来てしまったが次回は社会貢献したい。

最後にリニューアルした「オランジーナ」について

f:id:takotuboice:20170410223358j:plain

ええ。逆さまです。売り場でも逆さまにして陳列してあります。

ご興味があるかたはぜひ(前の味の方がアウトローな感じで私は好きでした)

今回はここまで!みささま良い1日をお過ごし下さい。

 

はてなブログの体裁を整える002回目

はてなブログにページTOPへ戻るアイコンをつけたい。

 

こんにちは「たこ壺」です。

連載「はてなブログの体裁を整える」も今回で2回目です。

いろいろな記事を読んでいてシンプルだけど効果的だなと感じた

ブログページの横にTOPへ戻るアイコンをつけてみようと思います。

 

こちらのサイトを参考にしました。

はてなブログにページトップへ戻るボタンをつけよう! - No Hack No Life

 

。。所要時間は2分です。めちゃくちゃ簡単です。先人の知恵に感謝です。

私はソフトは全く出来ないのでコードをかける人は本当にすごいなと尊敬します。

 

 おおまかな手順としては

  1. フッタにHTMLをコピー
  2. デザインCSSにコードをコピー
  3. お好みに合わせて調整

 

完成イメージはこちら(赤枠の部分)

f:id:takotuboice:20170409161333j:plain

調整したい設定としては

  1. 文字の内容
  2. 文字のフォント
  3. アイコンの色
  4. アイコンの大きさ
  5. アイコンの形状
  6. 押したときのTOPへスクロールする速さ 
  7. ページのTOPにいるとアイコンが出てこない

この記事では主にカスタマイズの部分について記載していこうと思います。

コードはさっぱり読めませんが実践あるのみです。

 

テキストエディタは取り敢えず「VisualStudioCode」をインストールしました。

こちらがHTMLを開いた画面(黒背景ってだけでアレルギーがでそうです)

 

HTMLコードの内容(画像です。ごめんなさい)

f:id:takotuboice:20170409154409j:plain

コメント:スクロール位置を「200」から「50」へ変更しました。

コメント:赤枠の部分を「ページTOPへ▲」から「▲TOP」へ変更しました。

 

CSSコードの内容(画像です。ごめんなさい)

f:id:takotuboice:20170409155921j:plain

コメント:アイコンの背景色は「backgraund」で指示しているようです。

 

調整したい項目がほとんど未達ですが。。

今回はここまで!みなさま良い1日をお過ごし下さい。

はてなブログの体裁を整える001回目

はてなブログTwitterウィジェットを入れる方法

 

みんなさんこんにちは「たこ壺」です。

なんかブログの横にWordでいうところのナビゲーションウィンドウが欲しいなと。

他のブログにはあるのに自分のブログにはどうしてないのか。。教えて先生!

Google先生に「はてなブログ、サイドバー」で画像検索をかけてみました。

 

ヒットした記事はこちら。

はてなブログのデザインをカスタマイズしたいときに役立つサイト - はなこのブログ。

はてなブログをカスタマイズする際に超参考になる記事まとめ - hacogaki

はてなブログのサイドバーのカスタマイズ方法 [コピペで使える]

調べてみると思っていたよりも色々できそうだぞ!ひとつずつ実践していこう。

  Twitterウィジェットを作成する。

2016年6月にウィジェットの仕様が変わったらしくこちらの記事を参考にしました。

Twitterのタイムラインウィジェットをブログ設定する方法について | まさぼっち.net

おおまかな流れとしては

  1. Twitterサイトでウィジェットを作成
  2. HTMLコードをコピーする
  3. はてなブログの設定でサイドバーのモジュール追加
  4. コピーしてきたHTMLコードを貼り付ける

完成イメージはこちら(TLの追加とフォローアイコンの追加です)

f:id:takotuboice:20170409134654p:plain

 

なぜかページの一番下に出てきてしまいました。。

ウィジェットの配置についてはまた次の機会にします。

それでは実際の作業に移って行きましょう 。

 

1.Twitterサイトでウィジェットを作成

f:id:takotuboice:20170409135712p:plain

 Twitterウィジェット」 →「 プロフィール」とクリックしていきます。

急に英語のサイトが出てきますが大丈夫です。あなたは合っています。

https://twitter.com/自身のTwitterスクリーンネームを入力し「→」を押します。

f:id:takotuboice:20170409140251p:plain

 自身のブログに追加したい方を選択します。

TwitterのTL」または「フォローアイコン」

簡単な調整は「set customization options」で可能です。

f:id:takotuboice:20170409141931p:plain

「Copy Code」を押して下の画面が出れば成功です。

f:id:takotuboice:20170409141938p:plain

 あとはクリップボードにコピーされたコードを

はてなブログ管理画面から「工具アイコン」→「サイドバー」→「モジュールの追加」→「HTML」→「貼り付け」で作業は終了です。

 注:ページから抜けるときは忘れずに変更を保存してください。

 f:id:takotuboice:20170409143223p:plain

 

いかがだったでしょうか?思ったよりも簡単だったのではないでしょうか?

今回はここまで!みなさん良い1日をお過ごし下さい。