拡張機能「Memex」でwebクリップツールが進化する | ライフハッカー・ジャパン

2023/06/26 7 users memex センテンス Firefox クイック Chrome

Chrome、Firefoxといったブラウザで利用できる拡張機能「Memex」はWebページ上のセンテンスの保存と参照に重宝します。ハイライトとしてセンテンスを保存できてアクセスもサイドバーからクイック。タグやブックマーク機能もあります。データはすべてローカルに保存されるプライバシー重視の設計です。 続きを読む

WEBページ上での表示に最適な画像形式で、素材をつくる

2023/06/02 12 users 素材 画像形式 表示

こんにちは。GMOアドマーケティングのR.Mです。 はじめに 弊社が運営するコーポレートサイト・自社サービスサイトは、ユーザビリティ・SEO評価向上のためGoogleが提供するPageSpeed Insightsで定期的にサイトの評価をチェックしています。 分析レポートの「改善できる項目」のうち「次世代フォーマットでの画像の配信」... 続きを読む

Webページ上にある複数のリンクをコピーしてURLを一気にExcelへ取り込むワザ【残業を減らす！Officeテクニック】

2023/01/09 12 users Excel ワザ Officeテクニック 残業 URL

続きを読む

CSSアニメーションの実装もこれで簡単！ さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween

2022/06/21 16 users fff プロパティ スクリプト CSSアニメーション CSS

Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。 実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。 スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表... 続きを読む

海外ユーザーが『DOOM』をプレイアブルGIF化。力業でクラウドゲームになった紙芝居状態の名作FPS | AUTOMATON

2021/05/25 14 users DOOM AUTOMATON 広義 クラウドゲーミング 媒体

名作FPS『DOOM』を、Webページ上のGIF描画で遊べるようにした海外ユーザーがあらわれた。力技ながら、広義のクラウドゲーミングとも言える仕組みになっている。ことあるごとにさまざまな媒体でプレイ可能にされる『DOOM』が、また新たな場所に出現した。 『DOOM』は1993年にリリース、今なお愛され続けるFPSゲームの金字... 続きを読む

CSS GridをChrome デベロッパーツールで検証、デバッグする方法を解説 | コリス

2020/11/06 18 users Chrome Chrome Canary レイアウト コリス

Chrome デベロッパーツールでWebページ上のCSS Gridを検証し、レイアウトの問題をデバッグする方法を紹介します。 Chromeの次のアップデートで予定されている機能で、現在はChrome Canaryで利用できます。 Inspect CSS Grid by Jecelyn Yeen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様... 続きを読む

CSSだけで作れる！背景パターンや模様のサンプルコードまとめ | Web Design Trends

2020/08/27 227 users CSS background-imageプロパティ 模様

CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが... 続きを読む

Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開 - ITmedia NEWS

2020/06/19 102 users 特定 Chrome拡張機能 テキスト Google リンク

Googleが、Webページ内の特定のテキストにリンクを張れるChrome拡張機能を公開した。Chromium版Edgeでも利用可能だ。 米Googleは6月17日（現地時間）、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクし... 続きを読む

新型コロナウイルス感染症ページへの患者に関する非公開情報の掲載について - 愛知県

2020/05/05 7 users 再発防止 事態 患者 ダブルチェック 愛知県

愛知県新型コロナウイルス感染症に関するＷebページ上に、本日午前9時30分頃から午前10時15分まで、県内発生事例1例目から495例目までの患者に関する非公開情報を誤って掲載しました。 このような事態を招いたことを深くお詫びしますとともに、今後、ダブルチェック等の対応を徹底し、再発防止に努めてまいります。 ○　5... 続きを読む

SEOとサイトマップ／sitemap.xmlの効果とリスク - 株式会社JADE

2020/02/18 20 users sitemap.xml SEO 株式会社JADE XML 効果

SEOでよく語られるサイトマップは、一般的には www.example.com/sitemap.xml などのように保存されて公開される、XMLやテキストファイルなどの形式で記述されたページ一覧ファイルです。 ここでは、通常のWebページ上で人間が見る「サイトマップ」と区別するため、検索エンジン等向けで人間が直接読むことを想定しないHT... 続きを読む

Webページ上にLEGO®のようなブロックでさまざまな形を作成できる超軽量JavaScriptライブラリ -LegraJS | コリス

2019/11/25 8 users コリス 矩形 ベジェ曲線 楕円 LEGO

Webページ上にLEGO®のようなブロックでさまざまな形を作成できる、3.4Kbの超軽量JavaScriptライブラリを紹介します。 矩形や枠線をはじめ、ラインや楕円やベジェ曲線やグラフやアートなどもブロックで簡単に作成できます。 LegraJS LegraJS -GitHub LegraJSの特徴 LegraJSのデモ LegraJSの使い方 LegraJSの特徴 LegraJS... 続きを読む

PDFファイルをExcel形式やテキストに変換してくれるサービス | ライフハッカー［日本版］

2019/10/29 107 users ライフハッカー Excel形式 テキスト PDFファイル 資料

紙ベースやPDFファイルで資料を渡されるときに、ExcelやWordで処理したい…と思うことがあるかと思います。そんなときに便利なWebサービスをご紹介したいと思います。 『PDF.to』は、PDFファイルをWebページ上で一発変換してくれるサービスです。紙ベースの資料は写真やスキャナからPDF化して利用できます。 クリックして... 続きを読む

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス

2019/09/04 64 users Font Awesome アイコン 汎用性 多数 画像

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました 2019年9月5日 Webサイト制作, 便利ツール Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いません... 続きを読む

CSSはレイアウトの専門家。HTMLでは表現できないものを実現する【第7回】 | 今さら人に聞けないWebの仕組み | Web担当者Forum

2019/05/21 17 users CSS 太字 レイアウト HTML 指令

Webを記述するメインの言語は、「研究論文を共有する」という要望から生まれたHTMLです。HTMLは普通のテキストにタグと呼ばれるさまざまな指令を書き込むと、太字にしたり色を変えたり、さまざまな表現ができます。 しかし、画像や動画を表示したい、Webページ上で計算したり、リアルタイムに表示を変えたりしたい、もっ... 続きを読む

OpenCV + Node.js で画像からぬりえ用の線画をつくる - ほんじゃらねっと

2019/04/04 192 users OpenCV Python JavaScript じゃら 線画

画像処理で遊びたいな、と思い立ったので、 以前PythonとOpenCVで作成した画像線画化スクリプトを Node.jsで作成しなおしてみました。 blog.honjala.net OpenCVはPythonと使うのがやはり一番使いやすいのですが、 Javascript用APIも提供されているので、 Webページ上のJavascriptやNode.jsからでも利用することができま... 続きを読む

Chromeには3種類の“再読み込み”があるって知ってた？ Webページ上の画像などを最新の状態にするテク - 窓の杜

2018/11/12 56 users Chrome テク 状態 画像 最新

続きを読む

Webページにチャット機能を簡単に導入できるSmallchatを試してみた #Slack ｜ Developers.IO

2017/08/10 96 users Slack 西村祐二 Developers.IO チャット

どうも！西村祐二＠大阪です。 今回はWebページに簡単にチャット機能を追加できる「 Smallchat 」というサービスを紹介したいと思います。 このサービスのいいところは Webページ上のチャットとSlackが連携できる ところです。 通常だとチャット機能の開発コストや運用コストがかかり大変ですが、 このサービスは出力されたJavascriptのタグをWebページに埋め込むだけで簡単にチャット機... 続きを読む

Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法

2015/05/04 1020 users Scraper スクレイピング スク Chrome拡張 特定

Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレットシートに保存することができます。 テーブルデータのスクレイピングは以下... 続きを読む

よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ | OZPAの表4

2014/08/28 120 users ジェネレーター ベクター Retinaディスプレイ セリ 導入

Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認くださ... 続きを読む

Webページ上に通知を表示するjQueryプラグインの紹介 （1/3）：CodeZine

2014/06/20 69 users iOS CodeZine タスクバー And 右下

本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回は昨今のスマートフォンにおいてなじみ深い通知の表示をWebページ内で行うjQueryプラグインを紹介します。 はじめに　利用者に短い文章などを提示して注意や操作を促す通知は、古くはWindowsのタスクバー（標準では右下）に表示されるバルーン表示、最近ではiOSやAnd... 続きを読む

【レビュー】Webページ上で指定されているフォントの種類を特定できる「WhatFont」 - 窓の杜

2014/03/04 19 users フリーソフ WhatFont マウスカーソル フォント 種類

レビュー Webページ上で指定されているフォントの種類を特定できる「WhatFont」 マウスカーソルを合わせるだけでフォント名がポップアップされるChrome拡張 （2014/3/4 09:06） 「WhatFont」v2.0.2 「WhatFont」は、Webページで使用中のフォントを手軽に特定できる「Google Chrome」用の拡張機能。「Google Chrome」に対応するフリーソフ... 続きを読む

Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する「Excel to HTML」。アドバンスソフトウェア － Publickey

2013/10/23 136 users Publickey 数式 Excel HTML 変換

Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する「Excel to HTML」。アドバンスソフトウェア Webアプリケーションにおいて、ユーザーの入力に対して簡単な計算や変換をした結果をWebページ上に表示したい、というニーズはよくあることでしょう。例えば業務用のWebアプリケーションなら、いくつかの金額を入力すると合計を表示するといっ... 続きを読む

【レビュー】あらかじめ登録したルールに従って単語を置換するGoogle Chrome拡張機能「Word Filter」 - 窓の杜

2013/05/29 19 users 単語 用途 ほか ルール 工夫次第

レビュー あらかじめ登録したルールに従って単語を置換するGoogle Chrome拡張機能「Word Filter」 目にしたくない表現をブロックできるほか、工夫次第ではさまざまな用途に （2013/5/29 15:03） 「Word Filter」v4.2 「Word Filter」は、閲覧中のWebページ上の単語をあらかじめ登録したルールに従って自動で置換できる「Google Chrome」用... 続きを読む

誠 Biz.ID：3分LifeHacking：Webページ上で特定の単語を見えなくする「WebAborn（ウェブあぼ～ん）」を活用する

2013/05/20 10 users インターネ 死骸 置換 文中 語源

「WebAborn（ウェブあぼ～ん）」トップページ。「あぼ～ん」の語源は、2ちゃんねるで特定のレスを非表示にする表現に由来する まずは作成フォームでNGワードおよび置き換え文字列を指定する。置き換え文字列は初期設定では「あぼ～ん」となっているがここでは分かりやすいように「【NG】」に変更している。今回は後述の「羅生門」での置換を前提に、文中で頻出する「死骸」という単語をNGワードに指定 インターネ... 続きを読む

Chromeだけで快適なTwitterライフを:画像サムネイルをWeb版に追加する拡張機能 : ライフハッカー［日本版］

2013/05/18 25 users Twitterライフ Chrome ライフハッカー 拡張機能

Google , Google Chrome , Twitter , Webツール , 最新テック Chromeだけで快適なTwitterライフを:画像サムネイルをWeb版に追加する拡張機能 2013.05.18 13:00 TwitterのWebページ上のインターフェイスは『Tweetbot』などのアプリと比較すると見劣りする気がします。Chrome拡張機能『Previeweet』は動画と静止画... 続きを読む