HTML

とりあえずのメモ

Googleドキュメントに感じる「ハイパーカード的なもの」(リンク型データ管理)

Googleドキュメントなどを使っていると、情報管理方法が根本から変わってきたことを感じます。 関連するファイルをフォルダでまとめて送らなくても、「@」のリンクだけで共有できるからです。 従来の「フォルダ」によるファイル整理だけでなく、クラウドとリンクによるデータ管理に意識を切り替えていく必要がありますね。 リンクでつなぐ情報の世界 Google Workspaceなどでは、文書、スプレッドシート...
とりあえずのメモ

急に Google Search Console にアクセスできなくなった?【プロパティのアクセス権】

トップページの Googleタグマネージャーのスクリプトを停止したために、Google Search Console でのサイトの所有権の再確認が必要になりました。 今回は サイト内に確認用HTMLファイルを設置する方法にしました。 サイトの所有権がわからなくなった Google Search Consoleにアクセスしようとしたら、エラーになりました。 このプロパティへのアクセス権がありませんロ...
とりあえずのメモ

[PSI] サイトロゴの画像サイズを最適化した 「画像要素で width と height が明示的に指定されていない」(片方だけでは暗黙)

PageSpeed Insights(PSI)の減点項目に「画像要素で width と height が明示的に指定されていない」としてヘッダーのサイトロゴがありました。 これまで ヘッダーのロゴとモバイルヘッダーメニューのロゴは、高さだけを指定していました。 高さだけでも表示サイズは計算できていましたが、PageSpeed Insightによると「ユーザー補助」の面で減点になるようです。 ヘッダ...
とりあえずのメモ

[WordPress] 遅延読込みのせいで印刷時に画像が消えていた(loading=”lazy”, decoding=”async”)

ブログを冊子印刷にして配布しているのですが、一部の画像が印刷されていないことがあります。画像の遅延読込み で失敗しているようです。 WordPress によって自動的に付加される「loading=”lazy”」「decoding=”async”」を消すよう、functions.php を編集しました。 add_filter( 'wp_lazy_loading_enabled', '__return...
Windows

MRIやCTの画像ディスクをパソコンで見るには?【DICOMの閲覧】

病院で画像診断のディスクをもらいました。パソコンに入れたところ、「このディスクに対して行う操作を選んでください」と表示されています。どうすればいいのでしょうか? Windows PCなら、同梱されている専用ビューワ「AOC Stackato」で画像データを閲覧できます。 CD-ROMの自動再生 「AOC_Stackato の起動」というのは、CD-ROM内の自動再生プログラムです。 プログラムの表...
Windows

ブラウザはインターネット以外のHTMLも読み込める

Chomeや Edgeなどの「インターネット・ブラウザ」は、「インターネットを見るもの」だと思われています。しかし、それだけでなくパソコンや CDなどに保存されている HTMLファイルを読み取るのにも使われます。 HTMLファイルは、文章に加えて画像やリンクを挿入できる「ハイパーテキスト」。例えば、プログラムの説明書や健康診断の結果など いろんな場面で利用されることがあります。 HTML 「HTM...
SNS

【未解決】埋め込んだTwitterのフォントサイズを小さくしたい(けど、いったん断念)[WordPress]

ただ、ツイートの埋め込みの文字サイズを本文に揃えたいだけなのに、めちゃくちゃ大変……。 Twitterのツイートは、「ツイートを埋め込む」からコードを表示して、HTMLに埋め込むことができます。ところが、枠の幅や文字サイズなどは、ウェブサイトと異なるスタイルが適用されます。 結論としては、あれこれ調べましたが、諦めました。「埋め込みツイート」が Twitterの仕様変更に依存しているので、サイト側...
#PR含む

無料ホームページの2つのやり方【HTMLサーバとCMS】

ホームページを作ってみたいのですが、無料でできますか? 無料ホームページ作成には、2つの種類があります。無料のレンタルサーバとCMSです。 xfreeとJimdoを例に、それぞれの利点・注意点を確認してみましょう。 HTMLサーバとCMSの違い xfreeと Jimdo は、どちらもウェブサイトを作成するための無料サービスです。しかし、ホームページの作り方に大きな違いがあります。 ▶ xfree ...
ニュースから考える

「メタバース」とは?【3D空間のゲーム以外の使い方】

「メタバース(metaverse)」は、「ネットワークにつないだ3D空間」のことです。 3Dゲーム内で遊ぶだけでなく、コミュニケーションや作業領域として活用することが想定されているのがポイントです。 3D空間上で遊んだりするゲームは、すでにたくさんあります。 これまで3D処理は、カクカクして重かったですが、技術の進歩でだいぶスムーズになってきました。ボタン1つで3D空間に入れるようになれば、コミュ...
インターネット小話

BASEのショップデザインを変えたい【デザインとHTML編集】

BASEでショップデザインを変えるには、「デザイン」の「ショップデザイン」ー「テーマ」からフォントや色を変更することができます。 出典:HTML編集 | BASE Apps もっと細かく変更したい場合は、やや専門的な知識が必要になります。 「HTML編集」Appをインストールすると、内部のHTMLを編集することができます。 公式サイト BASE こちらもどうぞ 参考 HTML編集 | BASE A...
アカウント

SBI証券の指値注文で価格が入力できない【パスワード管理とinputのtype属性】

ネットで株を購入しようとして 価格を入力しようとすると、「次のアカウントで続行」という画面が表示されるんだけど、どうしたらいい? スマホのChromeブラウザで、SBI証券にログインしたところ、指値注文の価格の入力で、うまく進みませんでした。 今回は、ブラウザのパスワード保存機能と、HTMLの入力欄の仕組みについて、見てみましょう。 ポイント ブラウザがパスワード入力欄を認識すると、記録しているパ...
ニッチな話題

macのエディタでmiをインストールした話

わたしは、文章をメモするときにテキストエディタを利用しています。 起動が早いからです。 テキストエディットはプレーンテキストのエディタではない ところが、macのデフォルトのテキストエディタは、「テキスト エディット」は、起動すると「ファイルを選ぶ画面」が表示されます。 すぐに白紙が表示されないんですね。 しかも、ファイル形式は「リッチテキスト形式」になっています。 軽快にプレーンテキストを編集し...
インターネット小話

「ARで動く年賀状」のしくみ? 【ARとかQRとか】

「AR動く年賀状……?」 近江印刷株式会社さま(omi-in.co.jp)の近江タイムス(第1248号、令和2年11月5日(木)発行)に掲載された広告が目に留まりました。 「ARで動く年賀状」、なにやらワクワクする内容ですよね。 楽しかったので、AR年賀状のしくみとウェブページの進化について、紹介したいと思います。 ARで動く年賀状とは? 「ARで動く年賀状」って何でしょう? 「しくみ」としてはま...
ニッチな話題

WP ULikeプラグインがAMPページでうまく表示されない [WordPress]

WP ULikeプラグインは、WordPressに「いいね」ボタンを設置するプラグインです。 通常ページではこのようにハートマークのいいねボタンが表示されます。 ところが、AMPページだと…… 0の隣の小さな白い丸になってしまっています。 このハートマークは、CSSの:after 擬似クラスで背景画像として表示されています。 ところが、AMPページでは:after擬似クラスが使えないため、何も表示...
ニッチな話題

AMPエラー HTML タグに必須属性がありません。- formとJavaScript

ブログ記事の中にフォームを入れていたら、AMPエラーになりました。 カスタムHTMLを使うとよくAMPエラーになりますね。 足りなかったのは、formタグのtarget属性でした。formタグの説明では特に見かけなかったんですが、必須属性なんですね。 今回のコードでは、javascriptの関数を動作させるためのボタンを配置するためにフォームを作りました。 特にデータをサーバーに送るものでもなかっ...
ニッチな話題

自分のイラストをgoogleの画像検索のクリエイティブ・コモンズに表示させるには

画像検索の「クリエイティブ・コモンズ」の結果ってあんまりパッとしないよね!(失礼) Googleの画像検索はとても便利ですが、検索されたイラストを利用するためにはライセンスを確認する必要があります。画像検索ではライセンスによる絞り込みができるのですが、画像の数が少ないからか、検索キーワードに関係ない画像ばかりが表示されるのが現状です。逆にいうと、ここはまだブルーオーシャンで、もし有用な画像素材を登...
パソコン基礎知識

Wordはもう古い?文書作成にMarkdown(マークダウン)記法を使うメリット

文書をWordで書くケースは多いですが、機能が多すぎたり立ち上がりが遅かったり、逆に使いにくいと感じることもありませんか。 この記事では、文書作成をスムーズに進めるためのMarkdown記法とエディタについて解説します。 Wordで文書を作るときに感じる不満 あなたは長い文章を書くときに何のソフトを使っていますか。 多くの人はビジネス文書の作成に Word を使っているのではないでしょうか。 しか...