Hatena Blog Tags
はてなブログ トップ
Syncer
このタグでブログを書く

Syncer

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
テクチューブ•2 か月前

Googleの画像ファイル形式「WebP」とは？サイト表示速度にも影響ある？

Googleが開発した画像ファイル形式「WebP」は、画質を維持しながらファイル圧縮率を高めることができる新世代の画像フォーマットです。 今回は「WebP（ウェッピー）」の特徴やメリット・デメリット、変換方法を紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）のメリット WebP（ウェッピー）のデメリット 画像をWebP（ウェッピー）に変換する方法 WEBツールを使用する プラグインを使用する フォトショップで書き出す まとめ WebP（ウェッピー）とは？ WebPとは、Googleが開発した画像フォーマットです。ファイルの張子は「.webp」になります。 2010年…

#WebP#画像ファイル形式#Syncer

関連ブログ

madaraの来世に期待•9 日前

【RPDR】カナダ版シーズン2のキャスト発表

ん…？この前UKシーズン3のキャスト発表について書いた気がしますね。今度はCanada's Drag Race（カナダ版ドラァグ・レース）シーズン2のキャストが発表されました。 配信は10/14！またもや別フランチャイズであるUK版シーズン3と被ってしまうことに。両方とも観るの無理そうなんですよね。よりにもよってこのふたつが被るのか…もう観ます観ます言って全然観れてないのバレバレだと思うので、そんなことはもう言わないことにします… とにかく、Meet The Queenを観ていきましょう。1分弱なので全員観ても12分程度というコンパクトさ。あっという間に観れます。ここのところ供給過多なので助か…

Web白描•12 日前

WebP

WebP WebP - Wikipedia WEBP変換ツール (jpg、pngとwebpを相互変換) - SYNCER lab.syncer.jp WebPShop PhotoshopからWebPに保存するプラグイン developers.google.com 解凍したデータを「Adobe Photoshop」フォルダー内の「Plug-ins」へ移動 Photoshopを再起動 PhotoshopからWebPに保存 PSD形式からは「コピーを保存」 JPEG形式からは「別名で保存」 PhotoshopのActionを作成 「ウィンドウ」メニュー → 「アクション」 「新規セット」作成 名前を…

シャリン TIME•12 日前

【アクセス数に影響大】WEBサイトの表示速度 改善方法3選

こんにちは、シャリン（@sharin0gan）です。 ネットサーフィンする時に、WEBサイトの表示が遅かったら何秒まで待てますか？ 数秒でも待てない人もいるのでは、ないでしょうか。 WEBサイトの表示速度は、ブログにとっては重要項目です。 WEBサイトがブログのアクセス数に与える影響として代表的なところでは、 「WEBサイトの表示が3秒以上かかるとユーザーの離脱率が上がる」という情報があります。 また、表示速度が遅いとGoogle検索上も悪影響があります。 Googleは2018年7月から、モバイル検索の検索順位要素としてページ表示速度を使用するアップデートを実施しました。 https://d…

青いやつの進捗日記。•先月

ブラウザの向きとか、向き固定とかまわりを調べた（主にスマホ） Fullscreen APIとかScreen Orientation APIとか

スマホを画面の向きを縦向きにロックしている状態でブラウザは横向きに回転したりとか出来るのかを調べていた。 CSSのメディアクエリのorientation（画面の縦横比で判断）以外の方法を探す。（ロックしていると問答無用でportrait判定なので） まず、ブラウザの角度を調べる方法。 blog.katsubemakito.net miku3.net window.orientation screen.orientation.angle で調べられる。端末の向きをロックしておらず横に傾けて横向きにしたら90、縦向きに0となる。（ちなみにscreen.orientationはiOS Safariで…

雑記投下場•2 か月前

【メモ】UnityのStarterAssetsで簡単な空中浮遊

更新履歴 可読性のために見出しを追加．一部脱字を修正，説明の追加．（2021/08/30） 記事の目的 UnityのStarterAssetsで空中浮遊を行う方法のメモ（取り急ぎ書き殴っただけなので，他に良い方法があれば教えて頂けると幸いです）． 実装概要 StarterAssetsで提供されているキャラクターはスペースキーの押下でジャンプができるので，これを利用し，押しっぱなしで浮遊するようにすることを考える． 疑似コード的には次のようになる． if (スペースキーを押している) { 鉛直速度 = 0; // 上にも下にもいかない } ここのところ全然Unity触れていなかったので，これをI…

K ROOM•4 か月前

0707

自分に合う環境（部屋）がきっとあるはず 合わない場所で我慢して諦めて生きるより 合う場所を求めて歩き続ける 自分に優しく。 自分の心を一番大事に お金、仕事、友達、恋人、家族より 自分に合った部屋をみつけよう！内見は疲れるけど！ 集中線助かりました 集中線メーカー (syncer.jp)様 引いた瞬間 思い出した。

ポンコツエンジニアのごじゃっぺ開発日記。•5 か月前

【無料】簡単に独自アイキャッチ画像を生成できる仕組みを作る

まずは、今回の独自システムで作成したアイキャッチ画像はこちらになります。 今回は、これを作成できる仕組みを作ったので、それを紹介しようと思います。 概要 完全無料で作りたかったので、有料のサーバは用意していません。そのため、簡単に無料でスクリプトを実行できるGoogle Apps Script（以下、GAS）を利用しました。 ウェブサイトの公開をGASで行ってはいるのですが、HTML（とJava Scriptによるスクリプト）だけなので、HTMLファイルをPC上に作成するだけでも利用することができます。 自分の場合は、PCが変わっても利用したかったので、GASを利用してウェブサイトに公開してい…

メモ - RyuSA•5 か月前

Kubernetesの仮想化ツールvclusterに触れてみる話

www.vcluster.com vclusterはKubernetes上にKubernetesを起動して仮想的なKubernetesを楽しむことができるツールです。特定の名前空間上にk3sをデプロイしその中でリソースを作成、Syncerがリソースをホスト側のKubernetesへ同期をすることで実現しています。 結構楽しそうなツールだったので遊んでみたログを残しておきます。 # 環境 # Kubernetes Providor : Amazon EKS ❯ kubectl version --short Client Version: v1.19.7 Server Version: v1.1…

ry's Tech blog•5 か月前

入門 vcluster

What's vcluster 今回ご紹介させていただくのは、Virtual Clusters For Kubernetesを実現するvclusterです！ 既存のkubernetes上で簡単に仮想的なkubernetes clusterを構築することができます。 Architecture vcluster-1 Basics | vcluster docs | Virtual Clusters for Kubernetes 主なコンポーネントとしては以下の2つです。 以下のコンポーネントは、stateful-setによってスケジューリングされるpodの中に2つのコンテナとして作成されます。 c…

生きるのをもっと楽に、楽しく•5 か月前

「トップに戻る」ボタンには、jQueryが使われていることまでは分かった

topへ戻るボタン | EC design(デザイン) より引用 「トップに戻るボタン」なのですが調べてると、jQuery というものを使っていることがわかりました。 はぁ?jQuery って何ですか?( ﾟдﾟ) ググりました。 jQueryとは、JavaScriptでできることを、より簡単な記法で実現できように設計されたJavaScriptライブラリです。2006年にリリースされ、JavaScriptライブラリのデファクトスタンダードであると言われています。 jQueryのおかげで、プログラミングの初心者でも、フロントエンド開発に参加しやすくなりました。jQueryは初心者にやさしい、とて…

エンジニアになりたいakiyuのブログ•5 か月前

同一オリジンポリシーとCORSに再入門する

同一オリジンポリシーとCORSは、Web開発者であれば常識だと思うが、なんとなーくしか理解できていないので勉強がてらまとめてみた。 同一オリジンポリシー 同一オリジンポリシーとは 同一オリジンポリシー（same origin policy）とは、JavaScriptなどのクライアントスクリプトからサイトをまたがったアクセスを禁止するセキュリティ上の制限のこと。 Webブラウザのサンドボックスに用意された制限の一つ。 受動的攻撃を防止するための対策。 同一オリジンである条件 同一オリジンと判定される条件は以下の通り。 URLのホスト(FQDN)が一致している スキーム(プロトコル)が一致している…

今日はなにの日。•5 か月前

今日は、ZabbixでNew main PID xxx does not belong to service, and PID file is not owned by root. Refusing.の日。

目次 目次 とある日 前提条件 Zabbix Error Message 解決方法 Issue 問題 〆 参考記事 とある日 zabbix5.2を初めて構築してて躓いたエラーの解決方法を記述します。 前提条件 この記事を見る方は大きく2つの用途があると思います。 そのぞれの方向けに前提条件を記述します。 Zabbixの構築で躓いた方は条件に適合するかどうかをチェックしてください。 同様のError Messageで躓いた方は、サービスごとで具体的なパラメータが異なるのですが、エラーの解決の根底方法はわかると思います。 自分がそうでしたので。 一応、WSL2でDockerの中でZabbixを構築…

ネットワークエンジニアで高きを目指せ（東京！原宿）•6 か月前

箕面プログラミングスクールの授業（配列来た。）

箕面プログラミングスクールの2回目の授業でした。 少し学んだことがあるので書き留めておこうと思う。 ■フローチャート すごい基本的なことなんですが、箕面プログラミングでは一回一回のコーディングできちんとフローチャートを書いて教えてくれます。 私は情報系の大学も何も出ていない野武士なのでフローチャートやらを書いたことがないのですが、きちんと技術系で食っていくためにはフローチャートを書きなれたほうがいいだろうとは思った。 練習には下記のサイトがいいだろうか？ masudahp.web.fc2.com ■インデントに気を付ける IF文の中にIF文を入れていくと頭が混乱してくる。 私は元々上から下まで…