スキップしてメイン コンテンツに移動

些細な日常

ラベル(Webサービス)が付いた投稿を表示しています すべて表示

Googleの画像検索でサイトで使用可能な著作権フリーの素材を見付ける

イメージ

サイトで使用できる写真やイラストなどの著作なしのフリー素材があってホームページやブログをやるときに助かる。 大体、 専用の検索サイト や 気に入りの個別のサイト で探せば良いのが見付かるんだ。 しかしどうしても良いのが見付からない場合、最終手段みたいな感じで、役立つのがGoogleの画像検索なんだ。 Googleの画像検索に著作フリーの「ライセンス可能」のバッジがある 画像検索| Google 以前はキーワードに関係する画像か並んでいるだけだったけれども2020年の夏から著作権フリーのライセンスを表示するようになって簡単に見付けられるようになった。 第一に私たちはライセンス可能な画像を見付け易くしています。出稿者や制作者がライセンス情報を提供したところでは「ライセンス可能」バッジを表示します。バッジが付けられた画像を見ようとすれば私たちはライセンスの詳細へのリンクを出し…

サイトのコントラストをContrast Finderの自動的な配色で高める

イメージ

サイトの表示速度を計測する PageSpeed Insights にその他のパフォーマンスを判定する要素が盛り込まれて総合的に使い易さの指標が得られるようになった。 コントラスト比の最低基準は4.5 : 1 PageSpeed Insights| Google Developers ブログで気がかりになったものの一つにコントラスト比があって「背景色と前景色には十分なコントラスト比がありません」という指摘と共にユーザー補助の項目も少し減点されてしまった。 調べるとWCAG(Web Content Accessibility Guidlines/ウェブコンテントアクセシビリティガイドライン)が定める最低基準となるレベルAAの4.5を通常の文字サイズで越えなくてはならない。 テキスト及び文字画像の視覚的提示に、少なくとも 4.5:1 のコントラスト比がある。ただし、次の…

ブログのping送信をIFTTTで自動化する方法

イメージ

ブログランキングなどで登録したブログの更新を伝えてサイト内容を取得できるようにするために使われるping送信がある。ブログの更新に合わせてping送信を行う機能が付いていれば良いんだけれども付いてない場合はできない。 例えばブログサービスのBloggerにはping送信の機能が付いてないためにping送信を記事の取得に活用する にほんブログ村 や 人気ブログランキング などに登録してもブログの更新を手動で伝えなくてはそうしたランキングサイトでの記事の表示内容を変えることはできない。 しかしWebサービスの IFTTT を使えはブログのRSSフィードなどから更新に合わせてping送信を自動的に行えると分かったので、とうやるかを載せておきたい。 IFTTTでのping送信の自動化の手順 IFTTT(イフト/IF This Then That: これならばそこでそれを)はサ…

Google Fontsの外部ファイルを少しでも速く表示させる方法

イメージ

Google Fonts で日本語のWebフォント( Japanese )が幾つも無料で提供されていて現在は正式版として相当に使い易くなっている。 Google Fontsの日本語フォント 種類が非常に多くて五十二件(2022年2月時点)から二十件のみ掲載する。 Noto Sans Japanese ( 適用 ) Noto Serif Japanese ( 適用 ) Shizuru ( 適用 ) M PLUS Rounded 1c ( 適用 ) Zen Kaku Gothic Antique ( 適用 ) Sawarabi Mincho ( 適用 ) Kosugi Maru ( 適用 ) Kaisei Decol ( 適用 ) Shippori Mincho ( 適用 ) Delta Gothic One ( 適用 ) Reggae One ( 適用 ) Kiwi Maru ( 適用 ) Murecho ( 適用 ) Yusei Magic ( 適用 ) Yuji Sy…

Dropboxで直リンクのURLを取得する方法

イメージ

クラウドストレージの Dropbox はサイトで自由にコンテンツを表示できる直リンクのURLをあらゆるファイル形式で取得することができる。 Dropboxの共有リンクのURL 直リンクをURLを取得するには共有リンクが有効になってなくてはならない。 Ringtone| Dropbox ファイルのメニューの「リンクをコピー」から共有リンクを取得できる。 DropBoxの共有リンクのURLの例 https://www.dropbox.com/s/gmgraajvzjninyg/Ringtone-Original%2014.ogg?dl=0 ドメインの「www.dropbox.com」から共有リンクのコードとファイル名が半角スラッシュ(/)に区切られて続いて最後にパラメーターの「?dl=0」が付く。 アクセスするとDropboxのファイルのプレビューになる。 パラメーターの「d…

Bloggerの投稿画像の種類とサイズ/容量と画像URLについて

イメージ

Bloggerの管理画面が2020年9月から刷新されて投稿画像の出方が幾らか変わったから改めて纏めておきたい。 目次 四種類の投稿の仕方とそれぞれの最大幅 Bloggerの投稿画像のサイズ毎の圧縮の目安 画像URLで投稿画像のサイズを変更する方法 Bloggerの投稿画像のサンプルのソースコード Bloggerのimgタグのサンプルのソースコード Bloggerの画像URLのサイズ指定のパターン 画像URLでWebPファイルに変更する方法 webpファイルとその他の振り分けの仕方 四種類の投稿の仕方とそれぞれの最大幅 投稿画像の選択| Blogger パソコンからアップロード:デバイス(パソコン、スマホ、タブレットなど)から掲載する フォト:Googleフォトのギャラリーかアルバムから掲載する Blogger:Blogger(Bloggerに以前に取り込んだ画像)かGoogle…

Bloggerでアドセンスに複数のブログを関連付ける方法

イメージ

Flickrの実名と表示名とウェブアドレスの設定方法

イメージ

写真のソーシャルメディアの Flickr を無料プランで始めた。有料プランのFlickr Proの保存容量は無制限だけど、無料プランで現行は千件まで画像や動画をアップロードすることができる。どちらのプランも一回毎のアップロードの容量制限がないのが嬉しい。大きな写真でも、そのまま、保存しておけるので、クラウドストレージとしての利用価値も十分だと思う。 プロフィールの三つの項目 Flickrのアカウント登録の最初の設定で、プロフィールに関して特殊だと気にかかった三つの項目を纏めておきたい。 プロフィールの何れの設定も自分のページ(Flickrにログイン済み)の右上のアイコンの「Settings」(設定)の項目から編集することができる。 Account settings| Flickr Real Name/実名の設定 Display Name/表示名の設定 Web Addr…

Firebaseのホスティングのプロジェクト/アプリ開発やサイト作成を立ち上げる

イメージ

Google のWebサービスの一つ、 Firebase を使うとアプリ開発やサイト作成をプロジェクトとして立ち上げてコンテンツを配信できる。 料金は無料のSparkプランで1GBの容量が得られる。他にも機能が幾つもあって例えばデータベースやストレージたと1GBや5GBずつ得られるようになっている( 無料で開始 )。ホスティング以外に機能を追加して使うならば一つのアカウントで実際に提供されるサーバー容量はもっと大きい。 転送量も機能毎に制限されていてホスティングでは10GBだけれどもアクセスが増えれば有料版へ移行してサーバー容量も含めて許容範囲を広げられる。定額制のFlameプランと従量制のBlazeプランに分かれていてアプリやサイトの稼働状況に合わせて選べる仕組みだ。 今まではアプリ開発とサイト作成はおよそ別々だったけれども一つに明らかに統合したのがFireba…

サイトの表示速度をlinkタグの「rel="preconnect"」で上げる/WebPagetestで事前接続を調べる

イメージ

HTMLの リソースヒント ( 日本語訳 )に載っているlinkタグの「rel="preconnect"」がサイトの表示速度を上げるのに役立つと知ってブログに取り入れたんだ。 速くなるのは確かながらほんの僅かで、体感上、殆ど変わらないようだけど、しかしブラウザの外部ファイルの読み込みを効率化できるので、訪問者が以前よりも安定して閲覧できるかも知れないから外すには至らない。 目次 リソースヒントのpreconnectの仕組み linkタグの「rel="preconnect"」の記述法 サイトの表示速度を上げ易くする条件 WebPagetestで事前接続を調べる方法 WebPagetestの通常の入力画面の日本語訳 事前接続に含まれる三つのデータ リソースヒントのpreconnectの仕組み Luminescence of cars run…

Bloggerで独自ドメイン/カスタムドメインをhttps接続に設定して使用する方法

イメージ

無料ブログのBloggerは独自ドメインを設定してレンタルサーバーとして無料で使うことができる。独自ドメインで有料ブログを運営する際にはレンタルサーバーの料金もかかるのが一般的だから安くても年間数千円が差し引かれるのは非常に嬉しい。 機能も殆ど変わらない。個人的に Googleフォトの高画質の写真が載せられるのとBloggerの強制の広告が出ないのが良いと思う Bloggerの無料ブログの特徴が独自ドメインで引き継がれるのが嬉しい。ただし一部で新しい機能が追加されるのが遅れる場合があるかも知れないから留意しておきたい。現時点ではSSL暗号化通信(https)が二年くらい無理だったけれども今年の始めから可能になってBloggerの無料ブログと独自ドメインの機能の大きな差はなくなって来た。 性能上、明らかに違うのは国別URL(ccTLD)が独自ドメインで発動し…

サイトのファビコンとウェブクリップアイコンの汎用的な設定とBloggerでの導入手順

イメージ

サイトでファビコンやウェブクリップアイコンを設定すると訪問者の利便性が上がるから良いと思う。前者はブラウザのタブでサイト名の先頭に付けられる。後者はスマホ/タブレット向けのショートカットアイコンで、ブラウザのブックマークでサイト名の先頭に付けられたり、ホーム画面に追加するとデバイスに貼り付けられたりする。ファビコンとウェブクリップアイコンの何れの画像もサイトの顔みたいに訪問者へどんなサイトなのかを直感的に示すのに役立つ。 ファビコンの汎用的な設定について サーバーに専用の画像をアップロード サイトのhead内にlinkタグで画像URLを記載 ファビコンのサイズ縦横16~64px程度で、綺麗に表示される画像を専用に作成して使用すると良いと思う。 大きな画像を使用してもブラウザが自動的に縮小して表示するから大丈夫だ。 ファイル形式は pngが小さめの画像の画質には崩…

Bloggerの無料のブログサービスとしての特徴:成り立ちと使用感と二つの利点など

イメージ

無料ブログというか、ホームページを含めてもBloggerでのサイト運営が最も気に入っている。 Bloggerの成り立ちは Twitter と結び付く Bloggerは世界で最も利用者の多いブログサービスの一つだけれども元々はTwitterの創業者の一人の エヴァン・ウィリアムズ がパイララボで開発したらしい。ブログやブロガーという言葉もBloggerから専ら来ているようで、だからそのままの名前が付いている(Blogger/ブロガー)のもコンセプトがオリジナルのせいだとも過言ではなかったんだ。考えると格好良いし、Bloggerはかつてホームページだけしかなかったインターネットに新たな地平を切り拓いていた。アイデアが画期的で、素晴らしいと感動を覚える。 1999年に始まって人々に大きく広まった2003年に Google にパイララボは買収されたんだ。以降、Blogger…

フリー素材のぱくたそは専属モデルの河村友歌が相当に可愛いと好印象を与えた

イメージ

サイトで 無料で使える写真などのフリー素材のWebサービス は海外に多いけれども日本にも ぱくたそ (PAKUTASO)を見付けて良いと思った。 ダイヤル式電話機の使い方がわからずスマホから電話する平成生まれ by すしぱく ユニークな写真が貰えるというか、外国人からは得難いはずの日本人ならではの小綺麗に纏まったようなセンスと数多く出会えるのが日本のWebサービスとして流石に有り難い。 ぱくたそは画質も優れていて高品位な写真を提供していて素晴らしいと心から拍手を送る ダウンロードはSのサムネサイズとMのブログサイズとLの高解像度版の三つ――ウェブで切り出ってトリミングの機能も付いている――から選べる。最高のLの高解像度版だと1MBを越えるような非常に大きなサイズになる。サイトで使うには一般的にMのブログサイズがスマホからパソコンまでの閲覧に適していて容量も軽くて必…