最近、学校の先輩から勧められた「0秒思考」という本。自己啓発は普段読まないのですが、あまりに推してくるものだから、その場でKindleで買って読んでみました。 これ、ものすごく効果がありそう！ということで感想と実践の様子を書いてみたいと思います。 0秒思考とは？ 他の方たちの記事で、深い考察がなされていたりしているのを見て、純粋に僕もあこがれているのです。 というのも、思考力・考える力というのはそう簡単につくものではなく、昔からやってきた方にとっては自然にできているのだと思いますが、自分は基本的に、機能停止してるなーと思ってます。 なので何かを真似したりというのはできるのですが、０から作り出す、例えば「こういったイベントやるんだけど、流れを組み立ててくんない？」みたいなことを言われると、ウンウン唸って一日が終わるけど、結局あんま良いものができない。みたいな。 そういった方にお勧めのトレーニ

10/7追記１：「はてブ順」を含めた、５つボタンバージョンを追加しました。 11/16追記２：カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、これは！と思い、以前作ったトグルメニューと組み合わせると、スマホの回遊率が高められる(かもしれない)メニューバーというものを作ることができたので、紹介したいと思います。(レスポンシブ設定の方は、できません) 実装図 実際のカスタマイズ ４つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる ５つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる その他のカスタマイズ 色を変えたい 人気記事の表示する個数を変えたい はてブ数を表示したい・したくない カテゴリの部分を二列にしたい

この間追加されたはてなブログの目次機能。どのモードでも、[:contents]と書き込むだけで目次がつくれるので、「凄い！」って思ったしとっても便利になりましたよね！ 今まで目次を自動生成するコードもあったのですが、特定の説明記事やリスト記事にだけ入れたいなと思っていたので、半ば諦めていました( ；´Д｀) それにちょっとコードを足すとグッと使いやすくなるので、いろいろとサンプルを紹介したいと思います。 はてなブログユーザー向けの記事になります。 CSSでできるはてなブログ目次のカスタム リスト表示を番号にする 見出しの一部を消す 小見出しを消す 中見出しも消す 「目次」という言葉を入れる 目次部分に背景色をつける 文字の大きさを、少しずつ小さくしている 段の横幅を調整 jQueryでできる目次カスタム スムーズスクロールにする 最初は隠しておいて、クリックしたら表示するようにする まとめ

前回記事が、自分にとってけっこう大きいシェアをもらうことができました。ありがとうございます！ www.yukihy.com この記事友人も見ていて、Lineで誤字や脱字をものすごく指摘してきたり、自分でシェアしてたり鬱陶しかったのですが、友人としては何でバズったのかいまいち分からないみたいです。 その友人から見ると、フォントの話も補色の話も、ほぼ定石通りなんだそう。 ただ僕から見ると意外だったので記事にしたのですが、やっぱり人から聞いた「気づき」だったり、自分が当然だと思っていることも記事にすることは価値があるなあと感じ取れた瞬間でもありました。 今回は具体的にGoogleフォントの導入の仕方を、はてなブログを例にとってやってみたいと思います。 Googleフォントの導入の仕方 使いすぎると、すごく重くなります 英語しかできません…orz やり方はそこまで難しくありません。まずはGoogl

だいぶブログもカスタマイズして、ほぼもういじるところが無いような感じになってきてしまったのですが、数日前にフォントを変更してみたんです。 そしたら美大に通っている友人から軽いバッシングを受けて、フォントについていろいろと教えてもらったので共有したいと思います。 フォント 自分がここまでしてきたカスタマイズって、デザインと言うよりかは機能を追加するような感じなんですよね。 例えばフォトショとかイラレとか触ったこともないですし、ヘッダーの背景は青いまんまですし。 そこで気分を変えるために、ブログタイトルの「Yukihy Life」のフォントを「Google Fonts」で変えてみたんですよ。 とにかく特徴のあるタイトルにしたかったんです！ デフォルトはこんな感じなのを Googleフォントでこんな風にしてみました。 どうです？ フォントのイメージも、どことなくアドベンチャー感が出て、男らしさと

配布しているシェアボタンの中で、Twitterでシェアされる場合をある程度カスタムできるので、メモです。 Twitterでよくエゴサーチなどをされる方は、オススメです。 ツイートされたときに、「@◯◯さんから」とつける イメージはこんな感じです。 最後に、「@ftmacchoさんから」ってついていると思います(ftmacchoは僕のTwitterのアカウントで、太マッチョっていいます)。 こうするとTwitterでシェアされる度に、自分のTwitterのアカウントに通知をさせることができます。自分はエゴサーチ怖いのでやりませんが、よくやられる方は時間短縮になりそうです。 ただ個人的に、人のにこれがついているとシェアしづらくなりません？？結構シェアする前に消したりしますw このやり方は、ツイートボタンのaタグの中に via="ftmaccho" と加えるだけです。それぞれをつなぐときは「&」

コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記：11/20より、ツイッターのシェア数の取得ができなくなりました。(参考：持続的なプラットフォームのための難しい決断)これにより、ツイッターのシェア数の部分を「Twitter」と表示するように変更しました。 2016/1/11追記２：当ブログのシェアボタンを使っているかたのみ、Twitterのシェア数を表示させるようにする記事を書きました。詳しくは「count.jsoonを使って当ブログのシェアボタンを使っている方のTwitterカウント数を取得する方法 - Yukihy Life」をごらんください。 2016/5/18追記３：Faceboo

この記事は9/30より不具合が発生しますので、 www.yukihy.com こちらから設定をお願いします。 以下の説明部分を表示する 5/28追記１：シェア数が表示されない不具合が発生しております。現在検証中です…すみません（汗）と言いつつ僕のは表示されるという 5/28追記２：シェア数が表示されない不具合を解消しました。具体的にはコピペコード１を修正しています。お手数ですがもう一度設定をお願いします。 6/7追記３：元々記事にも書いていましたが、2015/8/30より新しいYahoo Pipesをつくることができなくなるそう（参考：Yahoo Pipes Blog - Pipes End-of-life Announcement）それに伴い、「Google+」と「Pocket」のシェア数が表示されなくなります。 6/29追記４：HTML（４と６）でエラーが発生していたので修正しました。

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