筆を選ばない弘法大師も、テキストエディタは選ぶかも 毎日さまざまな話題のエントリーが生まれるはてなブログの中から「旬な話題」をピックアップする企画「はてなブログで話題」。今回は「執筆ツール」をテーマに記事を紹介します。 編集という仕事柄、テキストエディタは毎日触る大事な仕事道具です。仕事の内容にあわせて設定などを変えると非常に捗ります。 VSCodeをメインのエディタにして半年たったので入れてある拡張機能を紹介します - 壁に飾られた絵画を見ようとしてその絵に近寄ってはいけない blog.ayako-m.work こちらは10月第1週のはてなブログランキングにランクインした、はてな編集部・ayako_m（id:ayakoya）のエントリー。仕事で使っているコードエディター「VSCode」のカスタマイズを紹介しています。便利そうですね。 ayako_m（id:ayakoya）の場合は「Web

スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール＆設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版で「開発元が未確認のため開けません」が出た方へ https://support.apple.com/ja-jp/guide/mac-help/mh40616/mac を参考に、アプリケーションをセキュ

今回は、「CSSセレクタ」 について解説していきたい思います。 主に、ブログでCSSデザインを導入する場合を想定 して、基本編・応用編の２回に分けて解説を進めて行きます。 今回は、基本編として、CSSセレクタについて簡単に解説した後、よく使う「基本のセレクタ」を紹介していきます。 ※ ブログでCSSを使用する場合は、お使いのブログがCSSの使用に対応している必要があります。 目次 CSSセレクタとは？ カスタム対象のクラスやIDの確認方法 記事中で紹介するコードの表示確認方法【ブログ向け】 はてなブログの場合 CSSファイルから試す場合 よく使う「基本のセレクタ」 要素の指定 ID名の指定 クラス名の指定 要素名＋クラス名で指定 特定の複数クラスを持つ要素を指定 複数セレクタの指定 子孫セレクタの指定 子セレクタの指定 まとめ CSSセレクタとは？ 「CSS」を使うと、HTMLの特定の要素

仕事で Netlify にデプロイしたSPAの読み込みが遅いので原因を調査してほしい、という依頼を受けてウェブパフォーマンス調査を行った。顧客から許可をもらって、この記事ではNetlifyに対してどういう調査をしたのかを書く。 結論だけをまず書くと、NetlifyのCDNのファイル配信パフォーマンスは日本国内からだと非常に悪い。パフォーマンスを改善させるためには、Netlifyに直接アクセスさせるのではなく、前段に他のCDNやキャッシュサーバを挟んだりするほうがいいだろう。 調査の前提 日本国内からのみの調査 サイトには静的なファイルをデプロイしているのみ 該当するNetlifyにデプロイしたSPAをブラウザで試しに開いてみると、確かに初回の読み込みのパフォーマンスがめちゃくちゃ悪い。 Chrome Devtoolsを開いてネットワークタブでどういうふうにリソースの読み込みを行っているのか

このブログにタグ機能を作りました。 タグって自作ブログを作ると絶対に欲しくなってしまう機能なのですが、Gatsby でそれを作るのはちょっと敷居の高さを感じていたので、噛み砕きながら解説しようと思います。 一度わかってしまえば単純な話だとは思うものの、gatsby-node.js の使い方やビルドプロセスの知識が問われるので、Gatsby を使えるようになるかどうかの最初の関門になってそうと個人的には思っています。 同様の知識は Gatsby から記事ページを生成するときにも問われますが、それは公式チュートリアルをやればすんなりと通れるため、実質タグ機能の実装が最初の関門になってそうです。 そのため "Gatsby を初めてみてチュートリアルやって静的サイトは作れるようになったけどよくわかってない" という人にとって有用になりそうな情報も含めて、タグ機能の実装に必要な知識や考え方をつらつら

今回やること Atomのパッケージにhatena-blog-entry-postという、Atomからはてなブログにエントリーすることができるものが公開された。今回はこのパッケージを使って投稿してみる。 投稿の仕方 パッケージをダウンロード Atomの設定画面からInstall packagesに行き"hatena-blog-entry-post"と検索する。INSTALLをクリックする。 各種設定 無事インストールできたら、はてなブログに投稿するために以下の項目を設定。 - Hatena ID - Blog ID - API Key これらははてなブログの設定画面で確認することができます。 Atomで記事作成 Atomでctrl-nをおして新しいファイルを作成しctrl-sで適当な名前をつけて拡張子を.mdとしマークダウンファイルとします。 はてなブログに投稿 記事が完成したらctrl-a

ヒトデです。ブログを書いて生活しています そんな自分が、ブログの文章で特に強く意識しているのが「読みやすさ」です どんなに良い文章でも、読んでもらわなければ意味が無いと思っているからです かれこれ3年以上ブログを書いてきて、同時に人の記事を集めてメディアを作る事もしていたため、人のブログの添削もしまくりました（150記事以上添削しました） そんな自分がこれまでの経験から これを意識するとブログがグッと読みやすくなる！ と思うものの中で、自分が特に大事だと思っている物をチョイスしました。初心者の方でもすぐに意識出来るものも多いとお思います 少しでも参考になれば嬉しいです

▼ この記事の音声版もあります。ぜひご視聴ください！ ※音声版は音声で聞いた時に分かりやすくするために編集しており、記事内容と異なる場合があります。 大阪のSEO対策会社に依頼する前に大事なこと SEO対策会社に依頼する前に、次の3つのポイントを意識してください。 自社のホームページの目的について認識を持つ 自社のホームページの問題を把握する 最低限のSEO対策の知識を持つ それぞれ詳しく見ていきましょう。 自社のホームページの目的について認識を持つ 自社のホームページを作成する際に、どのような目的をもったホームページなのか、ということを考えた方も多いのではないでしょうか。中には、名刺や会社案内の代わり、周りの会社が持っているから、という理由もあるでしょう。 もし、ホームページからの問い合わせを必要としていないなら、特に対策をする必要はありません。しかし、ホームページから問い合わせを増やし

ブログ運営で大切なことは、公開した記事がきちんと読まれることです。週刊はてなブログではSEO専門家の辻正浩さんに、現在のFavicon（ファビコン）の重要性と注意すべきポイントについて寄稿いただきました。どうぞお読みください。 SEO専門家の辻正浩( id:t-w-o )です。はてなブログのSEOをサポートしている外部スタッフとして、これまでも何度かはてなブログのSEOについてご紹介*1してきました。今年の6月から株式会社JADEを立ち上げてJADEの辻として活動しています。 今回は、はてなブログでも対応可能なFaviconの価値についてご紹介します。 モバイル検索結果にFaviconが登場 検索結果で選ばれるためのFaviconの作り方　5つのポイント サイズは48ピクセルの倍数 透過は使わない 複雑なものにはしない 正しく指定をする あなただけのFaviconに Faviconを設定す

ブログのアイキャッチ画像や本文の画像として、インターネット上で配布されている素材を使うことがポピュラーになりました。自分で撮影や画像加工をしなくても、テーマにあったクオリティの高い画像素材を使えば、記事がより魅力的になりとても便利です。 しかし、画像の選び方には注意が必要です。最近、知らないうちに著作権を侵害してしまい、画像の利用料を請求されたり、損害賠償を求められるような事例が増えてきているのです。 「自分は著作権侵害なんてしていない」と思う方も要注意。実際に請求を受けた方に話を聞くと「画像を盗用するつもりはなかった」「ついうっかり使ってしまった」「他の人も使っている画像だから問題ないと誤解していた」と、まったく悪気がなかった方がほとんど。 これまでに、はてなに実際にいただいたご意見から、特に誤解しやすいNG例を紹介します。知らず知らずに画像泥棒になっていませんか？ もう一度確認してみて

この記事は内容が古くなったため、２０１９年版ブログ運営の教科書として内容を改めてアップしました（２０１８年版は多少角度が異なるため、残してあります）。 www.jarna.jp 筆者：ガラケースタートから２年間で、ブログ合計最高１００万ＰＶをなんとか達成。 ブログ運営・副業の教科書とは？ 人が主役であり金が主役なのではない ブログ運営・副業の教科書に必要なもの この記事の狙い 筆者のブログ・サイト運営実績 ステップ１／12　なぜ副業はインターネットが良い？ 会社は辞めるべき？ あなたは、なぜ副業を始めるのですか？ なぜ、インターネットを副業に選ぼうと考えましたか？ まだ伸びているアフィリエイト市場 会社を辞めますか？　それとも辞めませんか？ その１／１２のまとめ ステップ２／12　まず、どこのブログに何を書くべき？ はてなブログににどんなネタを書けばよいの？ ブログで稼ぐまでのおすすめの手

Google Search Console（サーチコンソール）とは、Googleの検索結果でブログの掲載順位を監視、管理、改善するのに役立つ無料サービスです（出典：Search Console の概要）。 twitterでは「サチコ」「サチコちゃん」と呼んでいる方もいます。 いろいろ機能がありますが、実際に私が良く利用するのは次の４つです。 【URL検査ツール】Googleに記事更新を伝える（旧：Fetch as Google） 【検索パフォーマンス】ブログ全体で検索上位のキーワードの確認 【検索パフォーマンス】記事ごとの検索キーワードの確認 【リンク】外部リンクの確認 まずはこの４つだけ覚えておけば生きていけます。 この記事では新しくなったサーチコンソールの基本的な使い方を紹介します。 2019年3月28日からFetch as Googleもできなくなるみたいなので、あわせて新しいサーチ

こんにちは、青色申告です。 今回は２つ目のブログつくったよってことを書こうと思います。 【目次】 ２つ目のブログを作りたくなった 本当の理由 複数ブログを作るにあたっての障害 1.IDが一緒になる 2.どうする、別アカウント作る？ 3.どうするサブアカウント作る？ 複数ブログを作るのは超簡単 はてなブログで複数ブログを作るメリット 身バレを防ぐ方法 ブログのabout欄にプロフィールIDを表示しない（設定→about編集より） スターを押さない Pro会員はヘッダーとフッターを表示しない メインブログを設定 身バレ対策まとめ 最後に ２つ目のブログを作りたくなった 理由は、なんとなくです。ええ、万能ななんとなくという言葉で片付けてしまいます。別にこのブログで書いてもよかったんですけど、てかそのほうがカスタマイズとかしなくて済むし、超楽なんです。このブログで書いていたほうがアクセスもつながり

新しいサイトやブログを立ち上げる時など、サイトを「サブドメイン」と「サブディレクトリ」のどちらに設置するか、悩むことがあります。また、サイト内に別の話題のページがある時にもそれぞれの話題ごとに「ディレクトリにまとめる」方法が良いのか、「サブドメインにまとめる」方法が良いのか判断に迷いますね。 特にビジネスサイトだと、どちらの方法のほうがGoogleから高く評価されるか、しっかり考える必要があります。 SEO対策にはどちらが有利なのか、そもそもどういった違いがあるのか、本記事で説明します。 ディレクトリ？それともサブドメイン？ Google公式オンラインQ&Aイベントにて、スポークスパーソンであるジョン・ミューラー氏に、こんな質問がありました。 自社サイトでは、似たようなトピックが5つあります。（それぞれのページの）内容は十分違っていて、別々のディレクトリに入れる方法もあるかとは思いますが、

【書評】たった20記事のミニサイトで月10万アクセスを集める方法 最終更新日: 2022/05/08 公開日: 2018/04/01 「素人でもできる! たった20記事のミニサイトで月10万アクセスを集める方法（中島茂夫/著）」のブックレビューです。 2016年後半よりブロガー、アフィリエイターの間で未だブームが続いている「ミニサイト」。きっかけとなったのは和田亜希子氏の著書「ミニサイトをつくって儲ける法」です。 以来後続となる本がなかなか出てきませんでしたが、実に1年半ぶりに中島茂夫氏によってミニサイトに関する著書が出版されましたので早速購読してみました。 結論から言いますと、先の和田さんが著されたミニサイト本とはまったく視点の異なるものでした。 僕自身の「ミニサイト」に対する認識は「簡易な情報サイトの一種で完成形が想定されるもの」であり、どちらかと言うと和田さん寄りです。 ミニサイトと

はてなブログでは2018年6月11日から、独自ドメインで運用されているブログに、HTTPSで配信できる仕組みの提供を開始しました。 独自ドメイン機能は、有料プラン「はてなブログPro」限定の機能です。はてなブログProの詳細は、以下のページをご覧ください。 hatena.blog なお、はてなが提供しているドメインを使用したブログについては、2018年4月から提供を開始しています。*1 設定方法 ダッシュボードから設定画面にアクセスします。ヘルプを読み、仕様をご確認いただいた上で「変更する」を選択してください。 新たに独自ドメインを使用する設定へ変更される場合 2018年6月11日以降、新たに独自ドメインを設定したブログは自動的にHTTPSで配信されます。そのため、ユーザーがあらためてHTTPS配信を有効に設定する必要はありません。 独自ドメインを設定する際に「HTTPS配信が有効になるこ