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 の変換も全てフロントエンドで行っています。 あまり見せられたものでは無い
This Anime Does Not Exist
For significantly better and customizable anime image generation, check out Holara AI Creativity Slider 0.5 Higher creativity values tell the AI to be more creative and detailed, but also messy and weird Speed Slider 1.5 Space: pause grid, Drag: pan grid, Click: open image in new tab F: fullscreen mode, Z: toggle zoom on hover, V: video mode You can find updates about anime and AI on Twi
pͪoͣnͬpͣoͥnͭpͣa͡inͥを支える技術 - Qiita
pͪoͣnͬpͣoͥnͭpͣa͡inͥの作り方 ぽんぽんぺいんを簡単に作るサイトを作ったのでよかったら使ってみてください。 【ここをクリック】 ponponpain(haraita-i)とは 画像でいうとこんなやつのこと。 今回参考にさせていただきましたが、以下のサイトによくまとまっていると思います。 不思議な文字 pͪoͣnͬpͣoͥnͭpͣa͡inͥ | bison's brain at postachio ぽんぽんぺいん ‐ 通信用語の基礎知識 まあ要するに、不思議な上付き文字を組み合わせて、文字に副題（ルビ）をふろうって感じの遊びのことで、昔流行ったみたいです。 今回はクリックだけで上付き文字を加えられるサイトを作ったのでぜひみんなに遊んでほしいなと思っています。 投稿について UbuntuのChromeだと綺麗に表示されないのですが、Twitterだといい感じになるみたいです。
Do you miss the office?
An office noise generator - providing you with the soothing tones of modern office life to help you focus when working from home.
GoogleスプレッドシートでアプリライクなWebサイトがつくれる「Glide」
◆ Glide https://go.glideapps.com/ 紹介 「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。 事前準備 こちらがホーム画面。動画チュートリアルも充実しています。 アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。 まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。 すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。 データを編集する それでは実際に、テンプレートを編集しながらアプリを作っていきます。 まずはプロダクトの肝となるデータの編集からです。 データは、テンプレートをコピーした際にできたGoogleス
placehold.jp | 簡単！ダミー画像作成
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascript to Typescript converter with ChatGPT
https://googlecloudcheatsheet.withgoogle.com/architecture
Scaffoldy - Software stack generator for Docker Compose
ELYZA DIGEST
#夢のオールスター
Responsive web design tool, CMS, and hosting platform | Webflow
Clubhouse Icon Maker
Shapy
おじさん文章ジェネレーター
Coolors - The super fast color palettes generator!
GitHub - facebookresearch/pifuhd: High-Resolution 3D Human Digitization from A Single Image.
ponponpain
MEGAMOJI - カスタム絵文字メーカー