この記事の目的はタイトルの通り、子どもに「相対性理論って何？」と聞かれたときに説明できるために、かなりアバウトに相対性理論を解説したものです。 同時に、相対性理論を「まずは概略的にでも理解したい」という方にも有用な内容になっていると思います。 より理解を深めたい方は、こちらの記事にお進み下さい。 中学校で習う数学の範囲でアインシュタインの相対性理論を分かりやすく解説する 上のリンクの記事は中学で習う数学のみを使って、相対性理論というものを解説しています。使うのは中学の数学のみですが、扱っている現象は難しいですので、まずはこの記事でイメージを作っていただけれるとスムーズに進めると思います。 相対性理論とは？ どんな現象が起きるの？ 相対性理論の現象 結果１　光の速度よりも速く動けるものはない*2 結果２　光の速度に近い速さで動くものは、縮んで見える 結果３　光の速度に近い速さで動くものは、時

最近ブログカスタマイズにはまっているゆきひーです。「またかよ！？」うっす。またっす。 はてなブログの文字をカスタマイズする際に、こんなのがあったら便利だなあと思っていたので作ってみました。 はてなブログ文字の構成図 はてなブログのidとかclassとかを直感的に分かりやすいような構成図を作ってみました。今回は文字の編集用につくったので、文字に関するのを抽出しています。全部はないのですが…。 下のキャプチャは、はてなブログの無料テーマの中でも最もシンプルだと思われる「blank」に、それぞれの文字に関するidやclassをふったものです。 ちょっと、いやだいぶ見にくくてすみません…。今回は僕も使わせていただいている「blank」を元にやりましたが、どのテーマでもはてなブログならだいたい同じではないかと思います。間違いあったら教えてください。 注意点としては、「.」「-」「#」「空白」などを忘

9/3追記：その他のカスタマイズ(サイドバー固定など)を増やしました。同じモジュールを並列に使いたい方もわかるように文を若干変更しました。 jQueryを使ってみると本当にいろいろとできるなあと実感しています。今回はそれを使って、サイドバーをタブメニューにしてみようと思います。 難易度はちょい高めです。 実装図 特徴・カスタマイズの注意点 特徴 カスタマイズの注意点 カスタマイズのやり方 手順１　タブに加えるものを決める 手順２　サイドバーをつくる 手順３　タブメニューのjQuery 補足　カスタムHTMLを入れる場合 手順４　CSSでデザインする その他のカスタマイズ タブメニューの下に余白を開ける タブになるまでに一瞬崩れるのを防ぎたい サイドバーに固定したい ブラウザサイズを狭めると、挙動がおかしい タイトルとモジュール部分が近くなっちゃうor離れすぎちゃう 固定された瞬間横幅が広が

注：コピペコードを写す前に、元々のhtmlやcssをメモ張にコピペするなど、必ずバックアップを取っておいてください！！ はてなブログで最近テーマストアを覗いたりしていると、本当に面白くオシャレなテーマが増えてきましたよね。 また多くのテーマがレスポンシブ対応をしてますが、現実にレスポンシブにしている方はあまり多くないと思います。 せっかく優秀なレスポンシブテーマがあるのに採用しない理由として、グローバルナビを後付けで行っているため、それがレスポンシブになっていないというのがあるかなあと。 もちろん、はてなデフォルトのスマホ表示が十分オシャレというのもありますが。 そこで今回は、よくあるWordPressのブログのように、グローバルナビをレスポンシブ対応させ、ブラウザ幅が縮んだらトグルメニューになるようなカスタマイズを紹介します。 ちょっと難易度が高いかもしれません。また、注意点として若干遅

2015-08-24 はてなブログのデザインを自分仕様に！カスタマイズ方法をまとめました。 気づけばこのブログを始めて１ヶ月が経ちました。 こうして更新できるのも、ひとえにキーボードを叩きまくっている自分自身のおかげ……ではなく、読んでくださってる皆さんのおかげです、ホントに。ありがとうございます！ところで、更新を続けるにつれブログにも少しずつ愛着が湧き始め……デザインも自分仕様にしたいなーと思い、先日ブログデザインを変更しました。そこで、私がカスタマイズした箇所をいくつか備忘録として残しておこうと思います。どなたかの参考になれば幸いです。 はじめに このブログは、公式テーマの「Report」を元にしています。別のテーマを元にしてる場合、もしかすると、ここで紹介するCSSをコピペしたときに表示が崩れるかもしれませんので調整をお願いします。 デザインについて 配色やデザインが苦手な方へ。と