Webデザイナーが施す9つのSEO対策 | BUILD Journal
複合キーワードでありますが、多くのアクセスを獲得してきました。 小さなWebメディアでは、単一キーワードでの上位は難しいのですが、単一キーワードでないと結果が出ないわけではありません。複合キーワードで上位表示を果たし、結果を出すことができるのです。 私が施しているSEO対策は、結果を保証するものではありません。 ただ、結果を少し期待できるものではあります。 そのSEO対策を紹介します。 1, キーワードを含むタイトルWebサイト内のタイトルは、主に3つあります。 サイト名ページ名記事名いずれも重要なコンテンツです。Webサイト単位や、ページ単位・記事単位でシンボルとなります。メインとなるキーワードを含めたタイトルを設定します。 タイトルを設定する上で意識すべき視点が2つあります。 将来のお客さまとなりえる人からの視点Googleからの視点『人からの視点』と『Googleからの視点』でタイト
textlintへのルール追加に必要な正規表現を、やさしく解説してみた - SmartHR Tech Blog
こんにちは、UXライターのkunyです。3月にスケボーを始めて、最近チックタックができるようになりました。 さてSmartHRでは、textlintに独自のルールプリセットを追加して利用しています。ルールプリセットはオープンソースで公開しており、継続的にルールを追加しています。 さて、そのルール追加の際に正規表現の知識が必要なのですが、「正規表現、マジ難しい...」と感じています。「う〜ん」と唸りながらルールを追加することも多いです。 そこで自分の勉強も兼ねて、textlintへのルール追加の際に必要な「基本的な正規表現」を、実例とセットでまとめてみました。「ブログ書くぞ〜」と宣言したところ、少数ながらも「いいね」をいただき、需要あるかも？と思っています。感想やフィードバックを、Twitterでつぶやいていただけると嬉しいです。 textlintのルール作りに必要な正規表現、というタイトル
textlintの導入方法や使い方を確認してみた | DevelopersIO
textlintの導入 今回どのプロジェクトでも任意で使えるようにしたかったので、textlintをグローバルインストールする形で導入してみました。 textlintのインストール インストールコマンドは以下です。 $ npm i -g textlint ルールプリセットのインストール 次にルールのプリセットをインストールします。 今回は技術書向けのルールがまとまっているプリセットのtextlint-rule-preset-ja-technical-writingをインストールします。 インストールコマンドは以下です。 $ npm i -g textlint-rule-preset-ja-technical-writing ルールの適応方法 インストールしたルールの適応方法は以下の２通りあります。 textlintコマンドにオプションで使いたいルールを指定する。 .textlintrc.j
neovimの設定とpluginの見直し 2022年末
フォントの設定 NerdFontを使うようにする。 ファイラーなどにアイコンを付けるため。 今回使うのはHack Nerd Font。これも 端末設定の見直し で設定したものと合わせる。 ファイラー Nerdtree -> Fernに移行。 https://github.com/lambdalisue/fern.vim さらに、Nerdfontに対応し、カラーリングするため下記のpluginも入れる。 https://github.com/lambdalisue/nerdfont.vim https://github.com/lambdalisue/fern-renderer-nerdfont.vim https://github.com/lambdalisue/glyph-palette.vim 体感でもNerdtreeより高速に動作する。 Nerdfontによるアイコンとカラーリングの
ChatGPTの精度を上げる、あらゆる質問の最後に置く「命令」 優秀な壁打ち相手を作る、「チャットAI力」の高め方
クリエイターに出会ったり、もっとファンになったり、noteで創作をつづけたくなるようなイベントを開催する「noteイベント」。今回は「チャットAI使いこなし最前線」をテーマに、黎明期からチャットAIを活用しているnote CXOの深津貴之氏が登壇しました。こちらの記事では、ChatGPTユーザーの悩みを解決するプロンプトなどが語られました。 ChatGPTユーザーの悩みを解決するプロンプト 徳力基彦氏（以下、徳力）：まず今日はChatGPTの使い方をしっかり覚えていただきたいと思います。ここで「深津式汎用プロンプト」。 深津貴之氏（以下、深津）：僕は1個1個、個別の例を出すのはあんまり好きではないです。さっき言ったように原理原則を1個理解すれば、全部その原理原則から引っ張れる方向が好きですね。 なので今日も、細かいプロンプトを出すよりは、だいたいあなたの悩みのすべてを解決するプロンプトを1
git subtree のユースケース別覚書
Git Subtreeが覚えられないのでメモ。 追記するかもしれないけど、記憶に焼き付けることが目的なので、あまり期待できない。 usecase Subtreeの追加 コミット&push pull (Subtreeを含むリポジトリの)clone ブランチが絡んだケースはまだ必要性に直面してないので割愛. 注意点 以下において例はすべて、 親となるリポジトリ: https://github.com/kyoh86/parent.git subtreeとして追加するリポジトリ: https://github.com/kyoh86/sub.git として記載していく。 また、あくまで一例なので「必ずこうしなきゃならん」という正しさのようなものは含まれていない。 Subtreeの追加 remoteを追加する
そのPythonパッケージ管理、venv + pipでよくないですか? in 2023/1
そのPythonパッケージ管理、venv + pipでよくないですか? in 2023/1 各所(主にPython界隈の外)で「Pythonパッケージ管理どうするのが正解なの?」とよく耳にするので2023年初頭時点での私の見解を書きます。 tl;dr 多くの場合のPythonパッケージ管理はvenv(virtualenv) + pipで済むのでは? 前提 タイトルにvenvとついていますが、以降venv(virtualenv)については言及しません。仮想環境内で作業している前提で話を進めます。 この記事では基本的にsetup.py / setup.cfgではなくpyproject.tomlでのパッケージ定義方法を採用します。これはPEP 621がここ最近で採択・実装されたためです。 なお、想定しているPythonや各ツールのバージョンは以下の通りです。 Python >= 3.8 pip
コマンドを使わずに理解するGit - Qiita
この記事はNuco Advent Calendar 2022の7日目の記事です はじめに 株式会社Nucoでエンジニアをしている@noshishiです。 今回は、ついついその場限りのコマンド実行で乗り越えがちなGitを、コマンドを使わず理解するための記事を書こうと思います。 Gitとは バージョンを管理し、作業を分散する Gitは、分散型バージョン管理システムと呼ばれるソースコードの管理システムの1種です。 Gitは、ファイルの変更履歴（バージョン）を記録・追跡することで、過去と現在のファイルを比較し、変更点を明らかにすることで、円滑に開発作業を進めるためのツールです。 また、一度に複数の開発者がファイルを編集できるシステムなので、作業を分散して行うことができます。 Gitを使うということ まず、みんなで共有できる保存場所（以下、リモートリポジトリ）にあるファイルなどを、手元のパソコン（以
Vercelの基本的な使い方まとめ
Vercelとは Vercel は、簡単さが売りのシンプルなPaaSです。 以前は ZEIT now というサービス名でしたが、2019/04/21に社名がVercelに変わり、これにあわせてサービス名も Vercel になったようです。 ちなみに、Vercel社（旧ZEIT社）は Next.js の開発元としても知られており、$21Mの資金調達に成功しているイケイケスタートアップです。 Vercelは静的サイトやSPAのホスティングももちろんできますが、サーバーレス関数やWebアプリを無料で簡単にホストできるので、趣味プロダクトのサーバー代わりに使われているのをよく見かけます。 使ってみる 簡単なNode.jsのアプリをVercelでホストしてみましょう。 やり方は こちらの公式ドキュメント のとおりです。 例えば /api/foo.js というファイルを置いておくと、Vercelが自動
かんたん！VS Code拡張機能開発 | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、VS Code拡張機能（Extension）の開発手順について簡潔にまとめたのでご紹介します。 前回のエントリでもVS Code拡張を作成しました。既存ブログなどを見ながら四苦八苦して実装したのですが、手順自体は意外と簡単でした。 手順概要 VS Code拡張機能を開発する手順は以下のようになります。 プロジェクト作成（yoコマンドで1発） コマンド内容を実装（JS/TSで処理を記述） コマンドの呼び出され方を定義（package.jsonを編集） 動作確認（VS Codeのデバッガーを使用） VS Codeで拡張機能として利用可能にする（vsixファイルに変換してインポート） なお、ここで紹介するのは自分で開発して自分で使うExtensionを作る想定の手順です。マーケットプレイスへの公開手順は紹介しません。（ただし公開手順も難
Vimで本格的にWeb開発したい人の為のステップアップガイド
想定読者 この記事は「Vimって便利だけど、覚えたてだと局所的にしか使えなかったりして、実際に本格的にWeb開発するのは難しいし、モチベーションも続かないなあ…」という人のために書きました。 工夫した点 TODOサンプルアプリを用意して「Vimの設定適用 → リアルなコードを使って実際にVimを動かす」という感じで少しずつ便利になる体験をしながら実際のWeb開発でも使えるVimを使った操作や設定などを覚えていけるステップアップ構成 特定のプラグインを使うケースは類似プラグインを紹介し、他のプラグインも選択できるように。（これこそVimの楽しいところ。好きなものを好きなように自分で組み合わせて使う。） 注意点 Vimの説明になります(Neovimではありませんのでご注意ください)。 Vimはバージョン8.2を使っています。 Docker上のUbuntuでVimを動かす想定になっています。イン
レガシープロジェクトを引き継いだ時、最初にするべき７つのこと - Qiita
営業一課で使っている PHPアプリを保守してくれないかな？ ○○さんが１人で作ってメンテしてたやつなんだけど 皆さんは上司からこんな仕事を振られたことはないでしょうか？私は過去に何度か経験した1のですが、こういった仕事はなぜか： 正確な仕様を知っている人はいない（知ってた人は辞めた） テスト計画書・デプロイ手順書・仕様書といったドキュメントは無い ソースコードはもちろんスパゲッティ でも、業務ではガッツリ使われているので廃止できない というレガシープロジェクトばかりでした。この記事では、レガシープロジェクトを引き継いでしまった時に、最初に何をするべきか書いていきたいと思います。 なお、ここで最悪なのは「とりあえず、緊急の不具合から直してしまおう」と、いきなりコードの修正にかかることです。 ※おことわり： この記事では「遵法的な職場の」「PHPやRailsで書かれた」「社員25人が使う」「業
AWS再入門2022 AWS ElastiCacheについて | DevelopersIO
こんにちは、白石です。 当エントリは弊社コンサルティング部による『AWS 再入門ブログリレー 2022』の 10日目のエントリです。 このブログリレーの企画は、普段 AWS サービスについて最新のネタ・深い/細かいテーマを主に書き連ねてきたメンバーの手によって、 今一度初心に返って、基本的な部分を見つめ直してみよう、解説してみようというコンセプトが含まれています。 AWSをこれから学ぼう！という方にとっては文字通りの入門記事として、またすでにAWSを活用されている方にとってもAWSサービスの再発見や2022年のサービスアップデートのキャッチアップの場となればと考えておりますので、ぜひ最後までお付合い頂ければ幸いです。1つでも知らない機能があり、学びにつながれば幸いです。 では、さっそくいってみましょう。10日目のテーマはAmazon ElastiCacheです。 Amazon Elasti
Dockerに関するキャッシュたち
はじめに Dockerを用いた開発では、適切にキャッシュを用いることで高速にビルド・開発できます。そのための知見は様々な記事で共有されており、ありがたい限りです。 しかし、「Dockerのキャッシュ」と言っても開発時とCI・CDでは行うことが違います。 この記事ではDockerを用いた開発における、各段階のキャッシュ機能を確認したいと思います。 主に「Dockerのキャッシュ」というと以下の4つに分類できると思いますので、それぞれについて解説していきます。 Dockerのレイヤーキャッシュを活かす a. COPY・ADDの順番 b. dockerignoreの設定 c. マルチステージビルド buildkitによるキャッシュ a. --mount=type=cache CI・CDにおいてのキャッシュ a. 前回のビルドキャッシュを持ち越して使う リモートキャッシュ a. 開発者が初めてビル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tigの使い方とオプションをまとめた - iberianpigsty
ハローワーク情報サイト～ハロワのいろは～
GitHub - ockeghem/badtodo
なぜGA4は“使いづらい”と感じるのか？ GA4とUAの違いを理解する3つのポイント | 【レポート】デジタルマーケターズサミット2022 Winter
100台まで無料のVPNサービス「tailscale」、リンクだけでマシンのシェアも可能!?【イニシャルB】
はんだ付けテクニックを学ぼう！ | [HAKKO]![はんだ付けテクニックを学ぼう！ | [HAKKO]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f25d88b641c7ca861cb85978df1a63fb0ba707cd/height=288;version=1;width=512/http%3A%2F%2Fhanda-craft.hakko.com%2Fcommon%2Fimages%2Fogp.jpg)
