個人的にオススメGoogle Chrome拡張機能8選

1. The QR Code Extension

この拡張機能は今開いているWebページのQRコードを表示してくれるものです。その場でスマホからWebページを開いてもらう時とかに有効です。

2. SearchPreview

Google と Yahoo! の検索結果にウェブサイトのプレビューを挿入してくれる拡張機能です。Webページを開く前にどんなサイトかをプレビューすることができます。

もっとみる

Catalina + Chromeでゴシック体が明朝体に? トラブル解説とフォントの基本

2019年 10月 8日、Appleが新しい『macOS Catalina』をリリースしました。

iPadをサブディスプレイ化できる「Sidecar」など、革新的な機能を実装したバージョンではありますが、ウェブ制作者の間で「ウェブページの表示フォントが変わってしまった」という現象の報告が相次ぎました。

具体的には、

ヒラギノ角ゴシックを指定したウェブページが、明朝体になってしまった

という

もっとみる

Chrome画像検索をPinterestのようにつかう

デザインのアイディア出しとかでもよく使うピンタレスト。

確かに関連画像の検索はしやすいし、イラストレーターやUIデザインなどでは豊富な画像が検索できます。

が、正直私はchromeの画像検索が一番検索範囲が大きくよく使っています。

チーム内共有するのにピンタレストの方が便利だからと、chrome画像検索上にはあるのにピンタレストにない画像を探し回って結局見つからない、、

という無駄な時間を

もっとみる

noteの記事ページをブラウザで閲覧するときに1行の字数を増減させる方法

ブラウザでnoteの記事を読むときに、1行の字数(1行の横幅)を標準よりも増やしたり減らしたりする方法を紹介します。

全体のしくみ

標準では、1行の横幅が620pxです。これをCSSで増減することで、1行の横幅が変わり、それによって字数が増減します。
文字以外のコンテンツの横幅も、連動して変わります。

必要なもの

ブラウザ用の拡張機能であるStylus(Chrome版 / Firefox版

もっとみる

【戦略】五分で分かる、ブラウザ戦争【映画になりそうな話】

今日はブラウザ戦争を取り上げてみました。
webデザイナーなら基礎知識ですが、
意外と一般には知られていない話。

ブラウザを制したものがインターネットを制しています。
その戦略と歴史の流れ、ユーザー目線で実際どうだったのかは
このチャンネルしかないと思うので是非ご覧ください。

映画やドラマになりそうな話ですよね。

ChromeのURLの閲覧時のHistoryの保存場所。保存形式は、Sqlite。

確認アドレス
chrome://Version

https://www.howtogeek.com/255653/how-to-find-your-chrome-profile-folder-on-windows-mac-and-linux/

競馬キュレーションサイトを作るよ!#44

エネイブルの凱旋門賞3連覇は思わぬ伏兵に阻まれましたね。
いくらエネイブルが名馬といっても、世界最高峰レースを3回も勝つのは難しかったようです。
私は応援のつもりでキセキの複勝を少しだけ買っていたのですが、最後の直線ではテレビ画面から消えちゃいました。
残念!

さて、今回はNetkeiba以外の競馬サイトの実装を行っていきます。

スケジュール

1. 各メディアを調査
2. システム構成を決め

もっとみる

Chromeで右クリックの保存の拡張子に「GIMP 2.10.12」という接頭語が付く問題

(約 500文字の記事です。)

お絵描きする人がnoteでは多い気がしたのでちょっとだけメモ。詳細はブログをご覧下さい。

私はWindows7時代の古いGIMPをWindows10にアップグレード後に最新の物に上書きアップデートした。すると、Chromeの右クリック>名前を付けて保存、の拡張子の表示が変になった。通常は「JPEGファイル(*.jpg)」となるところが、なぜか「GIMP 2.10

もっとみる
タコやイカには元気になる栄養素がたくさん含まれているらしいです。
3

【Chrome】おすすめアドオン紹介!(随時更新)

どうもKai Kunです。

みなさん、アドオン使ってますか?
本日は、Chromeのアドオンでオススメのものを紹介します。

ちなみに僕のChromeはアドオンまみれです!笑

Pasty

これはご存知の方も多いと思いますが、コピーした複数のURLを一括で別タブで開くことが出来るアドオンです。

WhatFont

このアドオンも超オススメです!Webサイト上で使われているフォントをクリックひ

もっとみる

MACでChromeディベロッパーツールを表示させるショートカットキー

option + command + i
以上

ディベロッパーツールを使うとパソコンでスマホやタブレットの画面と同じサイズの画面を開くことができます。windowsのパソコンではF12です。

スマホのエミュレータとして使えて便利なので覚えておくと便利ですね。