はてなブログでは、8月に追加した「引用ストック」ボタンを、スマートフォンの記事ページでも表示するようにしました。閲覧中に気になった文章を、後で記事執筆時に引用できるようストックしておくことができます。 ストックした文章は、記事編集画面（PC版*1）の編集サイドバーにある「引用貼り付け」タブから、執筆中の記事に引用として貼り付けることができます。どうぞご利用ください。 ※記事編集画面の「引用貼り付け」機能は現在のところPC版でのみ利用でき、スマートフォンでは引用のストックのみが可能です。 スマートフォンで引用をストックするには 以下の手順で、スマートフォンで閲覧中に気になった文章をストックできます 文字列を長押しして範囲選択します 9月に追加した引用ボックスが表示されます ☆（引用スターをつける）ボタンのとなりに、引用符（“）の「引用ストック」ボタンが追加されています 引用ストックボタンをタ

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

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

はてなブログでは、9月にリリースした目次記法について、次の3点を改善しました。 お問い合わせ等でご要望いただいたユーザーの皆さま、ありがとうございました。 アプリの「見たまま」編集でも記述できるようにしました スマートフォンアプリ「はてなブログ」の見たまま編集でも、[:contents]と記述すると目次に展開されるようにしました。 見たまま編集で書式をコピーしないようにしました 一般に「見たまま」編集タブに文字列をコピー＆ペーストすると、元の書式（HTMLのタグなど）もあわせてコピーします。目次記法では、これによって記法とみなされないことがあるため、[:contents]のみのコピー＆ペーストについては書式なしとするようにしました。 ※一般に、Shiftキーを押しながらペーストすると、書式なしのプレーンテキストとして貼り付けることができます。 続きを読む記法によって隠れてしまう見出しも表示

はてなブログでは、クリップボードにコピーした画像をそのまま記事編集画面に「貼り付け」すると、はてなフォトライフに自動的にアップロードし、本文中に挿入されるようにしました。 画像編集アプリケーションなどで加工した画像を、いったんファイルに保存しなくてもそのまま本文中に挿入でき、加工した写真などを簡単に掲載できます。どうぞご利用ください。 ※この機能はインライン画像の扱いに関するWebブラウザの実装に依存するため、現時点ではGoogle ChromeのPC版のみで動作します。 画像をクリップボードから貼り付けるには 次の手順で、クリップボードから画像をアップロードできます。 画像編集ソフトやプレゼンテーションツールなどで画像を用意し、クリップボードに「コピー」する はてなブログの記事編集画面を開き、コンテキストメニュー（下記画像参照）やキーボードショートカットで画像を本文に「貼り付け」る 画像

この間追加されたはてなブログの目次機能。どのモードでも、[: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" と加えるだけです。それぞれをつなぐときは「&」

はてなブログでは、記事の見出しから目次を自動的に作成する「目次記法」を利用できるようにしました。レビューや論評、技術ブログなど章立てされた長い記事を書いたとき、記事中の見出しにリンクされた目次を、記事の冒頭に簡単に挿入することができます。どうぞご利用ください。 目次記法の使い方 記事に見出しを追加するには 見たままモードで見出しを追加する はてな記法モードで見出しを追加する Markdownモードで見出しを追加する ※この記事の目次も目次記法で作成しています。 ※【追記】目次記法を入力補助ツールバーから入力できるようにしました。詳細は以下の告知などをご参照ください。 http://staff.hatenablog.com/entry/2017/01/19/182000 目次記法の使い方 ※目次記法はどの編集モードでも利用できます。 目次を挿入したい行に、次のように[:contents]と記

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

デザインテーマを変えてしまいました(*´ｪ`*) 素敵なデザインをみつけたので。 そして少し自分の色に染めてみました。 テーマ『Material』に変更 フラットデザインは最近よく聞きますが、マテリアルデザインというのを初めて知りました（笑） これはみなさん常識なコトでしょうか…？ ひよっこブロガーのもっちはようやく知りましたよ。 しっかりGoogle先生に教えていただいて、素敵なデザインを理解した上で利用させていただくことにしました。 私的には会話風のコメントがツボです。 カスタム記録 私が変更させてもらったのは、主に４点。 １カラム→２カラムに webgaku.hateblo.jp 色を変更 webgaku.hateblo.jp 色はGoogle公式のマテリアルデザインのカラーパレットが使いやすかったです。 Color - Style - Google design guideline

ブログのアクセスアップ、マネタイズについては「ブログで稼ぐ方法 | 30万PV・10万円稼ぐまでにやってきたアクセスアップとマネタイズの方法を全部書く」にまとめてますのでぜひご覧ください。 こんにちわ、はてなブログのカスタマイズを夢見て手が付けられていないコトリです。 今年に入ってからはブログ用にtwitterを開始しはてなブログだけじゃないブロガーやアフィリエイターをフォローしていろんなブログを見てきました。はてな以外だとWordpressを使っている方を多くフォローしているためブログカスタマイズに興味をもつようになったんです。 はてなブログのカスタマイズ事情 ブログをカスタマイズする前に考えておきたいこと カスタマイズに夢中になって記事更新を怠るべからず 時代はPCじゃねー。モバイルだ はてなブログ モバイルを魔改造しているブログ 太陽がまぶしかったから iPhoneのこととかいろいろ

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試

はてなブログを使い初めて早いもので１周間がたちました。「はてなブログはアクセスが集まりやすい」とよく言われていますが、確かにその通りだと思います。このブログも１周間で３０００PVと、まずまずのアクセスを集めています。 ただ、はてなブログが万能かと言うと決して、そうではありません。特にエディターがどれも微妙な感じです。はてなブログには３つのモードで文章を打てるのですが、どれも一長一短です。本日は、はてなブログの３つの編集モードを考察してみたいと思います。 私がエディターに求めるもの Markdownで書きたい 画像のtitle属性は消して、alt属性を自分で入力したい スマホでもブログを書きたい（モブログ） 画像は「はてなフォトライフ」から挿入したい ごく当たり前のことを求めていますが、はてなブログのエディターは、なかなか思うように動いてくれません。 見たままモード 見たままモードのメリット

＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

この度、WordPressから「はてなブログ」に引っ越したわけですが、やはり見た目を少し変えたくなり、ちょっとだけカスタマイズしてみました。カスタマイズした箇所を備忘録として残しておきたくなったので記事にします。 ちなみに、私はそれほどCSSやHTMLに詳しいわけではありませんので、その都度、ググって色々な方の記事を参考にして解決しました。ただ、どのカスタマイズがどの記事に書かれていたのか覚えおらず、参考記事として貼れないものもありますので、分からないものは省略してあります。今回の記事は、ブログの初心者の方に参考になればなぁと思います。 このブログの基本的なこと まずは、このブログの基本的なことについてお話します。 はてなブログおすすめのテーマ テーマは現時点で人気No１のWrittenにしました。シンプルでカスタマイズしやすいと感じましたし、とても自分好みのデザインだったので、ビビっとき

はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。はてブしたら負けだ。

この記事は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（４と６）でエラーが発生していたので修正しました。