はてなブログの常時SSL化は ダッシュボード＞設定＞詳細設定 にある HTTPS配信 を確認⇒有効化するだけで完了する。 ここまでの作業は非常に簡単である。 ただ、常時SSL化をすることによって、過去に設置したブログカードが消えてしまうといったエラーが生じる。 ブログカードを設置した部分がポッカリと空白になってしまっている。 また、SSL化の恩恵を受けるために、「保護された通信」の緑鍵マークが付いてないページを修正する必要がある。 はてなは画像や管理画面など、SSL化を去年から段階的に進めて来た。従って、新しい記事、ブログカードを用いていない人ほど修正は少なくなってる。ただ、逆に言えば、古い記事がたくさんある人ほど修正も大変だ。場合によってはデザイン、カスタマイズを含め、まるごと変更する必要も出てくる。古い記事を多く投稿している人は時間のある時に切り替え作業をした方が良いだろう。 この記事

はてなブログの独自ドメインのHTTPS配信がついに有効になりました。 staff.hatenablog.com ていうかはてなブログの開発ブログがまだHTTPS化されてない(´・ω・`)最近WordPress移転する方が多くて寂しいです。 HTTPS化の手順・やることリスト 修正すべき記事を検索 置換ツール Upgrade Insecure Requestsのメタタグをheadに入れる Mixed Content（混在コンテンツ）の確認 忘れやすいポイント はてなブックマークのシェアボタンをカスタマイズしている場合 jQueryを使ったカスタマイズをしている場合 管理画面（デザイン＞カスタマイズの画面）が崩れている・混在コンテンツになっている場合 【追記】2016年12月以前のブログカード 画像の置換のやり方の詳細 Google Search ConsoleとGoogleアナリティクスの再

追記: 2020年最新の情報について 2020年4月23日（木）以降、サブドメインなしでも独自ドメインの運用が可能になりました。 詳しくはこちらをご確認ください。 2020年現在の「独自ドメインの取得・設定方法」および「サブドメインなしの独自ドメインの運用」は、以下の記事で解説しています。 サブドメインを使った独自ドメインを運用を行いたい方は、引き続き本記事をご確認ください。 ◇◇◇ 自分らしいブログにしたい！ ブログを開設したなら誰もがそう思うのではないでしょうか。 他の誰でもない、世界に一つしかない自分だけのブログ。自分にしか撮れない写真、自分でしか書けない文章、自分らしさにあふれたデザイン。いろいろな工夫とあわせて設定しておくと、認知力としてグッと効いているのが独自ドメインです。 一度取得したドメイン名は、使えば使い続けるほど価値が高まっていきます。自分をよく表すドメイン名を選択でき

見出し h1見出し h2見出し h3見出し h4見出し h5見出し h6見出し 段落と改行 テキストのスタイリング 引用 リスト プレ要素とソースコード 表 区切り線 脚注 Markdownと合わせてよく使用する、はてな記法 embed リンク 最後に 関連記事 こんにちはnasustです。 先日、「はてなブログの記事はMarkdown形式だと圧倒的に書きやすい - nasust life blog」という記事で、はてなブログはMarkdownで記事が書きやすいと紹介しました。 Markdownという書式は簡単ですので色々なサイトで紹介されていますが、はてなブログでMarkdownが、どのように表示されるか分かりにくい所があります。 今回はMarkdownがはてなブログの記事でどのように表示されるか解説していきます。 見出し 見出しは行頭に#とスペースを空けてタイトルを書く事で出来ます。h

はてなブログで記事を書くときには 「見たままモード」「はてな記法モード」「Markdownモード」の 3種類の編集画面（編集モード）を選択できます。 それぞれの違いについては公式ヘルプが参考になります。 私は仕事柄、Markdownを使用することがあるので Markdownモードで記事を書いています。 はじめは戸惑うかもしれませんが 慣れてしまえば非常に簡易的にブログ記事が書けるので Markdownモード以外をご利用の方にも是非オススメしたい次第です。 編集モードの変更方法はこちらから 見出し(h1~h6) 記述方法 # 見出し1 ## 見出し2 ### 見出し3 #### 見出し4 ##### 見出し5 ###### 見出し6 出力されるHTML ブログ表示時には以下のようにHTML変換されます。 <h1>見出し1</h1> <h2>見出し2</h2> <h3>見出し3</h3> <h

はてなブログでは、記事編集画面（PC版）の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、キャプション（写真の内容を説明する文章）を付けられるようにしました。旅先での風景や、料理の工程などで何の写真なのかを説明したいときに、簡単な手順で挿入できます。どうぞご利用ください。 次のように写真の下にキャプションを表示できます。 これはエイの写真です（ここがキャプションです） キャプションを付けるには 編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際、「貼り付け時に詳細を設定する」にチェックが入っている状態で「選択した写真を貼り付け」をクリックします。「写真の詳細設定」ウィンドウが開くので、キャプションを入力して、「記事編集画面に貼り付ける」をクリックしてください。 編集サイドバーから簡単にキャプションを入れられます ※キャプションを入力する際に、改行することはできませ

はてなブログでは、記事ページ（個別記事のパーマネントリンク表示）の本文下（ソーシャルパーツを表示していればその下）に、関連記事を表示するようにしました。そのブログに投稿された記事から、表示中の内容に関連するとみられるものを最大5件まで、一覧形式で表示します。 これにより、ある記事に興味のある読者が同じ傾向の記事を次々と読み進んでくれることが期待できます。関連記事は、PC（レスポンシブデザインを含む）とスマートフォンのどちらにも表示します。どうぞご利用ください。 ※本機能はリリース日（2017年6月13日）以降、これから更新される記事で有効です。なお、導入の関係で過去5日程度の記事についても表示されていることがあります。 関連記事を表示しない 記事下の関連記事は、すべてのはてなブログでデフォルトで表示する設定になっています。 デザイン上などの理由で表示したくないときには、デザイン設定画面（P

はてなブログでは、ブログのサイドバー（PC版）に執筆者の一覧を表示する「執筆者リスト」モジュールと、執筆者ごとにまとまった記事一覧（Archiveページ）を追加しました。 ブログメンバー機能を利用したブログを読むときに、執筆者の顔ぶれを確認しやすくなり、また気になる執筆者の記事をまとめて閲覧することができます。どうぞご利用ください。 サイドバーに「執筆者リスト」モジュールを表示した様子 ※ブログメンバー機能は有料プラン「はてなブログPro」ユーザー向けの機能です。 執筆者リストモジュールの設置方法 ダッシュボードの「デザイン」から行えます。「カスタマイズ」 > 「サイドバー」 > 「＋モジュールを追加」より、「執筆者リスト」を適用するとモジュールが追加されます。 「執筆者リスト」モジュールの設定画面 「執筆者リスト」モジュールでは、ブログメンバーのうち記事を書いたことのある執筆者のみが表示

はてなブログでは、ブログに関する情報を表示するaboutページを自由に編集できるようにしました。 これまではブログを作るときに登録した情報が自動的に表示されていましたが、今回の機能追加により自分で自由に設定することができます。また、編集できる項目が増え、これまで以上に表現の幅が広がりました。自己紹介やポートフォリオの場として、どうぞご利用ください。 新しくなったaboutページ 新しいaboutページは、PC・スマートフォン・iOSアプリで設定・閲覧できます。 aboutページの編集画面へのアクセス方法 ダッシュボードの「設定」画面にある「基本設定」ページから行えます。「aboutページ」の項目にある「aboutページ編集」のリンクをクリックすると、aboutページ編集画面が開きます。 基本設定画面にある「aboutページ編集」をクリック aboutページ編集画面が開く aboutページ編

※キャンペーンは終了しました。たくさんのご応募、ありがとうございました。審査結果は2016年12月中に発表予定です。 ブログを書いて30万円。それどこ大賞が始まります！ どうやらブログがブームです。ためになる文章、楽しいイラスト、美しい写真、たくさんのコンテンツが日々さまざまなブログで公開されています。しかし、まだまだ世に知られていない才能、とんでもない書き手がいるはず。 そこで、いまお読みの「それどこ」では、みなさんから広く記事を募集することにしました。 テーマは、ズバリ「買い物」です！ 何かしら「買い物」と関連があれば、どんな記事でもかまいません。暮らしに役立つ商品の紹介、写真やイラストを使った使用レポート、買ったものを通して得た知識や体験、人生のターニングポイントになった買い物エピソードなど、自分らしい切り口で勝負してください。 それどこ大賞に記事を投稿する あなたが応募したコンテン

※ キャンペーンは終了しました。多数のご参加をいただきまして、誠にありがとうございました。結果発表はこちらから iOS・Androidアプリがカラースターに対応したことを記念して、豪華プレゼントキャンペーンを実施します！ 6月8日（水）23時59分まで、はてなブックマークのアプリからこのページをブックマークするともれなく全員に「グリーンスター」を、「カラースターあるある」をTwitter連携でコメントすると、さらにレア度が高いカラースターが当たります！ 詳しい応募方法はこのエントリーの最後をご覧ください。是非この機会にキャンペーンに参加して、カラースターを使ってみましょう。 カラースターって何？ カラースターとは、ブックマークやコメントに付けて気持ちを伝えられる星の形をしたアイテムのひとつです。はてなブックマークで見つけた面白いエントリーやブックマーク、コメント、はてなブログ記事など、はて

はてなブログである程度記事を書いてくると、記事の内容もさることながら、デザインも凝り始めたくなってくる。せっかく素晴らしい内容の記事を書いても、読みやすいデザインになっていなければ、記事の価値が目減りすることに気づき始めるからだ。 ただ、ブログをやり始めたばかりのころは、イケてるサイトの真似をしようとするけれど、うまくいかないことのほうが多いし、どうやればいいかもよく分からないことが多い。そこで今回は、ブログのデザインを見違えるほど変えるであろうデザインカスタマイズの小技を紹介していく。基本的にはコピペで1分で仕上がるものばかりだが、よりこだわりたいひとのためにカスタマイズ可能な箇所にも言及してあるので、参考にしてほしい。 はじめに 初心者ブロガーでも安心してコピペとカスタマイズができるように、今回デザインハックで使う3種類の言語(HTML・CSS・jQuery)について触れておく。このあ

久々にブログのスマホデザインを変更したので記録。 意外と新着記事リストを表示している人が少なかったので、同じようなことをやりたい方の参考になれば…。 ※以下の設定変更には、はてなブログPro の契約が必要となります。また、別目的で Milliardを使っている場合は干渉する可能性もあるので、変更する場合は元の設定を保存しておくことをオススメします。 最新記事をフッタに表示 はてなブログは記事の下にアクセスの多いものが「注目記事」として表示される。 それ自体はよいのだけれど、せっかくなら最近の投稿も目にしてもらえるといいな、と思った次第。（特に、本ブログの場合は「注目記事」の顔ぶれが、コンスタントに検索される記事に偏りがちなので。笑） というわけで、追加したのが図の赤枠で囲った「最新記事」の部分。 シスウ株式会社が提供している Milliard を使ってリストを作成し、それを「注目記事」の後

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

株式会社はてな（代表取締役社長：栗栖義臣／本社所在地：京都市中京区）は、本日、東京証券取引所マザーズ市場への新規上場を承認されましたことをお知らせいたします。 なお、上場日は2016年2月24日（水）を予定しております。 ここに謹んでご報告申し上げますとともに、これまでの皆さまのご支援、ご高配に心より感謝申し上げます。 弊社は、今後も“「知る」「つながる」「表現する」で新しい体験を提供し、人の生活を豊かにする”をコーポレートミッションとして、多くの方に楽しんでいただけるWebサービスの開発、提供を通して、企業価値の向上に努めてまいります。 引き続き、変わらぬ厚誼を賜りますよう、お願い申し上げます。 なお、新規上場に関する詳細につきましては、東京証券取引所のウェブサイトをご覧ください。 URL：http://www.jpx.co.jp/listing/stocks/new/index.htm

近藤淳也さんといえば、「株式会社はてな」の創業者。はてなの提供する「はてなブログ」や「はてなブックマーク」「人力検索はてな」などのサービスは、知らず知らずのうちに生活に溶け込んでいます。 そして先日、近藤さんが監修された『ネットコミュニティの設計と力』が発刊。15冊のシリーズで日本におけるインターネットのすべてを網羅しようという試みの「角川インターネット講座」の第5巻目です。 京都オフィスから自転車で5分、ご近所のはてなの近藤さんに、ご著書のこと、本選び、そして本屋さんのこと、伺ってきました！ 2015.10.10更新 ーー本をネットで探すときはどういう基準で選んでおられますか？ 近藤最近はフェイスブックなどで知り合いの人が本の感想を書いているときがあって、その感想に惹かれて、そのまま買うことが結構ありますね。「この人、この本からなにか感じたんだな」と感じるんです。深夜に本を読んで、

※限定オリジナルトートバッグが当たるキャンペーンの 応募方法は記事末に あります。 はてなブログ ディレクターの id:minesweeper96 です。いつも、はてなブログをご利用いただき、誠にありがとうございます。 明日（2015年11月7日）、はてなブログは サービス開始 から4周年を迎えます。これもひとえにご利用いただいているユーザーの皆さまのおかげです。いつもありがとうございます！ 毎年恒例となっております「この1年の、はてなブログの新機能や取り組みを振り返る」を、今年もお送りしたいと思います。あわせて今年は、はてなブログが目指す世界観を表明したページの公開と、限定オリジナルトートバッグ（13インチPCが入って通勤に便利なサイズ）が当たるキャンペーンも実施します！ 編集画面リニューアル＆新機能追加で、さらに書きやすく 「写真を投稿」機能の改善やGoogleフォト対応 ソーシャルメ

INDOSEVEN #Link Alternatif Slot Terpercaya & Bocoran RTP Indoseven Terbaru INDOSEVEN merupakan link alternatif situs slot terpercaya futuristik yang memiliki game engine software terbaru kualitas AAA dengan fitur bocoran RTP tertinggi update real time. Indoseven juga menyediakan akses masuk ke dunia game online terlengkap. Didirikan pada tahun 2020, INDOSEVEN menjadi tujuan utama bagi para pecinta

第79回毎日映画コンクールのアニメーション部門、ドキュメンタリー部門の作品を募集します。 アニメーション部門では、芸術的・実験的に優れたアニメーション作品に「大藤信郎賞」、ドキュメンタリー部門の最優秀作品は「ドキュメンタリー映画賞」として来年1月に発表、2月に表彰します。 2024年1月1日〜12月31日までに完成もしくは上映したアニメーション映画、ドキュメンタリー映画。ただし、アニメーション部門は、制作目的がテレビ用のみの作品は除く。ドキュメンタリー部門は、制作目的がテレビ用のみの作品や上映時間が5分未満の作品、外国語版の作品は除く。 応募フォームに必要事項をご記入の上、下記3点を毎日映画コンクール事務局までお送り下さい。 ①作品DVD５枚（Blu-rayを除く） ファイナライズ済みのもの。映像作品の画面比率は「16：9」で設定して下さい。 比率が「4：3」の作品は黒帯を追加して「16：

第79回毎日映画コンクールのアニメーション部門、ドキュメンタリー部門の作品を募集します。 アニメーション部門では、芸術的・実験的に優れたアニメーション作品に「大藤信郎賞」、ドキュメンタリー部門の最優秀作品は「ドキュメンタリー映画賞」として来年1月に発表、2月に表彰します。 2024年1月1日〜12月31日までに完成もしくは上映したアニメーション映画、ドキュメンタリー映画。ただし、アニメーション部門は、制作目的がテレビ用のみの作品は除く。ドキュメンタリー部門は、制作目的がテレビ用のみの作品や上映時間が5分未満の作品、外国語版の作品は除く。 応募フォームに必要事項をご記入の上、下記3点を毎日映画コンクール事務局までお送り下さい。 ①作品DVD５枚（Blu-rayを除く） ファイナライズ済みのもの。映像作品の画面比率は「16：9」で設定して下さい。 比率が「4：3」の作品は黒帯を追加して「16：