Yukihy Life

ゆきひーによる日常生活をアウトプットするブログ 映画・TOEIC・教育ネタとだいぶ物理とWeb制作

CSSやjQueryで擬似クラス:first-childや:nth-childが効かないときに確認しておきたいこと

前回関連記事に関する記事を書いたのですが、その際CSSとjQueryでのfirst-childに関して勘違いをしていたので、メモです。

はてなブログで同じカテゴリの記事をランダム順に表示して関連記事っぽいものを作るカスタマイズ

2015/11/11追記1:うまく取得できているかの判断が曖昧だったので、確認方法を追記しました。設置をする際は、うまく取得できているかの確認をお願いします。またCSSをテーマによる崩れを防ぐために若干変更しました。 2015/12/06追記2:数日前に、このプ…

【PR】「TROPE」さんに寄稿をさせていただきました!

ブログを運営していると情報発信者として思いもよらないところと繋がれたりするのが一つとても面白い部分です。 今回サイエンスメディアの「http://www.trope.tokyo/」さんに寄稿をさせていただいたので、PRです!

はてなブログで同じカテゴリの記事を新着順に表示して関連記事っぽいものを作るカスタマイズ

12/06追記2:数日前に、このプログラムで使用しているGoogle Feed APIのサービスが終了してしまいました。なので表示が安定しない状況です。ただいま代替案を模索中です。お手数おかけしますm(_ _)m はてなブログは標準で記事下に関連記事が出てこなく、何…

化粧品だけを使って5分でできる傷メイクのやり方【今からでもハロウィンに間に合う!】

今日は10月31日!ということでハロウィンですね! ハロウィンの準備に乗り遅れてしまったという人のために、女性ならだれでも持っているものだけで、しかも5分程度でできる傷メイクのやり方を紹介しようと思います。 もう遅い?遅いか。 注:下の方には傷メ…

【ご報告】留年をいたしました。

留年したぜよ留年したぜよ留年したぜよ! 留年したぜよ!!

論理的思考力・考える力をつけたいのなら「0秒思考」で徹底的に頭を鍛える

最近、学校の先輩から勧められた「0秒思考」という本。自己啓発は普段読まないのですが、あまりに推してくるものだから、その場でKindleで買って読んでみました。 これ、ものすごく効果がありそう!ということで感想と実践の様子を書いてみたいと思います。

短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる

HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。 そこで、jQueryを勉強するとき、…

はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム

10/7追記1:「はてブ順」を含めた、5つボタンバージョンを追加しました。 11/16追記2:カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、こ…

Newton力学・特殊相対論・一般相対論の違いが分かりやすいように表にしてみた

大学に入ってから何度となく相対性理論の勉強に取り組んでは、その難易度に跳ね返されをかれこれ数回繰り返しています。 ちょっとずつでもトライするたびにちょっとずつでも進んでいかなければなと思い、Newton力学、特殊相対論、一般相対論でそれぞれ違くな…

12月のTOEICに向けて勉強を再開!久しぶりに手をつけた教材の紹介

英語を喋れるようになりたい!という憧れは、昔からずっと持ってます。 大学に入ってからというもの現在までポチポチと進めていたりしました。

はてなブログで独自ドメインを導入し当ブログのFeedlyボタンの場合、フォロワー数が正確にでないみたいです

ずっと自分のブログのFeedlyの購読者数がおかしいなと思ってたのですが、どうやら自作フォローボタンをつけたときに、独自ドメインの方は購読者数が変なことになるみたいです汗。 す、すみません!ということで共有ですorz。

最初に記事の一部を隠しておいてjQueryでスライドにして見せるようにする方法

前回の記事で、jQueryを本で調べたりしながらWordPressのように目次を隠したり表示したりするようにしました。 それを記事内の好きな場所にできたらなあと思っていじってみたので、紹介です。

はてなブログの公式目次機能にちょっとコードを足してグッと使いやすくするカスタム

この間追加されたはてなブログの目次機能。どのモードでも、[:contents]と書き込むだけで目次がつくれるので、「凄い!」って思ったしとっても便利になりましたよね! 今まで目次を自動生成するコードもあったのですが、特定の説明記事やリスト記事にだけ入…

Better Touch Toolのオススメ設定!Macのトラックパット・キーボードに役割をもたせて作業効率アップ!

Macを使っている方の中で、「Better Touch Tool」を使っている方も多いと思います。 数ヶ月間ですが、僕がMacを買ってからいろいろと試して、「これは本当に良く使うな!」というものを紹介したいと思います。

Googleフォントを導入してブログにちょっとした変化を出す方法【はてなブログを例にとって】

前回記事が、自分にとってけっこう大きいシェアをもらうことができました。ありがとうございます! www.yukihy.com この記事友人も見ていて、Lineで誤字や脱字をものすごく指摘してきたり、自分でシェアしてたり鬱陶しかったのですが、友人としては何でバズ…

フォント選びや配色に関して友人と話したらわりと目からウロコだった話

だいぶブログもカスタマイズして、ほぼもういじるところが無いような感じになってきてしまったのですが、数日前にフォントを変更してみたんです。 そしたら美大に通っている友人から軽いバッシングを受けて、フォントについていろいろと教えてもらったので共…

Twitter自作シェアボタンに「@◯◯さんから」やハッシュタグを自動でつける方法

配布しているシェアボタンの中で、Twitterでシェアされる場合をある程度カスタムできるので、メモです。 Twitterでよくエゴサーチなどをされる方は、オススメです。

はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。(vol2)

コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記…

物理系で大学院入試をするならばサイエンス社の問題集をひたすら解きまくれ!

最近自分の足の臭さに失神しそうなゆきひーです。一周回ってチョコレートのような匂いがします。まずい( ;´Д`) 話は変わって、今回は物理系の大学院入試のために行っていることをまとめたいと思います。 大学院の入試はとにかく情報が少ないので、どれをや…

【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2

コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記…

はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率アップを狙うカスタマイズ

9/3追記:その他のカスタマイズ(サイドバー固定など)を増やしました。同じモジュールを並列に使いたい方もわかるように文を若干変更しました。 jQueryを使ってみると本当にいろいろとできるなあと実感しています。今回はそれを使って、サイドバーをタブメニ…

【号泣】ヒューマンドラマが好きな大人のための泣けるおすすめ映画15選

泣きたい時って、なぜかいきなりやってきますよね。 最近「涙活」と言って涙を流すことによってストレスを解消しよう、なんて活動が流行っているみたいですし、理由は何であれ、泣くことって価値があると思います。僕も、泣いた後は悩みが消えたり気持ちがス…

jQueryド初心者が勉強するために最初に買うべきオススメ本の紹介!

HTML、CSSを勉強した後にやるものとして、jQueryが一般的かなあと思います。そこでいろいろと本を探したりしていたので、個人的に一番良かったものを紹介したいと思います。

HDMIケーブルでPCとテレビを接続してマルチディスプレイにすると映画鑑賞が捗る

1ヶ月くらい前からマックとテレビを接続してマルチディスプレイでやっているのですが、これ使うと本当にいろいろと捗るので紹介です!

あるURLのみ任意のHTMLを差し込むというスクリプトを組んでみました

最近jQueryをぽちぽちと始めてみたゆきひーです。CSSとかと違って難易度の違いを感じていて思うように進みません。 今回はあるURLになったときに、HTMLを追加するスクリプトをくんでみました。いつものようにコピペで簡単カスタム!ではありませんのでご了承…

ブログアイコンを人面ワニに変更しました

ブログをはじめてだいたい9ヶ月くらいかと思いますが、ここで思い切ってアイコン変えてみました!

はてなブログスマホ画面の下に固定ボタンをつけるカスタマイズ

追記:「シェアボタンを並べる」の、TwitterボタンをURLを修正しました。まきお(id:makio1186)さん、ありがとうございます。 はてなブログでカスタマイズ要員となりかけているゆきひーです。もちろん作る過程で学べますし、いろんな方から反応をいただいてる…

Font AwesomeでPocketアイコンが追加されたのでシェアボタンのアイコン変更の仕方

「Font Awesome」で使えるアイコンないかなあと思ってみたら、Pocketのアイコンが追加されているではないですか! ということで、今まで配布していたシェアボタンでPocketボタンをキチンとしたPocketのアイコンに変更してみました。お知らせです。

iPhoneで花火撮影に挑戦してきた【in熱海】

一昨日になりますが、熱海の花火大会に行ってきました!で、花火を写真に撮ろうとしていたのですがこれがかなり大変でした。