投稿

ラベル(blog)が付いた投稿を表示しています

HTMLで目次(Table of Contents)作成する方法(およびBloggerでの注意点)

HTMLでブログページの目次を作る場合、手順としては 目次からのジャンプ先にしたい要素に「id」を付ける 付けたidに対応したリンクを「<a href=>」で作り、それを目次としてまとめる という感じ。要はブログページ内の任意の箇所に飛べるページ内リンクを作り、それらをまとめて目次として扱うというようになります。 idの付け方 idを付けるとき、要素はどれでもいいようですが見出し要素に付けるのが一般的かと。 例えば <h2 id="midashi1">見出し1</h2> となります。 この段階では単に要素に「id」を付けただけなので、このままでは何も機能しません。目次として機能させるには、それぞれの「id」を付けた箇所へジャンプするリンクを作り、それを目次としてまとめる必要があります。 idを付けた箇所へジャンプするリンクの作成 リンク書式としては、先程作ったidへのページ内リンクを作成する場合は <a href="#midashi1">見出し1へのリンク</a> となります。 これは相対参照のような扱いですが、URLをすべて記述して絶対参照のような書式でも書くことが出来ます。例えば <a href="http://example.com/index.html#midashi1">見出し1へのリンク</a> となります。 Blogger特有の事情 (以下の内容はあくまでも2018年12月4日現在で自分が確認してみた事情です。今後はこのBloggerの挙動は変わるかも知れません) Blogger特有の事情について触れておきます。「id」作成は問題ないのですが、相対参照をBloggerでHTMLコードとして書く場合、 <a href="#midashi1">見出し1へのリンク</a> と書くことも出来ますし、そのままブログとして公開してもページ内リンクとしてちゃんと機能します。そこまではいいのですが、編集モードでHTMLコード作成から通常の編集モードに切り替えると自動的にコードが以下のような形式で上書きされます。 https...

ブログレイアウト刷新

Bloggerのレイアウトテーマに新規に4つ追加されました。 Official Blogger Blog: Share your unique style with new Blogger themes せっかくなので、このうちのNotableにテーマを変更してみました。 結構一新された感じなったと思います。 気分を入れ替えてまたブログを書いていきたいと思います。それでは。

Bluefish EditorでHTMLツールバーが表示されない場合の対処

イメージ
最近ブログを書くのにHTMLエディターのBluefishエディターを使ってみています。 Bluefish Editor : Home しかしどうもソフト自体の調子がおかしかったので、そのとき対処したまとめを書いておきます。 このエディターは数年前にも少し試したことがあるのですが、結局このBloggerで提供されているWeb上のエディターを使っていました。プレビュー表示や画像のアップロードなどは便利なのですが、ツールに用意されているHTMLタグが少ないため結局いろいろ参照しながらブログを書いていました。 Bluefishエディターは使おう使おうと思って数カ月前にインストールはしてあったのですが、最近やっと使い始めました。 しかしどうにも使い勝手が非常に悪くなっていました。何かおかしいと思ったのですが、気がつくとHTMLタグを入力するときに使うHTMLツールバーが表示されていませんでした。 このスクリーンショットの上の方を見ると上部のHTMLツールバーが表示されていません。 比較として通常時はどう表示されているのかもスクリーンショットを貼っておきます。 このようにHTMLツールバーが表示されているため、HTMLタグの入力がかなり便利になります。というか通常はこういう状態なのです。 この通常時の問題のない場合はツールバーの[表示]からHTMLツールバーの表示設定を切り替えられます。 単にこの設定で表示しないようにしていたかと言われるとそうではなく、この問題が起きたときというのは何故か[表示]のところにHTMLツールバーの表示設定自体がなくなっていました。残念ながらそのときの様子は再現できないのでスクリーンショットはないです。 解決方法 結局ネットで検索して調べても原因が分からなかったのですが、「もしかしたらBluefishエディターの設定ファイルがおかしくなってるんじゃないか?」と思い、ホームディレクトリにあるBluefishエディターの設定ファイル「.bluefish」ディレクトリを削除したところ、一番最初に貼ったスクリーンショットのようにHTMLツールバーが表示されるようになりました。またツールバーの[表示]のところにもHTMLツールバーの設定が現れるようになりました。 原因としてはどうやら設定ファイルがおかしくなっていたこ...

ブログデザイン変更しました(2016年9月21日)

イメージ
この 「ゆたりんブログ」 のデザイン、大幅に変更しました。 (モバイル版の方は特にいじれないので、スマホなどで見てる分には色合いの変化くらいしかないと思います) これまでは以下のようなデザインでした。 Fig.1 これまでのブログのデザイン またHTTPSリダイレクトを有効にしました。これによりHTTPでアクセスしてもHTTPS接続となります。 そういえばこのブログは2007年に始めてますけど、レイアウトの変更などは特に記録して来なかったです。 まぁBlogger使い続けているのでテンプレート変えてるくらいでそう大して変わってはいないですけど、記録がないのはちょっともったいないですね。 レイアウトの変更点としては、サイドバーがこれまで左側だったのを右側に持ってきました。他のサイトでもそのようなデザインが多いので、それに合わせた形です。 コメントの入力方法も変更しました。これまではコメントを入力しようとすると別タブが開いて入力する形式でしたが、これからは同じページにコメント入力欄が来ます。個別の記事ではなくブログのトップページからコメントを入力するときは、 0 件のコメント: というのをクリックすると入力欄が展開します。 また記事を読んだ感想を表せる機能を付けました。 [役に立つ][おもしろい][ふつう][しょぼい] という選択肢がありますので、読んでみた感想を押してもらえるとありがたいです。 とりあえずこれで気分を一新してブログを続けていきますので、よろしくお願いします。

研究室訪問

ちょいとヒマがあったので、大学院時代にお世話になった教授の研究室に行ってきた。 とりあえず、出発地東京駅へ 東京駅そばのOAZOにある書店、丸善で文庫を2冊購入。数学関係のと、森見登美彦氏の新刊。森見氏のは、全然チェックしていなかったのでうれしい発見。なんか普通のタイトル「新釈 走れメロス」だったので、作者名を見なかったら普通にスルーしてしまうところだった。その他に、ニコニコ動画関係の新書が出ていたけど、買おうかどうしようか迷ったあげく、次回以降にすることに。Amazonあたりの書評を見てからにしよう。 天気もいいのでちょっと散歩 その後、天気もいいしちょっとは歩いていこうと思い、市ヶ谷駅へ向けて歩き出す。 北の丸公園で一息入れる。ベンチに座ってペットボトルの紅茶を飲みながら、読み進めていた本の続きを読む。数学関係の文庫本(丸善で買ったのとは別)なのだが、始めは歴史的背景から入ってだんだん話が進んできたのはいいのだが、途中で話が大きく飛んでしまっていて読む気がなくなってくる…。けど、読み飛ばしながらなんとか読了…。内容が分からない本を読むのは疲れますなぁ…。 とりあえず、休憩もしたし、再び市ヶ谷方面へ。 靖国神社そばの銀杏並木を過ぎると、銀杏の匂いが…。この匂い、秋になったなぁ、と感じますなぁ。 ここにくる途中、皇居そばでランニングをしている人も結構見かけたけど、このそばで勤務しているのかな?この時期はまだそこそこ暖かくて汗かくけど会社にシャワーとかあるんだろうか?そうだとしたら、うらやましい…。確か、皇居周りのランニングコースには銭湯があったので、そこで着替えたりシャワーに入っているのかな~。うむ、人が走っているのを見ると、自分も走ってみたくなる(たぶん半周くらいでバテバテになると思うけど…)。 市ヶ谷駅で電車に乗る(=歩き疲れた) で、市ヶ谷駅から電車を乗り継ぎ、目的地の大学研究室(都内某所)へ 研究室の部屋がいつの間にか替わっていた…。まぁ、事前に電話で聞いていたんで、驚きはしなかったけどね~。 とりあえず、教授の先生と会って最近の研究テーマなんかを聞いてきた。 帰りに再び書店へ 帰り際に結構大きな書店があるので行ってみることに。 ラノベの新刊でいいのがないか探したが、見つからず…。 理工系の階では、分子凝集系の計算関係の本がおもしろそうだった。AMBARとか...

[blog] ブログのレイアウト変えてみました

久しぶりに、「HTML+CSS」の本を引っ張り出してきて、コードを変更してみました。 ちょっとは見やすくなったかな?

新型インフルエンザ、流行ってますね…。

死亡したり、症状が重くなった人がでたりしてます。 通常のインフルエンザでも、同様の症状がでるようですが、新型はほとんどの人が抗体を持っていないので、かかりやすのでしょう。 対策として、街でよくティッシュを配ってますけど、あれを簡易型のマスク1枚入りパッケージにするっていうのはどうでしょうかね? 大都市圏ほど人が密集してますから、マスクは効果的かなぁと思います。 ティッシュとマスクじゃ、かかるコストが違い過ぎるので、なんらかの支援が必要でしょうけど。

ブログ再開します~

まだセミは鳴いていませんが、なんとかブログを再開できる目途がつきました。 ブログを休んでたのは、個人的な事情なんですけどね…。 まぁ、いつか整理して説明できればしようかなと思います。 でもブログを休んでいたわりには、毎日ちょっとずつアクセスがあったのはうれしかったです。 これからは無理せずに書き続けていこうと思いますので、よろしくお願いします。

これはまずい…

自分で書いた2月のブログの記事を読み返してみたら… 1/31 リセットボタンはどこ? 2/9 ボクは誰ですか? 2/11 未来予知してみた…? 2/11 アニメなどで精神回復… 2/17 そういえば、チョコがもらえるイベントがあったらしいですね 2/27 心が疲れた… な、なんというマイナス思考…。なんというか、自分らしいといえば自分らしいですね。 点数を点けるなら75点くらいあげたいです。

Ubuntu8.04でのディスクトップキャプチャ(動画)

Youtubeにディスクトップでのソフト操作の動画をアップロードしたいんで、動画キャプチャソフトを検索〜。 Ubuntu8.04のSynapticでインストールできるものとして Istanbul XVidCap recordMyDesktop などなどがあるんだけど、一通り使ってみた感想としてはどれもちょ〜とクセがある感じ…。 Istanbulは録画が終わってからの処理に時間がかなりかかる…。compizの3D効果を止めれば早くなるのかな? XVidCapも同様に処理に時間がかかる…。 というかIstanbulとXVidCapについては録画終了のボタンを押した後がフリーズしたようになってしまうのがちょっと難点。録画終了の数分後とかに録画終了しましたとか言われてもちょっとね…。Ubutuの3D効果及びソフトの設定で改善できるんだろうけど、面倒なのでパス。 そのなかでrecordMyDesktopは録画終了後に処理の進行ダイヤログがでるので、どこまで処理が進んでいるのかわかりやすい。例え処理に時間がかかっても、後どれくらいで終わるのか、それともフリーズしているのかがわかるのは結構違います。使いやすいです。 まぁ探せば他にもツールがあるんだろうけど、とりあえずは現実解としてrecordMyDesktopを使おうかなと思います。 ただし、recordMyDesktopで録画するとファイル形式がOggで保存されるみたい…。う〜ん、動画のファイル形式はよくわからないけど、Ogg形式はあんまり聞かないだけに余計わからない…。 まぁ mencoder あたりで変換するなりすればいいので、Ogg形式だからといって困らないと思いますが。 それから、Ogg形式のままでもYoutubeにアップロードして、後は普通にブラウザで見られるみたいなので、特に手を加えなくていいなら録画してそのままアップロードして使おうかな、と思います。

スポンサーリンク