開発でいちいちダミーの画像とかテキストを作るのがめんどくさかったりしますよね。
VSCodeとかだとHTML入力時にloremと打つと自動でスニペットがlorem ipsumを挿入してくれたりします。
だけどloremだけじゃつまらない!
そんなあなたの為にダミー画像、テキストをまとめました。
他にもあったらぜひ教えてください!(随時追加します, 編集リクエストだと嬉しい)
代替のネタ元は→APIs you didn't know you needed
ダミー画像関係
Placeholder.com
好きなサイズのダミー画像をかえしてくれる。(これは有名かも?)
ちなみにテキストも入れられるらしい。便利!
以下サンプル
https://via.placeholder.com/200x100
https://via.placeholder.com/468x60?text=Visit+Blogging.com+Now
{placekitten}
子猫版。ギャンかわ。
http://placekitten.com/200/300
/g
でグレースケールになるっぽい。
http://placekitten.com/g/150/150
PlaceGoat
ダミー画像としてヤギを返してくれる。エンドポイントは以下のとおり。
以下で300x200のヤギの画像を返してくれる。
http://placegoat.com/300/200
かわいい。
PlaceIMG
http://placeimg.com/
情報提供元: @sax_ ありがとうございます!
動物、建築物、自然、人物、技術から選んで画像生成できるサイト。
ボタンぽちぽちで5種類の写真をつくれる。
以下がその画面。
エンドポイントを指定してもいけるっぽい。
https://placeimg.com/300/300/animals
https://placeimg.com/300/300/arch
https://placeimg.com/300/300/nature
https://placeimg.com/300/300/people
https://placeimg.com/300/300/tech
Placehold.jp
http://placehold.jp
情報提供元: @sax_ ありがとうございます!
ボタンぽちぽちで画像生成できる。日本語でかかれてる!
ノンエンジニアにもすごい便利かも。
バナーとかfaviconとかのプリセットがいろいろある。
もちろんAPIでも。
http://placehold.jp/150x150.png
PlaceCage
ニコラス・ケイジ版。
4種類のエンドポイントがあって画像のタイプが選べる。
Calm: https://www.placecage.com/200/300
Gray: https://www.placecage.com/g/200/300
CRAZY: https://www.placecage.com/c/200/300
GIF: https://www.placecage.com/gif/200/300
https://www.placecage.com/200/300
Fill Murray
ビル・マーレイ版
https://fillmurray.com
https://fillmurray.com/200/300
Steven SeGALLERY
スティーヴン・セガール版
https://stevensegallery.com/200/300
ダミーテキスト関係
すぐ使えるダミーテキスト
日本語版のLorem ipsum。だいぶ便利。
私も今ようやくどんな懊悩院としてはずの上にあったべき。
もしほかに通用人はもしその使用なたまでがもつれからおきたがは持衝くたたが、そうにもできますないたた。先生にしん気はどうぞ昔がよくたでべき。
多分岡田さんを楽去就いっそ焦燥が信ずるだがたこういう小学校私か表裏をという大講演ですたなくなて、その結果はそれか耳自分をやりながら、大森さんのつもりを他のここがよし今話といるて私気におお話しにきまらようと今にお挨拶がありましでから、けっしてほぼ誤認に入れまいてくるう訳を立っですます。それでもそれで不会にしのは多少むやみと嫌うですて...
Skate Ipsum
スケート?
APIもちゃんと用意されてる。
http://skateipsum.com/get/3/1/JSON
Skate ipsum dolor sit amet, stalefish pop shove-it half-flip
lipslide Christ air concave Saran Wrap. Goofy footed Kevin Harris
mute-air noseblunt slide 540 full pipe nollie. Street coper hip
ollie sponsored speed wobbles crailtap. ...
Baseball Ipsum
野球版
エンドポイントのサンプル
http://baseballipsum.apphb.com/api/?paras=5
Ball center fielder reliever southpaw dodgers southpaw gold glove.
Cork streak cork off-speed save, sweep cheese. Plunked at-bat
mound pennant 4-6-3 bases loaded outside basehit tag. ...
jaspervdj/lorem-markdownum
Markdown用のダミーテキストを返してくれるAPI
# In diva in Alcides cumque postquam reserato
## Proxima bellare te tractata Atrides exercet
Lorem markdownum, aequent vocem dixit tamen quidem crimine in maris protinus
moror *telluris* magno, marinae Latonae. Opaca tamquam ligari!
Bacon Ipsum
ベーコン版
エンドポイントのサンプル
https://baconipsum.com/api/?type=meat-and-filler
Chicken chuck short ribs salami t-bone dolore bresaola.
Picanha enim filet mignon nulla doner flank ribeye nostrud
mollit non. Doner duis irure cillum, ...
やだこのテキスト、お肉の匂いがする
Bob Ross Lipsum
かの有名な画家であるボブ・ロス風のダミーテキスト。
I thought today we would do a happy little picture.
We'll play with clouds today. Just go out and talk to
a tree. Make friends with it. Let's go up in here, and
start having some fun We can always carry ...
ね、簡単でしょう?
Cupcake Ipsum
カップケーキのダミーテキスト。
Oat cake powder sesame snaps. Icing donut gingerbread
jelly apple pie bear claw sugar plum. Danish
gingerbread halvah chocolate ice cream dessert dessert
wafer. ...
おいしそう
Heisenberg Ipsum
あの人気TVドラマシリーズ「Breaking Bad」の登場人物たちのセリフでダミーテキストを生成できるサービス。
キャラクタを選ぶことができます。これ使うと外人がめっちゃウケてくれますよ。
You're his cook now. You're the cook and you have proven that
you can run a lab without me and now that cook has reason to kill me.
Think about it! It's brilliant. So go ahead. If you think that
I am capable of doing this, then go ahead. Put a bullet, in my head,
and kill me right now. DO IT! Do it. Do it. Do it.