https://googlecloudcheatsheet.withgoogle.com/architecture
ImageMagickをやめて画像の処理はSaaSに頼ることにした
Zennではこれまで画像のリサイズやサムネイル生成の仕組みをImageMagickを使って自前で用意していた。以下の理由から、これからはすべてCloudinaryに頼ることにした。 セキュリティ: imagetragick、Deserialization on Railsなどが参考になる パフォーマンス: Cloudinaryなら配信する画像のフォーマットをUser-Agentに応じて最適化してくれる 利便性: アップロード時に複数のサイズの画像を生成しても、クライアントで表示するときに別のサイズが欲しくなったりする。このときバックエンドでリサイズの処理をかけ直すのは辛い Cloudinaryなら画像の最適化からリサイズ、合成までSDKを使って簡単に実現できる。 料金面でいうとCloudflare Imagesの方が安いかも？今後コストを抑えたくなったときには移行を検討するかもしれない。
Vue3 で「動く」Slack絵文字ジェネレーターを作って公開した話
先日リリースした個人開発のアプリについて感想や技術スタックなど色々書きます。 どんなアプリを公開した？ 以下ツイートで紹介している、 Slack の絵文字スタンプ用のアニ GIF を簡単につくれるアプリを公開しました。 タイミングが良かったのか数多く Retweet してもらえ、 Twitter を初めて初のバズの波動を感じました。アプリ自体はこちらです。とても簡単に試せるのでぜひ使ってもらえると嬉しいです。 技術スタック 言語： TypeScript フレームワーク： Vue.js 3 ビルドツール： Vite インフラ： Vercel Vue3 の SPA を Vite でビルドし、Vercel にデプロイしています。そして絵文字の描画・アニメーション部分は SVG を利用。サーバーは持たず、SVG から GIF の変換も全てフロントエンドで行っています。 あまり見せられたものでは無い
GoogleスプレッドシートでアプリライクなWebサイトがつくれる「Glide」
◆ Glide https://go.glideapps.com/ 紹介 「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。 事前準備 こちらがホーム画面。動画チュートリアルも充実しています。 アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。 まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。 すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。 データを編集する それでは実際に、テンプレートを編集しながらアプリを作っていきます。 まずはプロダクトの肝となるデータの編集からです。 データは、テンプレートをコピーした際にできたGoogleス
円グラフ、レーダーチャート、棒グラフ画像を簡単につくれるグラフジェネレーター ちゃちゃっと
円グラフ画像作成・概要 簡単に円グラフ画像を作成することができるツールです。 円グラフはどんなときに使えばよいか？円グラフのメリット・デメリット・概要などもまとめられています。
Sign Generator Fun, Over 500 Sign Generators
Hundreds of sign generator web toys that allow you to personalzie graphics online without having to install of buy expensive and bloated software packages! Send your created graphics as free ecards or download your freebie images (you may even buy them as cheap fridge magnets for gifts/gags).Sign Generator Widgets & Image GeneratorsCreate free graphics/cliparts and e-cards online. A "sign gener
テーブルタグ作成ツール［Web便利ツール］ - TAG index
<table border> <tr> <td>1-1</td> <td>1-2</td> <td>1-3</td> </tr> <tr> <td>2-1</td> <td>2-2</td> <td>2-3</td> </tr> </table> 各設定項目で表の設定を行ってください。設定内容の詳細はテーブルタグカテゴリーでご覧になれます。（このツールでは、セルを個別に指定したりセル同士を結合させることはできません） 列数は1～20、行数は1～100の範囲で指定できます。数値を大きくすると処理に時間がかかる場合があります。 背景色について 表全体の背景色 … 枠線を含めた背景色 セル全体の背景色 … 枠線を含めない背景色 見出しの背景色 … 見出しの列（行）部分のみの背景色 コピーしたものを設定項目に貼り付けた場合、そのままではサンプルの表示に反映されません。その場合は更新するボタンを押し
Table Tag Generator
To increase or decrease the value, you can either enter on the keyboard, click on the spinner, or turn the mouse wheel. You can select the cells by dragging. Please enter the characters. Please enter the name of the class. × It is not possible to merge <td> and <th>. × It is not possible to re-merge the merged cells. Please split them. × Please enter a number. × Please enter a natural number (1,2,
SQL Fiddle - Online SQL Compiler for learning & practice
During Phase 1, only users who are logged in can access the AI chat feature. SQL Fiddle is free to use and ad-free! Want to help us? It takes 10 seconds Step 1: Like & Share our EFE Bulk Extensions videos Step 2: Like & Share our EFE Bulk Insert videos Thank During Phase 1, only users who are logged in can access the AI Editor feature. SQL Fiddle is free to use and ad-free! Want to help us? It tak
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scaffoldy - Software stack generator for Docker Compose
Responsive web design tool, CMS, and hosting platform | Webflow
Shapy
Coolors - The super fast color palettes generator!
MEGAMOJI - カスタム絵文字メーカー
Layoutit Grid — CSS Grids layouts made easy!
Clippy — CSS clip-path maker
Welcome to the LibreOffice Writer Help
Syntax Highlighter Scripts Generator ‹ Blogger Widgets | Tips | Tricks | Templates : Way2Blogging
PressWork - Hundreds of amazing WordPress themes for you, your users and your clients
グラフAPIエクスプローラ - Meta for Developers
