いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。｜Fritz | Lead Product Manager @ Mercari
いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。 こんにちは、フリッツ です。今回はプロダクトマネージャーの日課とも言える「仕様書」について。自分にとっては PM 業の施策実行フェーズにおいて最も重要な仕事のひとつであり、最も心躍り、最も興奮する瞬間です。 PM になってかなりの時間が経ちましたが、「仕様書」への力の入れようは減るどころか、「もっと気合を入れなければ。」と感じる一方。在宅勤務が（たぶん） IT 業界のニュースタンダードとなっていくいま、なおさら「仕様書」の重要性を訴えたい今日この頃です。 ということで、今回は ・ 良い仕様書がもたらす 5 つの効果 ・ 仕様書の重要性が増していく 2 つの理由 ・ 仕様書に含めたい 14 の項目・実戦編 ・ 仕様書作成時に心に留めたい 3 つのこと ・ 具体的な仕様書サンプル（
2022年4月6日 (水)よりYahoo! JAPANは欧州経済領域（EEA）およびイギリスからご利用いただけなくなります Yahoo! JAPANは欧州経済領域（EEA）およびイギリスのお客様に継続的なサービス利用環境を提供することが困難であるとの判断から、以下の「2022年4月6日 (水)以降もご利用可能なサービス」に記載のサービスを除き、2022年4月6日 (水)よりEEAおよびイギリスからご利用いただけなくなります。 EEAおよびイギリスからのご利用が多いお客様におきましては、Yahoo!プレミアムなど月額利用料金が自動更新されるサービスをご利用の場合は解約の手続きをお願いいたします。 また、有料サービスをご利用の際には、サービスの利用可能期間にご注意いただきますようお願いいたします。 日本からの渡航を予定されている方もご注意ください。 ※欧州経済領域（EEA）加盟国についてはこち
政府が、新型コロナウイルスの感染症法上の位置付けを４月１日から原則、季節性インフルエンザと同等の「５類」に緩和する方針を固めた。感染状況を見極め、岸田文雄首相と関係閣僚が２０日に協議して決定する。複数の政府関係者が１８日、明らかにした。分類の変更にあわせて、屋内でのマスク着用については、症状のある人らを除き原則、不要とする方針だ。 分類変更を巡っては、厚生労働省の専門家組織が１１日、入院調整機能の維持など「必要な準備を進めながら段階的に移行すべきだ」とする見解を公表していた。 新型コロナは現在、感染症法上の１～５類の分類とは別に危険度が２番目に高い２類相当の「新型インフルエンザ等感染症」に規定され、２類の結核よりも厳しい対策が取られている。分類変更に法改正は必要ない。 医療費や入院費は、全額公費負担だが、５類になればこうした措置の法的根拠がなくなり、一部自己負担となる。政府は、経過措置とし
人気エントリーのアルゴリズムを一部変更しました（ほか予告1件） - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チーム、ディレクターのid:yone-yamaです。 以下の記事で予告した通り、2023年2月7日（火）に、はてなブックマークの人気エントリーのアルゴリズムに一部変更を加えましたのでお知らせいたします。 bookmark.hatenastaff.com アルゴリズム変更の概要 変更を行った背景 （予告）人気コメントアルゴリズムの変更について アルゴリズム変更の概要 人気エントリーを選出するアルゴリズムに、新たに「人気エントリー全体の多様性」という観点を加味する変更を行いました。 これまでの人気エントリーでは、ユーザーのみなさまが行ったブックマーク行動を中心としたアルゴリズムを用いて記事を表示していました。今回のリリースではこれまでのアルゴリズムを補助するかたちで、いくつかの変数を新たに組み込んでいます。
初めに こんにちは。ビジネスチャットサービスTypetalkを開発・運用している吉田です。Typetalkではデータの永続化ストレージとしてPostgreSQLを利用しています。扱うデータ量は多く、チャットというサービスの性質上書込み頻度はとても高いです。PostgreSQLを使い日々開発を進めていると、追加する機能によってはスキーマを変更する必要があります。メンテナンスを計画・告知してサービスを止めてしまえば、時間はかかるかもしれませんがスキーマの変更はそう難しくありません。しかしTypetalkはユーザーが日々の業務を進めるために利用しており、サービスが止まるとコミュニケーションが取れなくなります。業務を円滑に進めるためのビジネスチャットツールですので、極力サービスは止めたくありません（最後の計画メンテナンスは2019年6月30日で1年以上前となっています。）。本記事では以下の3つのケ
笑顔でこんなポーズ、泣き顔でこんな仕草、希望通りのイラスト素材が完全無料で商用利用できるOpen Peepsを紹介します。 普通のイラスト素材はそのまま使用するしかないですが、人物の表情や髪型、ポーズ、動作などさまざまなパーツを組み合わせて、584,688通りのキャラクターを作成することができます。 Open Peeps Open Peepsの特徴 Open Peepsのダウンロード Open Peepsのイラストライブラリ Open Peepsの特徴 Open Peepsは商用でも個人でも完全無料で利用できるイラストのライブラリで、ライセンスはCC0です。 イラストはすべて手描きのベクターで、さまざまなパーツを組み合わせることで584,688通りのキャラクターを作成することができます。アプリは、Adobe XD、Sketch、Figma、Studioをサポートしています。
VS Codeがどんどん便利になっていきますね。 先日のv.1.60のアップデートで、ブラケットのカラー化に対応しました！ VS Codeの設定を変更するだけで、開始と終了のブラケットをセットで同じカラーにします。今までは機能拡張を入れないとできなかったことが、ネイティブ対応したのは朗報です。 Visual Studio Code: August 2021 (version 1.60) 自動言語検出 - VS Codeにペーストする際にプログラミング言語を検出します。 ビルトイン高速ブラケットカラー化 - 大規模ファイルでも高速にブラケットのマッチングとカラー化。 設定エディタのシンタックスハイライト - 設定のコードブロックでリッチなシンタックスハイライトに対応。 ターミナルでグリフのレンダリング - ボックス描画とブロック要素文字の表示が改善。 デバッグウォッチ値の設定 - デバッグセ
とあるWeb制作会社にて ワイ「ハスケル子ちゃん」 ハスケル子「はい」 ワイ「今日ワイは何の仕事するんやったっけ？」 ハスケル子「確か今日からは」 ハスケル子「Nuxt.jsとVuetifyを使って管理画面を作る案件が始まるんじゃなかったでしたっけ？」 ワイ「おお、せやった」 ワイ「とある管理画面のフロントエンド開発をするんやったな」 ハスケル子「もうFigmaのデザイン見ましたか？」 ワイ「ヒグマ？」 ワイ「ヒグマなんて、写真でしか見たことないけど」 ハスケル子「Figmaです」 ハスケル子「ブラウザ上でも使えるデザインツールですよ」 ワイ「ああ、そっちな」 ワイ「Higumaのほうね」 ハスケル子「じゃあ、さっそくデザイン見ながら」 ハスケル子「コーディングしていきましょう」 ワイ「おお、頑張っていこか！」 デザインを見てみる ハスケル子「↑このキャンセルボタンとOKボタン」 ハスケル
この記事では、普段のホームページ制作で直面しがちな課題を解決するCSSテクニックをまとめて紹介しています。 クライアントからの要望も多いCSSの小技テクから、「これがCSSだけでできるの？」と疑いたくなるような最新の使い方まで、実例やサンプル用ソースコードと一緒に確認できます。 ここで紹介されているCSSテクニックを利用すれば、これまで頭を抱えていた問題や課題も、一発で解決できるかもしれません。 コンテンツ目次 1. 入力フォームをカスタマイズしたい 2. ナビゲーションメニューを使いやすくしたい 3. ボタンを目立たせたい 4. リンク用エフェクトにこだわりたい 5. スクロールバーをサイトの色で統一したい 6. ドロップシャドウの影にもこだわりを 7. グラデーションをビンテージ風にしたい 8. CSSで要素を中央寄せする5つの方法 9. ブラウザごとのデザインのずれを防ぎたい 10.
Tailwind CSSやBootstrapやBulmaなど、CSSのさまざまなフレームワークで実装されたフォームのライブラリを紹介します。 それぞれのフレームワークを利用している時はもちろん、フレームワークの比較検討にも役立ちます。 HTML Forms Library HTML Forms Libraryとは HTML Forms Libraryの使い方 HTML Forms Libraryとは HTML Forms LibraryはTailwind CSSやBootstrapやBulmaなど、さまざまなCSSのフレームワークで実装されたフォームのライブラリです。テンプレートを使用して、さまざまなフォームを簡単に実装できます。 ライセンスは、下記の通りです。 商用プロジェクトで無料で使用できます。 帰属は素晴らしいですが、必須ではありません。
あまり知られていないけれど、コーディングの作業が捗るVS Codeの機能とテクニックを紹介します。 今開いているファイルを残しながら新しいファイルを開けるようにしたり、コード内のコメントのカラーだけを自分好みに変更する方法など、ちょっとかゆいところに手が届くような便利なテクニックです。 5 Visual Studio Code Hacks That You Will Thank Me For (And They're Not Common Points Like "Install Prettier Extension") by Mohmed Ishak 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ファイルを常に新しいタブで開くようにする 2. コメントのカラーを変更する 3. コードを大きく表示する 4. カ
Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUI、View Transitions APIでCSSアニメーションが進化する
Bento UIとはパネルがお弁当箱のように配置されており、各パネルをクリックすると伸び縮みしながら配置が入れ替わるUIです。最近のWebサイトやスマホアプリでもよく見かけるようになりました。そんなBento UIをView Transitions APIを使用して実装されたデモを紹介します。 一昔前なら実装は面倒でしたが、Chrome 111から利用できるView Transitions APIにより簡単に実装できるようになりました。 Rediento -Bento Radio Group Carousel thing 実装にはChrome 111で実装されたView Transitions APIが使用されており、2つの状態間のアニメーションを作成しながら、1ステップでDOMを簡単に変更できます。 各パネルは、CSS Gridでレイアウト。 positionはなし。 ビジュアルのトラン
企業サイトやプロダクトページをはじめ、オンラインショップ、ポートフォリオ、ブログなど、WebサイトやアプリのUIデザインに適したSVGアイコンが無料で利用できるTabler Iconsを紹介します。 アイコンの種類はなんと1,900種類超え！ 豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。さらに、PNGやWebフォントも揃っています。
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
フォーム要素のチェックボックス・ラジオボタン・レンジスライダー・プログレスバーのカラーを簡単に変更できるCSSの新しいプロパティ「accent-color」の基礎知識と使い方を紹介します。 CSS accent-color by Adam Argyle, Joey Arhar 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しいプロパティ「accent-color」 「accent-color」にサポートされている要素 コントラストの確保 他の要素のカラーを変更するCSS 今後の可能性 CSSの新しいプロパティ「accent-color」 現在のHTMLフォーム要素は、カスタマイズが難しいと言われています。カスタムスタイルをほとんどまたはまったく使用しないか、inputのスタイルをリセットして一から作り直すかのどちらか
ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。 本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variantsバリアンツ」を紹介します。 Variantsを使うと、複雑なコンポーネントの切り替えや管理が行いやすくなり、堅牢なデザインファイルが作成できます。また、コーディング時に近い思想でデザインを組めるので、実装時に破綻が起こりにくくなります。 Variantsは規模感に関わらず小さな単位でも活用できます。 「使いこなせていない」、「自分の制作の規模感では不要」と考えているデザイナーにも、手軽に導入できメリットを実感できるはずです。本記事で使い方を説明する
モダンCSSの機能を使用して、フォームのラジオボタン・チェックボックス・トグルスイッチなどを独自のスタイルで実装するテクニックを紹介します。以前まではdivやspanなど追加のHTMLやJavaScriptが必要でしたが、一切必要ありません。 こういった実装はできないものと思っていたので、驚きました。 Custom Styling Form Inputs With Modern CSS Features 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 モダンCSSの機能を使用した入力フォーム 実装は以前より簡単になりました HTMLは非常にシンプル CSSで入力フォームのスタイルを定義 入力フォームの完成 モダンCSSの機能を使用した入力フォーム 最近ではセマンティックとアクセシビリティの両方を維持したまま、独自のチェックボック
スクロールバーは、長いコンテンツのWebサイトに不可欠な要素です。ブラウザにはスクロールバーのデフォルトのスタイルがありますが、サイトのデザインに最適とは限りません。スクロールバーのデザインを変更するのは、CSSで簡単にできます。 スクロールバーのデザインを変更するCSSを確認しながら生成できるオンラインツールを紹介します。 Scrollbar.app Scrollbar.app -GitHub スクロールバーのデザインを変更するCSS Scrollbar.appの特徴 Scrollbar.appのの使い方 スクロールバーのデザインを変更するCSS スクロールバーのデザインを変更するCSSは、下記の通りです。 ::-webkit-scrollbar: スクロールバー全体 ::-webkit-scrollbar-thumb: ドラッグ可能なスクロールのハンドル ::-webkit-scrol
どうやってコード品質を上げるのか？ 実例で学ぶリファクタリング
リファクタリングって何？ いきなりですが「リファクタリング」について、普段どれぐらい意識していますか？ コード品質に関わる重要な概念ですが、この単語は、職業としてプログラミングをやらない限り、人生で出会わない単語の筆頭と言えるかもしれません。下図は、リファクタリングと、おそらくそれと同程度には知られているのでないかと思われる開発用語の検索頻度を、Google Trendsで調べてみたものです。 リファクタリング、コードレビュー、スクラムの検索頻度の推移 検索期間は2013年10月21日から2023年10月21日、地域はJapan、カテゴリーはComputers & Electronics（SoftwareやProgramingをサブカテゴリに持ちます）です。「コードレビュー」もコード品質を上げるうえでは重要な行為だと思いますが、日本では意外と浸透していないようですね。コードレビューに関して
ダークモードに対応している時に、SVGファビコンのカラーをCSSで変更するテクニックを紹介します。 当ブログはダークモードに対応していませんが、ダークモードの周りもいろいろ充実してきましたね。 画像: ツイートより 元ネタは、下記ツイートからです。 💡 Change the color of your favicon when dark mode is enabled.#codyhousenugget pic.twitter.com/Hie9Pgt9MQ — CodyHouse (@CodyWebHouse) July 7, 2020 ファビコンをSVG画像にする利点は、スクリーンの解像度を気にすることなく、1つのファイルでファビコンを提供できることです。対応ブラウザはIEを除く、すべての主要なブラウザでサポートされています。
私の周りでも、Figmaを使用する人がだいぶ増えてきました。 Figmaでデザインする時に役立つ、便利なテクニックを紹介します。Figmaでの日常的な作業から、デザインシステムや巨大なデザインファイルを扱う場合に作業効率がアップします。 9 Figma Design System Tips. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 一括でカラーを変更する場合は、選択色を使用する 2. この便利なショートカットで、レイヤーを整理できます 3. テキストのスタイルを見つけるには、検索を使用する 4. カラースタイルをすばやくナビゲートするには、リストにする 5. レイヤーをすばやくナビゲートするには、ショートカットを使用する 6. コンポーネントの交換は、このショートカットが便利
こんにちは、エンジニアのづやです。 ありがたいことに、この業界で15年程度生き抜くことができまして、質問を受けたりレビューをしたりする機会が多くなってまいりました。 しょっちゅう必要ではないのですが、カスタマイズが必要になった際に解決したことを今回まとめてみました。 非公開ページを親ページにしたい 皆様はWordPressをGutenberg（グーテンベルク）で使われているでしょうか。 URLを綺麗にしたいときなど、固定ページで非公開の親ページを選びたいときがありますよね。 page_attributes_dropdown_pages_argsとかquick_edit_dropdown_pages_argsにフックしてたと思うのですが、グーテンベルクになってからは、ここもrest apiで取得しているようで効かなくなってますよね。 add_filter( 'rest_page_query'
シンプルなものからかわいいものまで、ベーシックなパターンが揃ったSVGフォーマットの背景素材を紹介します。インラインSVG、SVGファイル、Figma用が揃っており、SVGなのでカラー変更なども簡単です。 商用プロジェクトでも完全に無料で、こういうシンプルなパターンはさまざまなデザインに使用できるので、助かりますね。
いつも小説家になろうグループをご利用いただきましてありがとうございます。 この度、小説家になろうグループを運営しております「株式会社ヒナプロジェクト」と「株式会社ナイトランタン」が、以下の期日をもって合併する運びとなりました。 ▼期日 令和4年6月1日（2022年6月1日） ▼合併後の存続会社 株式会社ヒナプロジェクト 合併後は、株式会社ナイトランタンが現在運営しておりますグループサイトを含め、小説家になろうグループサイト全体を株式会社ヒナプロジェクトが運営いたします。 なお、この度の合併に関しましては、同じ小説家になろうグループの運営会社として、 両社が一体的に事業を行う場合が多くなっている現状を鑑み、決定したものとなります。 そのため、今回の合併に伴う、各サービスの仕様・運営方針等の変更はございません。 今後もより多くの方にご愛顧いただけるよう、運営一同尽力してまいりますので、 引き続
今年もCSSはどんどん進化しそうですね！ 1/24にリリースされたChrome 121に追加された、CSSの新しい機能6つを紹介します。スクロールバーのスタイル、スペルミスや文法的に正しくないテキストをハイライトする疑似要素、SVGのCSSマスキングなど、これからのWeb制作に役立つ機能ばかりです。 New in Chrome 121 Chrome 121 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSによるハイライトの継承 CSSによるスクロールバーのスタイル font-paletteプロパティでカラーフォントをアニメーション CSSのスペルチェック機能 SVGのCSSマスキングの改善 displayプロパティの新しい値 はじめに 1/24にリリースされたCh
サーバーエンジニアを行っているinamuuと言います。夏頃にお声がけをいただいてから、ご報告までしばし時間を要してしまいました。 この記事では、最近放置気味となっていた、専用サーバーからメンテナンス性、コスパの良いVPSサーバーへ移行、アップデート過程の作業ログとしてまとめています。 今回実施したことは、大きく分けて以下の３つです。 サーバーの引っ越しとアーキテクチャの簡略化 サイトのSSL暗号化 テスト環境の構築 サーバーの引っ越し もともと専用サーバーを使っており、メモリも大量に積んでいましたが、あまり使用されていなかったことから、VPSサーバーへの移行を実施しました。 スペックについては割愛しますが、専用サーバーへsysstatを導入し、しばらく様子を見て見積もりを実施しました。 次に、アーキテクチャーについては、下記ではnginx+Apache（mod_php）を採用されていました
![[技術] サーバーの引っ越しとアーキテクチャ変更、SSL暗号化（nginx と PHP-FPM）](https://cdn-ak-scissors.b.st-hatena.com/image/square/21280f17c2060fa7ae751f1d8f91b17a32c7028b/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2020%2F11%2Fserver-upgrade-2020-1.jpg)
Vue 3の新しい機能と変更点・全11件
さてさて、前回「Bootstrap v5がどうなるのか調査してみた」という記事を公開しましたが、実は今後のリリースでもうひとつ気になるものがあります。 それは、JavaScript開発の強力な味方、 「Vue.js」の新バージョン（v3） です。 Vue 3については、以前からたびたび情報が出てましたがついにアルファ版が利用できるようになりました。（2020.3.26現在） そこで❗ 今回は、近い将来リリースされるであろう Vue 3の使い方をまとめてみることにしました。 ぜひ参考にしていただけると嬉しいです😊✨ 【追記：2020.09.20】2020年9月18日に正式リリースされ、変更点があったので、記事を加筆・修正しました。 【追記：2020.10.30】「refの使い方が変わった」を追加しました。 「ついに来ました Vue 3 🎉」 Vueインスタンスの作り方が変わった これまで
任意のSVGアイコンを一括で管理、スタイルの変更、エクスポートできるSVGマネージャ兼エディタ・「Norde Source」 - かちびと.net
動作テスト シンプルなUIです。デフォルトではFeatherやFontAwesome、IoniconsなどオープンソースのSVGアイコンセットを配布するプロジェクトが項目に入れられており、その場でアイコンセットを作る事が可能となっています。ついでにOpen Peepsも入れられtました ↑ 勿論、+ADDから任意のアイコンを複数選択して、管理、一括でスタイルを変更する事も可能です。任意のセット名にしたり検索も出来るように。 ↑ エクスポートはSVG、PNG、JPGなどのお馴染みの拡張子からWebPやVeu.js向けなども用意されています ↑ Open Peepsなどのように複数カラーを使用したアイコンセットでは、同じカラーの箇所を一括変更できるので統一されたスタイルが破綻する心配もありません シンプルで扱いやすいのでSVGを管理しやすくなるのではないかなと思います Norde Source
今回はウェブアンケートにて総勢11,136名に調査した＜「歴史の教科書」驚きの変更点ランキング＞を発表します。さっそくランキングをチェック！ １位鎌倉幕府成立が「1192年」から「1185年」に変更された （1,840票） ２位江戸時代の身分制度「士農工商」は存在しないことが明らかになった （1,610票） ３位関ヶ原の戦いの西軍の大将は石田三成ではなく毛利輝元だった （986票） ４位大化の改新が「645年」から「646年」に変更された （712票） ５位「リンカーン」が「リンカン」に変更された （708票） ６位日本最古の貨幣は「和同開珎」ではなく「富本銭」だった （645票） ７位日本最大の前方後円墳は「仁徳天皇陵」から「大仙古墳」に変更された （589票） ８位徒然草の著者が「吉田兼好」から「兼好法師」「卜部兼好」に変更された （498票） ９位「ルーズベルト」から「ローズベルト」
はじめに 2022.4.12 追記 追記時点の AWS カスタマーアグリーメントでは、AWS契約当事者が「Amazon Web Services Japan Godo Kaisha」の場合は、準拠法は日本国法、管轄裁判所は東京地裁と定められており、本ブログの内容は古い情報となっていますのでご注意ください AWS アカウント開設直後では、AWS カスタマーアグリメントの準拠法は米国ワシントン州法となっていますが、AWS からは準拠法を日本法に変更する契約も提供されています。そこで、本ブログでは準拠法を日本法、紛争に関する第一審裁判所を東京地方裁判所に変更する方法を紹介します。 なお、本ブログでは契約内容については一切触れません。 準拠法および管轄裁判所の変更 契約変更はマネジメントコンソール上から締結できます。 AWS Artifact の「契約」メニューに、準拠法を日本、紛争に関する第一審
All of these checkboxes were initially copied using CSS Scan (click here to try a free demo). With CSS Scan you can easily inspect or copy any website's CSS. 📌 Press Ctrl+D to bookmark this page Have you seen CSS Scan? The fastest and easiest way to check and copy CSS. Learn more → Beautiful box-shadow examples 90+ free beautiful CSS box-shadow, ready to use, click to copy. Learn more →
ある日、いつものようにSearch Consoleのチェックをしていました。 適当にスクロール、流し見していると何か見慣れない変なものがチラリ。 これは・・・ どうやらモバイル版のCLSに問題発生しているようでした。 ということで「CLSに関する問題: 0.25超（モバイル）」改善の取り組みをまとめました。（0.1超兼用） 結果を書くとCLS0.3→0になりました。 CLSに関する問題: 0.25超 パフォーマンススコアの改善に取り組み ブログデザインの「テーマ」を軽いものに変更 はてなフォトライフの設定で画質を落とすよう設定変更 アドセンス自動広告の停止 初期の頃よく分からず入れたコードの削除など やってみた結果 あとがき CLSに関する問題: 0.25超 なんだこれは！すっげぇ変なグラフに。 ということで詳しく見てみると CLSに関する問題: 0.25超（モバイル） とのことでした。
Doodle CSS
Doodle CSS A simple hand drawn HTML/CSS theme. By Chris McCormick (@mccrmx) Get the source code on GitHub. Support A button How to use it The main stylesheet is doodle.css: <link rel="stylesheet" href="doodle.css"> Then add the class doodle to the top level element you want to apply the theme to: <body class="doodle">...<body> Load the Short Stack web font: <style> @import url('https://fonts.googl
ブログ村のサブカテゴリーを「ライフスタイル」から「雑記ブログ」に変えてみたら？ 変更のきっかけ これが、約1週間の今日までの記録 総合ランキング 19,732位→17,393位 ブログブログ 144位→51位 雑記ブログ 圏外→22位 最後に ↓この記事にあるように、↓ 新年になり記事下に色々と貼っていたバナーを見直していたところでした。 ブログ村のサブカテゴリーを「ライフスタイル」から「雑記ブログ」に変えてみたら？ 変更のきっかけ ↓1月5日のぽこ (id:poko2341)さんのこの記事を参考に↓ その時書いたコメントです。 以前はサブカテゴリーを「ライフスタイル」にしていました。 「雑記ブログ」に変えると、どう出るか期待したいとあります。 ブログ村のバナーはサイドバーに貼りました。 これは前から作ってあって以前も貼っていたバナーです。 これが、約1週間の今日までの記録 どうでしょうか
フォトショップで色を置き換える方法は、もちろんたくさんあります。 「もっとも簡単で、精度の良いテクニックとどれ？」と聞かれたら、あなたならどう答えるでしょう。 今回は、だれでも簡単に、フォトショップで色を置き換える瞬速テクニックをご紹介します。 この方法を覚えれば、どんなものでも、数十秒で色を置き換えることができるようになります。
「Windows 10ミニTips」は各回の作成時点で最新のWindows 10環境を使用しています。 表示形式を変更する エクスプローラーを起動した際の既定値は「クイックアクセス」である。使用頻度の高いフォルダーや、直近に使用したファイルが並ぶ仕組みだ。 エクスプローラーの既定値である「クイックアクセス」 ユーザーの使用スタイルによって評価は分かれると思うが、筆者は使いにくいと思い、起動時の表示先を「PC」に変更している。 リボンの「表示」＞「オプション」をクリック/タップする 「エクスプローラーで開く」のドロップダウンリストから「PC」を選択して「OK」ボタンをクリック/タップする 設定を変更したエクスプローラー。起動すると「PC」が選択される この状態では主要なフォルダーとドライブ&デバイスが順に並ぶわけだが、ドライブを起点としてフォルダーを開いていくオールドスタイルユーザーには少々
GitHub - dgtlmoon/changedetection.io: The best and simplest free open source web page change detection, website watcher, restock monitor and notification service. Restock Monitor, change detection. Designed for simplicity - Simply monitor which websites h
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長瀬 正志さんはTwitterを使っています: 「Chat GPTを暗記ツールとして使っています。どうしてもリストで覚えらない単語30個くらい指定して「ショートストーリーを作って」と指示すると、短い物語文を生成してくれます。つまり自分仕様の「速単」が秒で作れます。これ生徒にも広めてこうと思います。」 / Twitter
【重要】欧州などからご利用のお客様へ - Yahoo! JAPAN
〈独自〉新型コロナ、４月から「５類」に緩和へ 政府が２０日決定
運用中のPostgreSQLのスキーマを無停止で安全に変更する | 株式会社ヌーラボ(Nulab inc.)
表情やポーズも変更できる、人物のイラスト素材が登場！商用でも完全無料の太っ腹ライセンス -Open Peeps
これは便利、VS Codeの設定を変更しよう！v.1.60のアップデートで、ブラケットのカラー化にネイティブ対応
ワイ「何でそんな小っさいコンポーネント作ってるん？ｗ」 - Qiita
よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ
CSSでフォームの実装に悩んだら！ さまざまなフレームワークで実装されたフォームのライブラリ -HeroTofu
コーディングに役立つ！Visual Studio Codeのちょっとかゆいところに手が届くような便利な機能とテクニック
全部、商用利用無料！ UIデザイン用のSVGアイコンが1900種類以上、デザインに合わせてカスタマイズも簡単な優れもの
GitHub - kenjinote/cmdchat: コマンド プロンプト (チャット風)
CSSの新しいプロパティ「accent-color」が便利！今までできなかったフォーム要素のカラーを簡単に変更できる
FigmaのVariants入門 - さらにコンポーネントを使いこなそう - ICS MEDIA
モダンCSSの機能を使用して、フォームのラジオボタンやチェックボックスを独自のスタイルで実装するテクニック
これは簡単で楽！ スクロールバーのデザインを変更するCSSを確認しながら生成できるツール -Scrollbar.app
SVGファビコンのカラーをダークモード時にCSSで変更できるの知ってた？
Figmaでデザインする時に作業効率がアップする便利なテクニックのまとめ
たまに役に立つWordPressのカスタマイズ5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
CSVの区切り文字変更や文字コード変換などを一括処理「CSVのお供：アテンダントCSV」／「Excel」で読み込んだ際に先頭の“0”が消えたり、日付と解釈されることを防ぐことも【レビュー】
シンプルなパターンがたくさん揃ってる！商用無料で使えるSVGの背景素材 -Basic Pattern Repository
【重要】運営会社合併に関する事前のお知らせ | 小説家になろうグループ公式ブログ
右クリックメニューからファイル名を一括変更できるWindowsシェル拡張「SmartRename」／Windows 10版「PowerToys」のリネーム機能のベース。Windows 8でも利用可能【レビュー】
Web制作者は要チェック！ Chrome 121で新しく追加された6つのCSSの機能
[技術] サーバーの引っ越しとアーキテクチャ変更、SSL暗号化（nginx と PHP-FPM）
「歴史の教科書」驚きの変更点ランキング【鎌倉幕府成立は1192年じゃない】
AWSの準拠法を日本法に変更する方法 | DevelopersIO
Beautiful CSS checkboxes examples - CSS Scan
はてなブログ「CLSに関する問題: 0.25超」の対策した結果 - ごろごろ
ブログ村のカテゴリーを変えたら、順位はどう変わるのか？ - baby blue
【フォトショップ】色の置き換えがラクラク、覚えておきたいお手軽１分テクニック
Windows 10ミニTips(448) エクスプローラーから「ドライブ」に素早くアクセスする方法
ganpeki2024.hatenablog.com
www.allcinema.net
www.tawabagani.com
nanndemohajimete.hatenablog.com
uwano-sora.com
michiamokota0421.com