目指せ最速！はてなブログで表示を高速化するために行った7つの施策 - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い（気がする）。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い（気がする）。というわけで、本日のテーマはタイトル通り高速化になります。地味な内容ではございますが、よろしくお付き合いください。 早いは正義？ 大袈裟に言いましたが… 画像の圧縮 不要な外部リソースの排除 不要なカスタマイズの排除 カスタマイズコードの位置を調整 ライブラリの遅延読み込み jQueryコードの排除 DNSプリフェッチの導入 一連の施策を終えて 具体的なコードも1つご紹介 今後の展望と課題を CSSのインライン化 はてなスターどうしよう 広告も遅い部類 さいごに 早いは正義？ だと個人的には考えています。SEOとか専門的なことは知りません
はてなブログのトップページ一覧表示機能を利用してカード型っぽいレイアウトにするカスタマイズ - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 若干出遅れましたが、タイトル通り、私もカスタマイズコードをご用意しました。まだちょっと課題があるんですけど、水物といいますか、旬を逃したくないので見切り発車でご紹介します。 ごめん、バグってた 詳細は公式ブログを 現時点での出来栄え ソースコードはこちら JavaScript CSS 把握している課題 さいごに ごめん、バグってた www.tsubasa-note.blog ごめんなさい記事書きました。上記ページのコードをご利用いただけますようお願いします。 詳細は公式ブログを staff.hatenablog.com どうぞ。特に説明は必要ないと思いますので割愛。/archiveに飛ばす必要がなくなりましたね、やったぜ。 現時点での出来栄え キャプチャでドン。 うん、カード。 www.foxism.jp 本日、先に記事を公開されたore
はてなブログで100記事書いてわかったこととわからなかったこと - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 早いもので当ブログ「つばさのーと」を始めて3ヶ月弱、この記事が100記事目となりました。とりあえず、休むことなく毎日1記事以上書いてきましたが、いい機会なので今思っていることをまとめてみようと思います。雑記を書くのも久しぶりな気がします。 わかったこと 意外と文章って書けるもの 記事を書く時間を作るのは難しい 毎日書くだけじゃ意味がない インプットがないとアウトプットできない 書きたい記事≠読まれる記事 書くことが義務化するとつまらない わからなかったことやできなかったこと いい記事ってなんだ？ ブログを続けるモチベーションはなんだ？ ブログってなんだ？ さいごに わかったこと 100記事を書くのに日数にして86日かかりました。これが早いのか遅いのか存じませんが、毎日欠かさずに物事をこれだけの期間継続したのは久しぶりでして、結構満足してい
カエレバ・ヨメレバのデザインCSSジェネレーターを作りました - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 www.tsubasa-note.blog 年明けから暇な時間を利用してちょっと遊び心のあるページを作成しました。とりあえず完成としましたが、もうちょっとだけ機能にこだわりたいなと思っています。カエレバ・ヨメレバを利用している方、もしよければ遊んでいってください。 まず最初におことわりが カスタマイズCSSをカスタマイズしよう！ 使い方 なぜこのサービスを作ったのか 懸念している問題 今後の展望 さいごに まず最初におことわりが 本記事投稿時点で、IEでは意図したとおりに動かないことを確認しています。推奨環境はGoogle Chromeの最新版となっております。遊んでいただける方はChromeで閲覧していただけますようお願いします。Fire Foxも多分大丈夫だと思います。Operaは確認していません。 本サービスはPCブラウザから閲覧さ
コピペでどうぞ。サイドバーのカテゴリーモジュールに親子関係を持たせて表示するカスタマイズ - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 久しぶりにカスタマイズの記事を書いている気がします。今日はやろうやろうと思っていたものの、ついつい後回しにしてしまっていたカスタマイズをご紹介します。コピペでいけますので気になった方はお試しください。 サイドバーが気になった サクッと完成 JavaScriptの追記 CSSの追記 課題が2つほど さいごに 関連記事 サイドバーが気になった bulldra.hatenablog.com 今日のカスタマイズは上記サイトで紹介されているパンくずリストのカスタマイズを導入している人向けとなっています。当ブログでもお世話になっているカスタマイズです、ありがとうございます。 SEOとか詳しいことは存じませんが、このカスタマイズはやったほうがいい！とあちこちのブログで紹介されていましたので、私も結構早い段階で導入しました。 パンくずリストがいい感じに表
ブログ開設二ヶ月。当ブログの傾向とか今後の運営とか - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 早いもので当ブログも運営開始から二ヶ月が経ちました。この一ヶ月は記事を書くよりカスタマイズを考えている時間の方が長かった気がします。二ヶ月経って色々気が付いたことや思うことがあったので今回もちょっとだけ運営報告しておこうかと思います。 PV数と読者数といただいたブクマ数 二ヶ月目に行ったカスタマイズたち わたしのブログ疲れ わたしのカスタマイズ疲れ しばらくは脱雑記ブログしようかな 三ヶ月目の課題と目標 おまけ さいごに PV数と読者数といただいたブクマ数 一ヶ月目に公表した数字がこの3つだったので今回もこれについて。 PV：8415 読者数（合計）：153 総ブクマ数：328 リアルですね。全体的にじわりじわりと上昇はしていますが、まだまだ寂しいブログです。PV数は全体のアクセス数から、一ヶ月目の運営報告で公表した数値を減じた値になって
ページのトップへ戻るボタン、少し見直してみませんか？ - つばさのーと
こんにちは、つばさ（@_tsubasa123_）です。 先日、いわゆる「ページのトップへ戻る」ボタンをオリジナルで作成したのですが、その時に個人的に気になったところをメモしておきます。 basanote.hatenablog.com ちょっとプログラムよりの意識高い系な内容です。プログラムとか興味ないし、って方にはおもしろくない記事だと思います、ごめんなさい。 JavaScriptでスクロールしている スクロールをチェックするのがキライ そうだ、タイマーにしよう これ意味あるの？ さいごに JavaScriptでスクロールしている 「ページのトップに戻るボタン」については特に説明はいらないと思いますので省略。あると便利ですよね。 当ブログに設置するにあたっていくつか参考になる記事を拝見したのですが、どこも同じようなJavaScriptコードを記述していました。やはり皆さん使い回したりされて
はてなブログでちょっとおしゃれに枠線と背景色を表示するカスタマイズ - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 先日、下記の記事が目に止まりました。私もちょっとだけ便乗してみようと思います。 www.carameltrip.com Bootstrapってご存知ですか？ はてなブログに入れちゃおう 私的にはAlertsが使いたい さいごに Bootstrapってご存知ですか？ WEBの世界を覗いたことがある方ならご存知だと思います。CSSフレームワークと呼ばれるもので、ファイルを読み込んで決められたルールに従ってHTMLを記述するだけでそこそこオシャレなデザインを提供してくれるすごいやつです。 最低限のHTMLの知識は必要かもしれませんが、デザインを学んだことがない人、または苦手な人でも最低ラインの見栄えをゲットできるようになります。ちなみに開発元はみんな大好きTwitter社です。なんとなくTwitterっぽいデザインになると思ってもらえればOKで
コピペでどうぞ。はてなブログで「ページのトップへ戻る」ボタンをつけるカスタマイズ - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 すべてのカスタマイズをオリジナルにするという目標に向けて一歩ずつ頑張っております。今日は簡単な奴、ページのトップへ戻るボタンを自作しました。 とりあえず全部コピペでいけるようにしております。まだ導入していない方、よろしければお試しください。 設置は基本的にはコピペだけ HTMLとJavaScriptの追記 CSSの追記 細かい調整はCSSを修正してどうぞ さいごに 関連記事 設置は基本的にはコピペだけ PC、スマホ（Pro契約が必要）の両方に対応しています。どちらもダッシュボードからコピペしていただければ、ある程度スクロールしていくと、このページの右下にあるようなボタンが出てきます。 こんなやつです。 HTMLとJavaScriptの追記 <div id="page-top-area"> <a id="page-top-button"><
Facebookのシェアボタンがグルグルしちゃっている人に伝えたい修正方法 - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 最近、参考にさせていただいているブログでFacebookのシェアボタンのシェア数のカウント表示がずっとグルグルしている（エラーでカウントできていない）のを何件か見かけましたので対応方法を調査しました。お心当たりのある方、宜しければご確認ください。 JavaScriptをちょっと修正すれば直るはず 0でも表示されている場合もある さいごに JavaScriptをちょっと修正すれば直るはず function get_social_count_facebook(url, selcter) { jQuery.ajax({ url:'https://graph.facebook.com/', dataType:'jsonp', data:{ id:url }, success:function(res){ jQuery( selcter ).tex
目次（と見出し）を適切に配置することのメリットとデメリット - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 先日、ポジ熊さんの下記の記事で、私が作成した目次のカスタマイズ機能をご紹介いただきました。 www.pojihiguma.com はてなブログでは公式目次機能があるので、比較的簡単に目次を導入できるようになっています。今日は個人的に目次について思うところを書いてみようと思います。はてなブログの公式目次機能のように、見出しから目次が生成される仕組みを前提にしておりますのでご了承ください。 目次は必要か？ 記事の概要を掴むことができる 欲しい情報だけつまみ食いできる アクセシビリティ的にも有効 SEOにも良い影響？ 目次のデメリット さいごに 関連記事 目次は必要か？ 私は必要だと考えています。数行、数文字だけの記事だったり、日記的な側面の記事であればまぁなくてもいいかなとも思いますが、それなりの分量の記事を書くのであれば必須じゃないかと思い
あけましておめでとうございます。2017年の目標をば - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 冒頭でも述べましたがもう一度。新年あけましておめでとうございます。本年も何卒宜しくお願い致します。 さて、ベタではございますが今年1年を有意義なものにするために目標を設定しておきたいと思います。惰性で過ごす毎日からの脱却です。ちなみに、毎年目標は設定するけどはやい段階で断念するタイプです。 ブログ関連の目標 まずは続けること すべてのカスタマイズをオリジナルにする 独自ドメインの取得+Pro契約 Googleアナリティクスの勉強 マネタイズもボチボチと 役に立つ 私的目標も少しだけ 節酒 or 禁酒 資格取得 HTMLとCSSの勉強 さいごに ブログ関連の目標 まぁ、はてなブログで書くんだからそりゃブログの目標だよね、ってことでまずはブログ関連の目標から。これはフレキシブルに変更していきますが、とりあえずの目標設定を。 まずは続けること
特定のタグ（カテゴリ）のときだけ何かを表示したり隠したりするカスタマイズ - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 どうやってご本人にお伝えしたらいいかわからなかったので記事化しました。ヒトデさん、お時間がありましたら試してみてください。 CSSだけでOK JavaScriptでももちろんできる さいごに CSSだけでOK そんな意識してないつもりだったけど、やっぱ無意識化でブレーキはかかってたんだなーって思いました とはいえこれはブクマ含めて拡散してほしいなーって記事も出て来たから難しいところ 誰か「ブクマ不要」のタグでブクマボタン隠せるようなの作ってお願い— ☆←ヒトデ@はてなブログ (@hitodeblog) 2016年12月29日 元ネタはこれ。「タグ」って書かれてるけどきっと「カテゴリ」のことだよね。 body.category-ブクマ不要 #shareButton .hatena-bookmark-button { display: non
コピペでどうぞ。CSSでカエレバ・ヨメレバのデザインカスタマイズ3案目 - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 昨日に引き続きカエレバデザインカスタマイズシリーズをお届けします。 今回もPC、スマホ、レスポンシブと3つコードを用意しております。お気に召した方がいらっしゃいましたら是非一度使ってみてください。 対応状況と取得コード PC版 スマホ版 レスポンシブ版 さいごに 関連記事 対応状況と取得コード 前回と条件は同じです。取得コードは「amazlet風-2」を選択してください。 本記事投稿時点では「Amazon」「楽天市場」「Kindle」「楽天ブックス」の4つだけになります。需要がありましたら他のものも対応しますのでご連絡ください。 PC版 わかりにくいかもですが、今回は薄いグレーから白へのグラデにしてみました。ちょっとだけですがテキストとボタンにも影を付けて立体的に見えるようにもしています。 .booklink-box, .kaerebal
コピペでどうぞ。CSSでカエレバ・ヨメレバのデザインカスタマイズ2案目 - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 そろそろ本格的にカエレバの導入を検討している私ですが、カエレバの導入よりもカエレバ用のCSSカスタマイズに夢中です。 先日、暇だったのでCSSの勉強も兼ねていくつか案を作ってみました。というわけで、今日は2案目、明日は3案目、明後日は4案目をご紹介していきたいと思います。まだはやいですが、メリークリスマスです。 今回もPC、スマホ、レスポンシブと3つコードを用意しております。お気に召した方がいらっしゃいましたら是非一度お試しください。 対応状況と取得コード PC版 スマホ版 レスポンシブ版 さいごに 関連記事 対応状況と取得コード 前回と条件は同じです。取得コードは「amazlet風-2」を選択してください。 本記事投稿時点では「Amazon」「楽天市場」「Kindle」「楽天ブックス」の4つだけになります。需要がありましたら他のものも対
ブログ開設一ヶ月。先輩方に倣って運営報告してみます - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 早いものでブログを始めて一ヶ月。今日まで毎日楽しく記事を書くことができました。途中からカスタマイズネタばかりになってしまいましたがまぁ仕方ない。 今日はずっとやってみたかった運営報告記事になります。誰得かもしれませんが、弱小カスタマイズ好きブログのリアルな現実をお伝えしたいと思いますのでお付き合いください。 PVと読者数といただいたブクマ数 一ヶ月書いてみての感想を 二ヶ月目の課題と目標を 直近の課題は5つ 数値目標はとりあえずPV2倍で 近いうちにやりたいこと さいごに 関連記事 PVと読者数といただいたブクマ数 おそらく皆さんがチェックされているのはこの3つの数字じゃないでしょうか。 私はまだアナリティクスを導入していませんのではてなブログのアクセス解析の数値を参考にします。Proになるとアクセス解析もパワーアップするんですね、気が付
Re : 読者登録返しは間違いだったと気づいた話 - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 ちょっと前に私の中で話題になった記事がこちら。 www.megane-shufu.com ちょうど同じようなことを考えていたので便乗させていただきます。 読者になっていただけるのはうれしい ただし、私はあまり通知をみない 解除すればいいのにためらってしまう たぶん考えすぎ さいごに 読者になっていただけるのはうれしい ちょっと前に50人の方に読者登録していただいたことをきっかけに記事を書きました。 basanote.hatenablog.com あれから10日、当記事の投稿時点ではさらに40人以上の方が読者登録してくださり全部で93人もの方が私のブログの読者に。 光栄です、ありがとうございます。お役に立てるカスタマイズ記事を目指しつつも、くだらない日記もお届けしますのでこれからもよろしくお願いします。 やはり読者登録していただけるのはうれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特定のタグ（カテゴリ）のときだけ何かを表示したり隠したりするカスタマイズの追加修正 - つばさのーと
LAMYのボールペン、サファリをいただきました - つばさのーと
冬服最強装備を導入するタイミングがわからない問題 - つばさのーと