SEOの画像最適化を一括で超簡単に行う方法【squoosh-cli】 | 株式会社ココログラフ
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your bro… 『squoosh』はブラウザで簡単に画像の最適化や変換ができるツールです。 ブラウザで開いたら最適化したい画像をドラッグ&ドロップで入れてみましょう。 今回は、Wikipediaに掲載されていたGoogle本社の画像を拝借しております。 するとこんな感じで変換設定画面になります。 右下のウインドウで自由に設定を変更しながら好みのサイズ・フォーマット・画質に調整可能です。 この画像の場合、デフォルトの設定のままでも44%の容量が削減できるんですね。 最後に右下のダウンロードボタンから最適化後の画像がダウンロードできるという仕組みです。 非常に簡単ですが
RGBとHSLの相互変換ツールと変換計算式
ツールの使い方 色を赤・緑・青の3つで表現する「RGB」と、色を色相・彩度・輝度の3つで表現する「HSL」を相互変換するツールです。HTMLなどで使う16進数カラーコードとの変換も可能。 Webブラウザ上で動作するので手軽に利用できます。 ■ [関連項目] HSL色空間とは RGB値をHSL値に変換したい場合は、RGB値の欄に変換する値を入力してください。 HSL値をRGB値に変換したい場合は、HSL値の欄に変換する値を入力してください。 値を入力すると、変換後の値が自動的にセットされます。 RGBの各パラメータは0～255の値で表示されます。 HSLはデフォルト設定だとHが0～360、SとLは0～100で表示されますが、Hを0～100、SとLを0～255の範囲に変更することもできます。 HSLとHSV・HSBの違いについて 「HSL」は、色を色相(Hue)・彩度(Saturation)・
Figmaデザイン入門 〜UIデザイン、プロトタイピングからチームメンバーとの連携まで〜
この本の概要 話題の「Figma」を短期間で使いこなす！ リモートワークのような働き方が普及するとともに，チームメンバーとのコミュニケーションの重要性は増しています。そんな中で注目を集めているのが，Webブラウザ上で動くインターフェースデザインツール「Figma」です。 「オンライン上でチームメンバーが集まり，同じデータを見ながら意見を出し合って，その場でデザインをアップデートできた」 「URLを共有してホワイトボードとして使用することで，オンラインでの活発な議論につながった」 Figmaはオンライン上でリアルタイムに共同編集ができるため，このようなチームメンバーとのコラボレーションが実現します。データはブラウザ上で確認できるので，動作環境を選びません。特定のソフトウェアをインストールしていないメンバーが閲覧できないという心配もありません。デザイナー向けの豊富な機能はもちろん，デザイナー以
ChatGPTの精度を上げる、あらゆる質問の最後に置く「命令」 優秀な壁打ち相手を作る、「チャットAI力」の高め方
クリエイターに出会ったり、もっとファンになったり、noteで創作をつづけたくなるようなイベントを開催する「noteイベント」。今回は「チャットAI使いこなし最前線」をテーマに、黎明期からチャットAIを活用しているnote CXOの深津貴之氏が登壇しました。こちらの記事では、ChatGPTユーザーの悩みを解決するプロンプトなどが語られました。 ChatGPTユーザーの悩みを解決するプロンプト 徳力基彦氏（以下、徳力）：まず今日はChatGPTの使い方をしっかり覚えていただきたいと思います。ここで「深津式汎用プロンプト」。 深津貴之氏（以下、深津）：僕は1個1個、個別の例を出すのはあんまり好きではないです。さっき言ったように原理原則を1個理解すれば、全部その原理原則から引っ張れる方向が好きですね。 なので今日も、細かいプロンプトを出すよりは、だいたいあなたの悩みのすべてを解決するプロンプトを1
【解決】XDにも選択メニューがほしい！
「コンポーネントって一括削除できないのかなぁ」というコメントを見かけ，そういえばXDにはIllustratorの自動選択ツールや選択メニューのような類似したアイテムを選択する機能ってないよねと気づきました。 塗り色や線の色が共通なアイテムを選択するプラグインSelectionは見つかりましたが，共通コンポーネントはないようです。 そこで今回は，名前／種類／コンポーネントのインスタンス／座標など属性が共通するアイテムを選択するAdobe XD用プラグインSelectMenuを紹介します。 SelectMenuって何？ 似たような属性のアイテムをすべて選択するAdobe XD用プラグインです。下記の機能があります。 共通選択（Select Same） 1つアイテムを選択して実行すると，似たような属性のアイテムをすべて選択します。 Same Name
電子書籍の作り方 Html、PDF、WordからePUBを生成するソフトたち まとめ
電子書籍の作り方ePUB編です。ePUB変換ソフトはすでに数十種類試しました(^^; 結論、僕が思い描くePUB生成ソフトはまだなかった…。 でも、今後、よくなるかもしれませんので、まとめて紹介しておきます。 すごく惜しいソフトはいくつかあるのです。^^ HtmlやWordからePUB作成するソフト ePub Maker このソフトはeBook Brainのセルフパブリッシュ(こちらでもいくつかのePUB作成ソフト紹介)という電子書籍で紹介する予定のソフトのひとつでした。日本でまだ誰も紹介していないソフトです。^^ が、このソフトは外しました。最新バージョンにアップデートすると、ワードがインポートできなくなっていたからです(^^;(僕は古いバージョンを持っているので、古いバージョンを使えばいいだけなのですけど…。) 電子書籍の紹介は断念しましたが、とても惜しいソフトなので、今ここで紹介して
Romancer
1. 段落にスタイルを当てるだけ 段落ごとにスタイルを当てるのがこのエディターの基本操作。段落の上のアイコンを見ればスタイルが一目瞭然です。 2. プレビューモードで表示を確認 「リーダーで表示したらどう見えるんだろう？」そう思ったらプレビューモードですぐ確認できます。 3. 設定は見た目にすぐ反映 目次や奥付の設定は意外と奥深い。NRエディターは変更した箇所がすぐ反映されるので思い通りに設定できます。 4. 完成したら「変換」を押すだけ 原稿が完成したら最終確認を忘れずに。最後に「変換する」を押したら、あとは待つだけ！
RGBとカラーコードの変換ツール : 数値が何色か調べることもできます
ツールの使い方 WEBブラウザ上で動作する、RGB値とHTML・CSSなどの色指定で使用するカラーコードを相互変換するシンプルなツールです。 カラーコードをRGB値に変換したい場合は上の欄にカラーコードを入力してください。 RGB値をカラーコードに変換したい場合は下の欄にRGB値を入力してください。 このツールはカラーコード・RGB値どちらか一方のパラメータを編集すると、その内容にあわせて反対側のパラメータが自動的に書き換えられる仕組みとなっておりますので、即座に変換結果を求めることができます。 上側の入力欄がカラーコード。6桁もしくは3桁の16進数を入力します。 下側の入力欄はRGB値の入力欄です。0から255まで10進数の数字が入ります。 Rが赤色、Gが緑色、Bが青色を表しています。 RGB値は、入力欄の横にあるスクロールバーで調整することもできます。 そして、一番下にあるボックスに現
【2021年版】無料アクセス解析ツール18選 | アクセス解析 | やさしいGoogleアナリティクスブログ
こんにちは、アクセス解析＆SEO分析ツール「アナトミー」開発チームの内村です。 アクセス解析ツールとはwebサイトのアクセスデータを確認するために必要となるツールの事で、無料から有料までたくさんの種類があります。無料のアクセス解析ツールで有名なものでは「Googleアナリティクス」などが挙げられます。 今回の記事では「webサイトのアクセス解析を始めたいけど、どのツールを使えばいいのか分からない」、「そもそもどんなツールがあるのか分からない」そんな方に、2021年最新版おすすめの無料アクセス解析ツールをご紹介します！それぞれの特徴に分けて紹介しているので自分の目的にあったツールを探してみてください！ アクセス解析ツールとは？ アクセス解析ツールとは、webサイトを訪問したユーザー数や流入経路、サイト内でのユーザー動線などを把握するツールのことです。 どのwebサイトにも、資料請求や申込み、
便利なのが登場！UIのデザイン、プロトタイプ、アニメーションがコードなしで、手軽に作成できるツール -Drama
すごいツールが登場しました！ コードは一切必要とせず、スマホアプリのデザイン、プロトタイプ、アニメーションが手軽に作成できるmacOS用のアプリを紹介します。 実際に試してみたところ、操作は非常に簡単で、動作も快適、さまざまなスマホアプリの構築に役立つと思います。 Drama Dramaの特徴 Dramaのダウンロード Dramaの使い方 Dramaの特徴 DramaはPaintCodeのクリエイターによる、デザイン、プロトタイプ、アニメーションがオールインワンになったmacOS用のアプリです。先月リリースされたばかりで、現在はベータ版として提供されており、無料で利用できます。 Dramaのキャプチャ ユーザーインターフェイスを描画 コードは一切不要、プロトタイプの視覚的な状態をシーンに描きます。 インタラクティブなプロトタイプを作成 各シーンをトランジションに繋げるだけで、インタラクティ
[ツール] テキスト⇔HTML変換
［2017/08/05］ Google Chrome をお使いのかたへ。 一秒あたり10回等、短時間でも間隔をまったくorほとんど置かないアクセス、間隔があっても一日あたりのアクセス数が一定以上と確認できたアクセスは、様子見後に遮断させていただきます。その他、アクセスのたびにfaviconまで取得して単純にアクセス数が倍になる方がいらっしゃいます。今一度ブラウザの設定をご確認ください。Google Chrome をお使いでもUAを別ブラウザに偽装している方も見受けられますが、その場合はUAではなくドメインやIPアドレスの範囲等で遮断することになりますのでご留意ください。 ［2017/07/15］ Google Chrome をお使いのかたへ。 二ヶ月以上経っても、数分で500～600アクセスするといったかたが減らないため、今月中に対応策を取ります。固定IPであれば当事者のみを遮断、そうでな
Font Awesomeをpngで出力できるツールまとめ | infoScoop開発者ブログ
とても便利なFontAwesomeですが、マルチブラウザ対応やパフォーマンスを考えてどうしても静止画像にしたい場合もあります。 というわけでFont Awesomeをpngにするツールを調べたのでまとめです。 色々なツールがあり、いいところ・惜しいところあります。 場合により組み合わせて使うと便利だと思います。 flat icon pngでサイズ指定をして簡単にダウンロードが可能。画像も探しやすい。 難点は、色を変えられないこと。 pngよりはやはりfont icon用のicon packを取得するサイトな気がする。 iconion インストールして利用する。fontawesome以外のアイコンも使える。 簡単で高機能。iphoneのホーム画面に配置するようなアイコンを作成するためには秀逸のツール。 ただし、周囲の余白を取り除けないのが残念。（例えば16 x 16pxのアイコンを作成すると
Twit Delay | Twitter 予約投稿サービス
Twit Delay サービス停止のお知らせ 各所で報道等されておりますが 2023/2/9 より Twitter API が有料化される予定です。 API 有料化の詳細については 2/6 に発表されるとのことですが、現在聞き及んでいる内容では当サービスの継続は困難であること、また開発者平日多忙のため、詳細の発表に先行して 2023/2/5 23:09 をもって Twit Delay はサービスを停止させて頂きました。2/6 1:15 時点でデータベースも削除しております。下記のコンテンツも後日更新予定です。 長年のご利用ありがとうございました。 Twit Delay は指定時刻に Twitter へつぶやきを投稿するウェブサービスです。 告知とかに合わせてつぶやけるようなのが欲しいなと思って作りました。続きもののつぶやきとかを予めすべて登録しておくような用途にも使えるかと思います。 他に
複数のランダムな文字列を作成します - random string generator
任意の長さのランダムな文字列を、任意の数だけ作成するCGIです。文字列に使用する文字を、ある程度自由に選択することができます。 文字列に使用する文字は、最低でも2つ以上の文字が含まれるように選択してください。アルファベットと数字を含まず、記号も1種類だけの時はエラーになります 出現確率は1文字単位で等しくなるようになっています。例えば、アルファベット大文字すべてと数字すべてを選択した場合、「アルファベット大文字の出現確率」と「数字の出現確率」が同じになるわけではありません 乱数生成のアルゴリズムには、メルセンヌ・ツイスタ（Mersenne Twister）を使用しています ■アルファベット大文字 すべて [ABCDEF] なし ■アルファベット小文字 すべて [abcdef] なし ■数字 すべて [01234567] [01] なし ■記号 ! # $ % & * + - . / = ?
mac版DreamWeaverでのファイル比較なら、Bare Bones Software のフリーソフト「TextWrangler」 | 株式会社ISSUN（イッスン）
mac版DreamWeaverでのファイル比較なら、Bare Bones Software のフリーソフト「TextWrangler」 Mac版のファイル比較ツールには色々あるけれど、Bare Bones Software のフリーソフト「TextWrangler」が便利。 いわば、秀丸のようなテキストエディタですが、今回は「TextWrangler」に含まれる比較ツール「twdiff」 を使うのですが、AppStoreからダウンロードするとこのツール（Command-Line Tools）が含まれません。 必ず下記の公式ページからダウンロードしてください。 http://www.barebones.com/products/textwrangler/ ダウンロード後、インストール時に、登録を求められますが、Skip Registration を選択すれば特に問題無くインストールが完了しま
JS自動レビューツール"jswatchdog"を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。kintone 開発チームの天野 (@ama_ch) です。すっかり春らしくなりましたね。 少し前に JS の自動レビューツール jswatchdog をオープンソースで公開しましたので、こちらで紹介させていただきます。 使い方 https://kintone.github.io/jswatchdog/ 上記の URL を開き、左側のエディタに JS コードを貼り付けるだけです。 右側に修正が必要な箇所が表示されるので、適宜修正します。 特徴 バリバリの開発者じゃなくても使いやすい一画面完結の Web インターフェース lint ツールでお馴染みの構文チェックの他、知らずに脆弱性を作り込むことを避けるため、XSS の可能性がある箇所にも警告を表示 内部的には、JS の静的構文チェックツールとして ESLint と JSHint を組み込んでいます。 さらに XSS の可能性があ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
QRコード作成＆活用のススメ 【無料でカンタン！自作QRコード】
これ一つで全部OK！SVGアイコンの管理・作成・コード変換が簡単にできる無料ツール -Svgsus
サービス終了のお知らせ
IDEA * IDEA