目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
こんにちは。マニュアル作成・ナレッジ共有ツール「NotePM」ブログ編集局です。 Markdown(マークダウン) とは、文章を記述するための軽量マークアップ言語です。プレーンテキストに対して「# 見出し」「* 箇条書き」などの文書構造を明示し、MarkdownエディタでかんたんにHTML生成することができます。 今回は、無料で使えるオススメのMarkdownエディタを厳選！ Windows/Mac/スマホアプリ対応している定番＆人気エディタを、おすすめポイントと合わせてご紹介します。ブラウザ専用のオンラインMarkdownエディタについては、以下の記事を参照ください。 参考： 【ブラウザ専用】オンラインMarkdownエディタ おすすめ4選 【便利ツール】MarkdownテーブルをExcelライクな操作で簡単に作成できるツール Markdownとは そもそもMarkdownとは、どのよう
抜粋 : Release cadence - Amazon Linux 2023 メジャーリリースとマイナーリリースの内容は以下AWS公式ドキュメントに記載されています。メジャーリリース時には互換性があるか十分に検証した上でアップデートしましょう。 Major version release— Includes new features and improvements in security and performance across the stack. The improvements might include major changes to the kernel, toolchain, Glib C, OpenSSL, and any other system libraries and utilities. Major releases of Amazon Linux ar
コピペで簡単！ボタンやテキストリンク、アイコンで使えるCSSのさまざまなアニメーション -CSSeffectsSnippets
ボタンやテキストリンク、アイコン、プリローダーなどで使えるCSSのさまざまなアニメーションがコピペで簡単に利用できるCSSeffectsSnippetsを紹介します。 CSSのエフェクトはスニペットに登録しておくと、すぐに使えて便利です。
エクサウィザーズでAIプロダクトのUI/UXデザイナーを担当している吉田です。前回はデザインシステムのアルゴリズムを活用したカラーパレット開発についてご紹介しました。今回はアイコンのデザインをどのように定義していったかのプロセスをご紹介します。 デザインシステムを開発する前の状態エクサウィザーズは 2016年に AI スタートアップ会社として起業してから、「AIを用いた社会課題解決を通じて幸せな社会を実現する」というミッションのもと、10 個以上の AI プロダクトを開発してきています。 社会に新たな価値を早く届けようと、それぞれのチームがスピード感をもって開発してきたという背景もあり、プロダクト間の UI デザインの一貫性を保つ取り組みに手をつけられないままこれまで駆け抜けてきました。 例えばアイコンでは、Material Icons を使用していたり、Font Awesome を使用し
1,801のユーザー行動を分析した結果わかった、ユーザーがGoogleを使う際の12の真実 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 変化し続けるユーザーニーズに対し最大限対応していくことは、あらゆるWebサイトにとっての命題と言えます。SEOに直接関係があるにせよ、ないにせよ、ユーザーを満足させることができなければ上位表示も難しいでしょう。 ユーザーニーズの把握は非常に難しいトピックですが、ユーザー行動を把握することでそのヒントを得られるかもしれません。 今回は、Backlinkoによる、ユーザーの検索行動を調査した記事を紹介いたします。 最新のGoogleの検索結果に対し、人々がどのように関わっているかをより良く理解するため、我々は1,801のユーザー行動のセッションを分析した。 特に我々が調査した項目は以下のとおりだ。
SEOの課題を特定し解決する４つのフレームワーク - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ サイトへの自然検索流入が増減する理由は多々あるため、「何が課題なのか」を特定するのに苦労しているWeb担当者は多いでしょう。 言い換えると、「SEOには変数が多い」ともいえますが、その変数を一つ一つ紐解いていくのは骨が折れる作業です。 今回の記事は、SEOの課題を４つに分類し、分析から解決策までをまとめたフレームワークについての記事となります。 チェックすべきポイントがわかりやすく抑えられているため、多くの方に参考になる内容かと思います。 最近、サイトへの自然検索流入が減少、または上昇した際、あなたはどのように感じただろうか。 よくあるケースとしては、Googleのアルゴリズムが誤っているという
SEOに取り組むなら最低限知っておきたい101のシンプルなアドバイス - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEO施策の新しい気づきを得たい場合、自身のSEO施策に抜け漏れがないかを確認したい場合などに、施策リストを紹介している記事は参考になります。 SEO Japanでもこのような記事はたびたび紹介していますが、今回の記事もそれに該当します。 しかし、いわゆる「施策」というよりは、アドバイスやティップスがまとめられているため、今まで紹介してきた記事とは少し毛色が異なります。記事中にもありましたが、初心者の方や自身の考えをブラッシュアップしたい方などへは参考になるはずです。 実績のある、実行可能なSEOの戦術をお探しだろうか？しかも、すぐにあなたの助けとなる戦術だ。この記事では、すぐに実行できる101
こんにちは、メディアプロダクト開発部のマーケティングサービス開発グループ(通称msdev)の id:asonas です。msdevウィーク最後の記事です。チームメンバーの記事も是非読んでみてください。 クックパッドの toB 向け事業における ChatGPT API の活用事例紹介 - クックパッド開発者ブログ ポリモーフィック関連を活用し、森羅万象の「いいね」を実現する手法 - クックパッド開発者ブログ マーケティングサービス開発グループでは毎週月曜日13時から17時の決まった時間にモブプログラミングを実践しています。 このモブプログラミングの枠は1年以上継続していて、毎週様々な課題の解決や機能の開発をしています。この記事ではモブプログラミングを長く継続するためのコツをお伝えします。 モブプログラミングとは まず、モブプログラミングとは、チームメンバーが同時にコーディングを行う手法です。
コピペで簡単に使用できる、HTMLとCSS（複雑なものはSVG）で実装されたWebサイトやスマホアプリ用のローディングアニメーションを紹介します。 さまざまなローディングやスピナーが揃っていますが、画像は一切使用されていません。必要な時にさくっと実装できるので、スニペットに登録しておくと便利です。 下記は静止画ですが、もちろん全部アニメーションで動きます。 Loaders -UI Ball Loaders -GitHub ほかにもCSSで実装されたローディングをチェックしたい人は、下記もどうぞ。 CSSで実装されたローディング・スピナーのアニメーションのまとめ UI Ballのローディングはすべて1Kb未満の超軽量で、依存関係はゼロなので、HTMLとCSSをコピペするだけで簡単に使用できます。カラー・サイズ・アニメーションの速度などはCSSで簡単にカスタマイズできます。 MITライセンスで
意味不明な内容によるハッキングを解決する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このガイドは、大量のキーワードを含む意味不明なコンテンツをサイトに追加するタイプのハッキング（Google では「意味不明な内容によるハッキング」と呼びます）を対象としています。一般的なコンテンツ マネジメント システム（CMS）のユーザーを対象としていますが、CMS を利用していなくてもこのガイドは役立ちます。 このガイドがお役に立てば幸いです。 フィードバックをお寄せください。機能の改善に役立てさせていただきます。 このタイプのハッキングを特定する 意味不明な内容によるハッキングでは、キーワードが埋め込まれた意味不明なページがサイト内に大量に自動生成されます。これらは、自分で作成していないものの、ユーザーがクリックしたくなる可能性のある URL を持つページです。
素のVimでGoのコードを書く
はじめに 筆者はめんどくさがりなので、社会人になってしばらくするまで、大学の後輩のdotfilesをforkして使っていた。tmuxの設定もそのまま再利用してたので、設定ファイルに何が設定してあるかよく分かっていなかった。 就職するまでは、Emacsを使っていて、それなりに設定ファイルを成長させていた。しかし、就職するころになんとなく使い始めたVimがすっかり手になじみ、今も使い続けている。 Vimの設定も適当にネットから取ってきたものをパッチワークしたもので、自分が書いたといえる設定やスクリプトはほとんどなかった。それでも特に問題はなかったが、なんとなくVimが重くなって気がして、しかし改善方法が分からないので、パソコンを変えたタイミングで、すべてを捨てた。 本記事は、筆者が素のVimでどのようにGoのコードを書いているかを説明する記事である。そのため、特に他者に同じ方法を勧める訳ではな
図1：データベースとJavaプログラミング言語のミスマッチ このギャップを埋め、Javaアプリケーションとデータベースのシームレスな接続を実現するために、私たちはさまざまなデザインパターンとアーキテクチャアプローチに依存している。これらのパターンはトランスレータとして機能し、インピーダンスのミスマッチの影響を軽減し、2つの世界を調和して動作させるのに役立つ。 これらのデザインパターンは、車輪の再発明ではない。これらは、アプリケーションとデータベースのパラダイム間のインピーダンスのミスマッチを緩和するのに有効であることが証明されている、確立されたソリューションである。Driverパターン、Mapperパターン、Active Recordパターン、Repositoryパターンなどがある。 Java Persistenceにおけるデータパターンのナビゲート このセクションでは、アプリケーション開
Webサイトでよく使用するレスポンシブ対応のシンプルなグリッドやサイドバー、フレキシブルなパディングの実装、ギャラリーやカード型レイアウトなど、レイアウトやコンポーネントを実装するCSSのコードを紹介します。 CSSの実装は年々進化しており、さまざまなプロジェクトで使用できるシンプルで最小限のコードをまとめたスニペットをアップデートしておくと便利です。 SmolCSS SmolCSS -GitHub SmolCSSでは、レイアウトやコンポーネントを実装するCSSの最小限のコードがまとめられています。 まずは、レスポンシブ対応のグリッドレイアウト。
【決定版】SEOコピーライティングガイド - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
Aと同様、BもSEOのキーワードに最適化されている。 さらに、内容が非常に優れているのだ。 Bは優れた内容とSEOが組み合わさっているため、下記のようなSEOのランキング要素の多くを高いレベルで獲得している。 より多くの被リンク 低い直帰率 高い滞在時間 平均以上のクリック率 多くのソーシャルシェア コメントやコミュニティ つまり、最終的にBはAを凌駕することになるのだ。 SEOコピーライティングがいかにしてBacklinkoの成長を促したか SEOについて知ることは素晴らしい。 コピーライティングについて知ることも素晴らしい。 それら２つをなし得た場合、どうなるだろうか？ 非常に優れた２つの武器を手に入れることになるのだ。 実際、SEOコピーライティングは、Backlinkoが競合性の高い領域において急成長を遂げた主要因の１つであるのだ。 例えば、Backlinkoをローンチした当初、S
競プロ実装テクニック - よすぽの日記
これはなに 実装力で戦える！ ～競プロにおける実装テクニック14選～ - Qiita に触発された 競技プログラミングでコーディングの際気を付けていること - うさぎ小屋 を強く参考にしている 効果が高い or 一般性がありそう なことから書いたつもり 重要なこと 「競プロのきれいなコードと業務のきれいなコードは違う」と定期的に唱える。未来の自分 or 他の人 が読む必要がないことを仮定できるため、様々なバッドノウハウ(業務)が正当化される。(あえて過激なことを書くと、)「using namespace stdを使わない」などは逆にバッドノウハウ(競プロ)だと思っている。 -fsanitize=undefined,address / -D_GLIBCXX_DEBUG #include <iostream> using namespace std; int main() { int a[10
Webサイトにおける「ボタン」は、使いやすさと分かりやすさが重要です。このバランスがなかなか悩みどころで、いつも同じスタイルのボタンを色を変えて再利用、なんてことも。 この記事では、コピペで利用できるCSSボタンスタイルを多数公開の便利サイトをまとめてご紹介します。 配布されているCSSボタンは、実際にウェブサイトで利用されているスタイルを中心に、かるく500個を超え、実用的なものから面白ユニーク系までが揃います。クリックひとつでソースコードをコピーできるので、ウェブ制作の時短としてもオススメです。 画像を使わずにHTMLとCSSのみでボタンを作りたいときに便利で、配色や文字サイズなどデザインが修正なときにも、画像を作り直してという面倒な手間を省くこともできます。 ボタン500個超、コピペで簡単CSSで作れるボタンを公開中の便利サイトまとめ CSSButtons.io 2021.11.17
set -eのもとで特定のコマンドの終了ステータスを変数に入れるシェルスクリプトのスニペット - Islands in the byte stream
課題編 シェルスクリプトで「あるグローバルな状態を変える操作を行い、その結果をチェックし、状態をもとに戻す」みたいなタスクをするときに「その結果をチェックし」のところでコマンドの終了ステータスを変数に入れて置きたいみたいなことがあります。例えば、次のようなコマンド操作です。 set -e # グローバルな状態を変える操作を行う git merge --no-ff --no-commit $main_branch || true # 結果をチェックしてexit codeを変数に入れる git diff --cached --exit-code --quiet ; code=$? # グローバルな状態をもとに戻す git merge --abort # 上位プロセスに結果を渡す exit $code スクリプト全体には set -e （コマンドが失敗するとシェルスクリプトが即座に終了する）を効
「おしゃれでかっこいいウェブサイトを作りたいけど、レイアウトにいつも困る。」 「同じような似たデザインから抜け出せない」 「周りがあっと驚くWebデザインがしたい」 「CSS Grid や Flexbox プロパティの使いかたを覚えたい」 そんなひとにおすすめしたい、コピペで利用可能な、おしゃれでモダンなWebレイアウト25選をご紹介します。 すべてのテンプレートの特長が以下のとおり。 ✅ モバイルファースト・アプローチに沿ったレイアウト ✅ すべてのブレイクポイントに対応したレスポンシブWebレイアウト ❌ position: absolute;は利用しない ✅ CSS Grid テクニックのみで表現 最先端のCSSテクニックを活用することで、これまでは考えられなかった構図を実現できるようになっています。 コピペでできる、おしゃれな無料レイアウト25選（CSS Grid & Flexbo
GraphQL IDE の “GraphiQL” をカスタマイズして、開発ツールとして活用する - Hatena Developer Blog
こんにちは．マンガチームの id:mangano-ito です．最近は GraphQL API の開発を担当しており，GraphQL に関することを勉強したり実践したりしています．今回は開発ツールについてのお話です． GraphiQL とは GitHub API での使用例 GraphiQL を導入してみよう ツールバーをカスタマイズしてみよう ヘッダーやクエリをカスタマイズしてみよう 実際に開発ではどう使っているか GraphiQL とは graphql/graphiql: GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools. GraphQL API の使いやすい GUI クライアントです．GUI クライアントなので GraphQL ではなく Graph i QL となっているのが
はじめに 今回は、クリエイターの業務効率を上げるGoogleChromeのおすすめ拡張機能をまとめていきます。 OctoTree - GitHub code tree GitHubでのレビューや検索を効率化させる拡張機能になっています。 コードナビゲーションによって、GitHub上の大量のコードの検索が簡単にできるようになります。 ColorZilla ColorZillaは、スポイトやカラーピッカーグラデーションの生成など簡単にできるツールになっています。 WhatFont Web ページで使用されているフォントを識別する際に使えるツールになっています。 OneTab 開いているページをリスト化しまとめることができる。メモリの消費量を削減できる。 JSON Formatter JSONデータを整形し、可読性を上げてくれるツールになっている。 エンジニア向けにJSONの解析やデバックをする
近年、ソフトウェアの脆弱性やマルウェアの台頭で、ソフトウェアのバージョン管理や脆弱性管理などの重要度が日に日に増しています。SBOMはソフトウェアの部品構成表ですが、構成情報の透明性を高めることでライセンス管理や脆弱性対応への活用が期待されます。 ここでは、経済産業省サイバーセキュリティ課の飯塚智氏が、三菱総研と日立ソリューションズとともに作った『ソフトウェア管理に向けたSBOMの導入に関する手引』の概要について、1章〜3章の「背景と目的」「SBOMの概要」「SBOM導入に関する基本指針・全体像」を中心に解説します。 SBOM導入手引きの前半の1章から3章までを解説 渡邊歩氏（以下、渡邊）：飯塚さん、ご講演をお願いいたします。 飯塚智氏（以下、飯塚）：みなさま、お忙しいところご参加いただきましてありがとうございます。あらためまして、私、経済産業省サイバーセキュリティ課の飯塚と申します。 本
現在のWebサイトで画像が占める役割は大きいです。最近では画像がWebサイトの全帯域幅の60%以上を占めています。最先端のWebデザインの場合、さらに顕著でしょう。Pinterestのレイアウトのように、画像の豊富なソーシャルWebサイトにおいては、この数字は 85% 以上 (!) にまで上ります。 帯域幅は、残念ながらコストのかかるものです。トラフィックの多いWebサイトでは帯域幅がIT費用の大部分を占め、ホスティングやストレージの費用をも容易に上回ります。さらに、そのような大量のトラフィックは時間がかかるため、サイト訪問者がWebサイトを開いた際に画像の読み込みで長く待たされる可能性があります。 一方ではITのコスト、もう一方で読み込み時間による閲覧者の喪失を考えると、今どのようにオンラインで画像を管理しているかよく見直したくなるでしょう。このように、1秒ごとにWebサイト全体のコンバ
LLMを利用したRAG（Retrieval Augmented Generation）と著作権侵害｜知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】
1 はじめに 近時、LLMを利用し、社内外の文書データを用いた精度の高いチャットボットを構築するために、RAG（Retrieval Augmented Generation）という手法が注目されています。 LLMをそのまま利用してチャットボットの構築を行うと、通常、LLMが学習したときのデータに含まれている内容以外に関する質問には回答ができないか、あるいは正しくない回答を返してしまいます。 この問題を解決する手法として注目されているのがRAGです。 この手法は、あらかじめ社内外の文書データをデータベース（DB）として準備しておき、ユーザからの質問がなされた場合には、当該質問と関連性が高い文書データを検索し、その文章データを質問文に付加してLLMに入力することで、精度が高い、かつ実際の文書データに紐付いた回答を生成することができるというものです。 ここで、プロンプトに入力するためにDBとして
AWS サーバーレスサービスによるマルチテナント SaaS ソリューションの構築 | Amazon Web Services
Amazon Web Services ブログ AWS サーバーレスサービスによるマルチテナント SaaS ソリューションの構築 この記事は、Building a Multi-Tenant SaaS Solution Using AWS Serverless Services を翻訳したものです。 本投稿は、AWS SaaS Factory の Sr. Partner Solutions Architect である Anubhav Sharma と AWS SaaS Factory の Partner Solutions Architect である Ujwal Bukka により寄稿されました。 SaaS (Software-as-a-Service) 提供モデルへの移行に際しては、コストと運用効率を最大限に高めたいという要望が伴います。 これは、利用傾向を予測することが困難なマルチテナン
Tylerは2009年以降、コピーライター、アナリティクススペシャリスト、アウトリーチストラテジストなど多くの役割でマーケティング分野において活躍してきました。 キーワードや被リンクだけに基づいてサイトをランク付けできていた10年前とは違い、最近ではバウンスレート、サイトやページの滞在時間といったユーザーエンゲージメントを示す変数がランク付けの重要な要素になっています。 Googleが検索ランキングのトップに相応しいクオリティのサイトを決定する際には、実際のユーザーの行動を認識しています。それに従って、ユーザビリティとUXデザインがSEOにおいて不可欠なコンポーネントになってきています。サイトは基本的なページ上のSEOを必要とするだけでなく、エンゲージメントの向上、すなわちランキングの向上にはシンプルなUXデザインを考えることが大きな意味をもちます。 どの部分に優先的に力を入れればよいかを
noteサービスにおいて、記事投稿者のIPアドレスが記事詳細ページのソースコードから確認できてしまう不具合が存在していました。 なお、一般的なIPアドレスから、個人情報を特定することはできません。 現在は、該当部分を修正し問題なくご利用いただける状態です上記のように運営からはアナウンスが出ておりますが、GoogleはWebサイトのキャッシュを定期的に保存しており、今現在もnote運営による修正作業前の記事ページのソースが保存されており、問題となっているIPアドレスは2020/8/14 18:52 現在でも表示が可能です。 上の画像のように誰でも修正前の状態のソースを表示可能です。（被害拡大を防ぐ為詳細は省きます） 私自身の記事のキャッシュから私の自宅のIPアドレスが現在も表示されることを確認しています。 また、私もいくつかの記事を確認しただけで、公式からアナウンスも出ていないので定かではあ
RからPythonへのお引越しでわかること - Jupyterと世界の野球から理解する - Lean Baseball
サムネイルがまんま結論の一部です&タイトルでビビッと来たアナタ（+野球好き）が対象読者です. ちょっとやりたいことがあって, やりたいこと⚾のサンプルがたまたまRだった このあと自分で分析したりなにか作るんやったらPythonでやりたい せや！RからPythonに移植しちゃえば良いンゴ ってことで, 粛々とRからPythonに移植した時に気がついた事をサラッと書きたいと思います. 最初に断っておくと, RよりPythonが優秀（またはその逆）だから書き換える！って意味ではありません！ どっちが優秀だの, 好みは何だのといった所は（必要と思った箇所を除き）触れないのでご了承ください.*1 というわけで, 変に力んだりマウントを取ること無く, ごゆるりとおくつろぎながら読んでもらえると幸いです. TL;DR 数式を意識しながら読んだり, 統計的にいい感じにしたい時はRの方がしっくりくる. 一方
本連載は2022年9月に書籍化されました。 羽仁五郎 編『學問・思想の自由のために』（北隆館、1950年） 今、地球上で最も読みづらい本の一つは、20世紀後半の日本の絶版本である。そのことを実感する機会がつい先日訪れた。 近年は古い貴重な書物ほどオンラインで読めるという矛盾した状況になっている。私は18世紀フランスの科学史が専門だが、18世紀に出版されたフランス語の本はそういう状況である。特にGoogle Booksが激しい勢いで書物をデジタル化してしまったこともあり、当時の新聞や雑誌を除けば、大半の刊本はネットで読めるという感覚がある。 しかし20世紀の書物となると、著作権の問題があるので原則としてオンライン公開されない。無論、言語ごとの差もある。英語、フランス語は最近の本でも最初の数ページくらいはGoogle Booksかオンライン書店のサイトで読める。だが、日本語の本はあまりそうなっ
massCode https://masscode.io/ massCodeの特徴 「massCode」は、50以上のプログラミング言語を記録できるオープンソースのスニペットマネージャです。 「SnippetsLab」や「Quiver」がメジャーなツールですが、どちらも有料ということで、オープンソースで使ってみたい方におすすめのプロダクトです。 セットアップ # インストール git clone https://github.com/antonreshetov/massCode.git # ディレクトリに移動 cd massCode # 依存性の解消 yarn install # 起動 npm run dev 上記手順でセットアップを実行します。 既存のツールをかなり意識したUIになっています。 まずは記録するフォルダを登録していきます。 作成したフォルトごとに、デフォルトの言語が指定可能
アコーディオンで折り畳まれたものなど、初期状態で隠れている非表示コンテンツはSEO観点で問題がないものなのでしょうか？ この記事では非表示コンテンツのGoogleからの評価を調査し、非表示コンテンツの適切な対応について紹介いたします。 隠れているコンテンツのGoogleからの評価 MFI（モバイル・ファースト・インデックス）の移行後、よく話題にあがっていた内容ですが、これまでのGoogleのスタッフからのコメントでは、MFI移行したサイトのモバイル用ページでは、初期状態で隠れているコンテンツも初めから表示されているコンテンツと同様にクロールするし、検索結果の対象になる。というものでした。 先日も下記の記事で、非表示コンテンツについてGoogleのスタッフのコメントが紹介されていました。 コンテンツが隠れている展開型デザインはSEOにマイナスなのか？ しかし、ここにはこれまで私が認識していた
2024年の実装に役立つCSSの新機能と使い方のまとめ
2023年の後半に、CSSの多くの新機能がすべてのブラウザにサポートされました。新機能が登場するときもワクワクしますが、やはりすべてのブラウザにサポートされてからが本番です。 2024年の実装に役立つCSSの新機能とその使い方を紹介します。セレクタを条件式のように記述できる:has()、複数のカード内でテキストを揃えられるsubgrid、CSS内でネストを使用できるCSSネスト、レスポンシブ対応のコンポーネントに役立つコンテナクエリ単位など、次のプロジェクトに役立つCSSがたくさんあります。 5 CSS snippets every front-end developer should know in 2024 by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。
リファラー情報が取得できない！ Chromeでセキュリティ重視の仕様変更 | 海外&国内SEO情報ウォッチ
アクセス解析に重大な問題をもたらす仕様変更がChromeにあったようだ。Referrer（リファラー）として渡される参照元URLが変わり、流入元URLとして「元サイトのトップページ」しかわからなくなっているのだ。 なぜそうなったのか、対応策はあるのか、Chromeの動きとともに解説する。 SEOやサイト運営をより良くするための情報を定期的にまとめるこのコーナー、今回もグーグルSEO・ローカルSEO・コンテンツマーケティング・オウンドメディア・アクセシビリティなど、読んで参考になる情報をお届けする： グーグルのスニペットに正しい日付を表示する方法たったの254文字のコンテンツで上位表示するページの秘密に迫るGMBに最近あった2つの更新: 検索結果からの直接編集 と 動画サイズの変更404に関する 2つの TIPSコンテンツマーケッター必読！コンテンツ飽和時代のウェブで勝ち抜く戦略10月のオフ
キーワードリサーチからリンクビルディングまで。最新のSEO施策17選【2019年版】 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEO担当者として、常に向き合わなければいけないことは複数ありますが、「施策を考えること」もそのうちの1つではないでしょうか。 「基本的なソースコードの最適化はすでに行っている」、「ここ最近の動向を反映した施策を考えたい」と思われる方も多いと思いますが、「施策リストの中からアイデアを得る」といった方法は有効かもしれません。 そこで、今回は様々な角度でSEOの施策を思いつくことで定評のあるBacklinkoのブライアン・ディーン氏の記事を紹介します。SEO施策を考える上でのヒントとなれば幸いです。 ※10,000文字ほどあります。 この記事を読むことで、あなたのWebサイトのSEOを改善させるため
Web制作者におすすめ！ Win, Mac対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode
Web制作者・デベロッパー向けに、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャーを紹介します。 macOS, Windows対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語の入力など、日本語環境でも問題なく利用できます。エディタにはAceが使用されており、非常に快適で、高速に動作します。 massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 11.0+, Windows 10,11をサポート、Linuxも近日サポート予定です。 2年ほど前にv1.0がリリースされたときに紹介
あなたも同じミスをするかも？ robots.txtのミスで予想外のページをクロール禁止していた悲劇【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
最強級のSEOと最上級のコンテンツすら台無しにする、robots.txtの予想と違う挙動を、あなたは知っているだろうか？ 知らなければうっかりハマってしまい、「コンテンツがインデックスされない！」となってしまうかも。 「実際の挙動の根拠は？」「どうすればこの落とし穴を避けられるの？」を含めて、詳しく解説する。 ほかにも、モバイル検索でのサイト名表示や、SERPでのCTR向上事例、Google検索にとってのAIの意味などなど、今回はちょっと濃いめのSEOトピックをお届けする。 グーグルのモバイル検索でサイト名が表示されるようになったスニペット改善でCTR向上・検索トラフィック約2倍に⬆UP！2022年10月のスパムアップデートをグーグルが実施10月のグーグルオフィスアワー： サイトマップのlastmod、MFIに移行しない、サイト名が表示されないなど人間が書いたコンテンツをグーグルがスパム判
このNOTEが書籍になりました!! 0 自己紹介と本稿の位置づけ はじめまして、弁護士の松尾剛行です。桃尾・松尾・難波法律事務所という企業法務事務所でパートナーを務める弁護士(第一東京弁護士会)・NY弁護士です。法学博士で慶應義塾大学の特任准教授でもあります。リーガルテック、即ち法律実務において利活用されるAIをはじめとするテクノロジーを自ら利活用すると共に、2022年にはリーガルテック関係の協会である、AI・契約レビューテクノロジー協会代表理事に就任しました。 事務所公式サイト:https://www.mmn-law.gr.jp/lawyers/detail.html?id=24 Twitter:https://twitter.com/Matsuo1984 Researchmap :https://researchmap.jp/tm1984 ChatGPTに関するプロフィール: http
この記事は、 Merpay Advent Calendar 2021 の10日目の記事です。 本記事は、1週間リリースを支えるAndroid自動テスト運用についてメルペイ Androidチームの@amane, @kenken, @anzai, @hiroPがお送りします。 自動化の背景 メルカリアプリでは、お客さまに素早く価値を届ける目的で、2週間に1度のアプリリリースサイクルを1週間に1度に短縮することを目指しました。（リリースサイクルのアップデートに関しては@stamakiさんのこちらの記事を参照してください。） しかしこのサイクルを実現するには、2日間かかっていたリグレッションテストを1日に短縮する必要がありました。 そこで手動で実施しているテストの工数を短縮するために、自動化を始めました。 Androidのリグレッションテスト環境の構築 メルペイではFirebase Test La
Linuxサーバー用モニターツール「Rayon Remote for Mac」がiPhoneとiPadに対応しています。詳細は以下から。 Rayon Remote(以下、Rayon)はTikTokを運営するBytedance Inc.のエンジニアのLakr Areamさんが2022年02月に公開したLinuxサーバーの管理＆モニタリングを行うためのMacアプリですが、このRayonがiPhoneとiPadに対応しています。 A server monitor tool for linux based machines using remote proc file system with script execution. Available for macOS 12+ & iOS 15+. Lakr233/Rayon: yet another SSH machine manager – Gi
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-後編 | POSTD
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-中編 | POSTD
【2024年版】Markdown(マークダウン)エディタ厳選まとめ＜Win/Mac/iOS/Android＞
Amazon Linux 2023がGAされました | DevelopersIO
デザインシステム【アイコンデザインルール設計】〜プロセス大解剖〜｜エクサウィザーズ HR note
モブプログラミングを1年以上継続するコツ - クックパッド開発者ブログ
これならコピペで簡単！ HTMLはシンプル、CSSで実装された超軽量のおしゃれなローディング・スピナー -UI Ball
意味不明な内容によるハッキングを解決する | Articles | web.dev
Java Persistenceを使ったアーキテクチュア：パターンと戦略
レスポンシブ対応のレイアウトやコンポーネントだけを実装するCSSのシンプルなコードのまとめ -SmolCSS
CSSボタン500個超！コピペで簡単にボタンを生成できる便利サービスまとめ
コピペで簡単、おしゃれ無料Webレイアウト25選（CSS Grid・Flexbox活用）
【2024年】業務効率を上げるChromeの拡張機能 - Qiita
ソフトウェアを外部の攻撃から守るために SBOMを使った脆弱性管理の方法1章～3章までを解説
Webサイトの画像の取り扱いでやってしまう10の間違い | DevelopersIO
SEOに影響のある５つのUXデザイン手法
IPアドレスが表示されてしまった自分の記事のGoogleのキャッシュ削除依頼を出す方法｜okash1n
「忘却されつつある歴史」に属する本｜隠岐さや香さんが選ぶ「絶版本」｜かしわもち 柏書房のwebマガジン
Electron+Vueでできたオープンソースのスニペットマネージャ「massCode」を使ってみた
非表示コンテンツはSEO的にOK？NG？アユダンテが徹底検証 | アユダンテ株式会社
ChatGPT等のAI技術の発展と弁護士実務への影響｜弁護士 松尾剛行
1週間リリースを支えるAndroid自動テスト運用 | メルカリエンジニアリング
Linuxサーバー用モニターツール「Rayon Remote for Mac」がiPhoneとiPadに対応。