Webサイトの制作途中や学習時に使えるダミー画像の生成サービス
2021年10月21日 Webサイト制作, 便利ツール Webサイトの制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。そんなダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。かつて「制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ」という記事で紹介したこともあったのですが、SSLに対応していないものも多かったので、httpsに対応した画像URLが生成できるもののみに絞りました！ ↑私が10年以上利用している会計ソフト！ Placeholder.com Placeholder.comは昔からあるダミー画像を提供しているサービス。とにかくシンプル！以前の名前はPlacehold.itでした。その頃からずっとお世話になっています！ 基本的な使い方は、画像のソース部分に https
URL1つで多彩なアイキャッチ画像を自動生成できる無料Webサービス「SocialSplash」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、URLのクエリパラメータを編集するだけで多彩な種類のアイキャッチ画像を作成できる無料Webサービスをご紹介します！ さまざまなテンプレートも提供されており、背景画像・テキスト・テーマカラーなどを自由に編集することができます。Webサイトやブログなどにも活用できるので、ご興味ある方はぜひ参考にしてみてください！ 【 SocialSplash 】 ■「SocialSplash」の使い方 それでは、「SocialSplash」をどのように使えばいいのか詳しく見ていきましょう！ 利用するにあたり面倒なログインや初期設定などは一切不要で、URL1つで好きな画像を自由に作成できます。まず最初に搭載されている専用エディタを利用してどんな感じで画像が作成できるのかを見てみましょう。 サイトにアクセスして【GET STARTED】ボタンをクリックしてくだ
URLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示する・「github1s」 - かちびと.net
github1sはURLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示するWebアプリです。 https://github.com/conwnet/github1s 例えば上のようなURLを https://github1s.com/conwnet/github1s というように、github.comをgithub1s.comとするだけでVSCode風のUIでGithubを閲覧できるようになる、というもの。昔別の用途ですが似たようなものがありましたね。Youtubeをなんか便利にする、みたいなのだった気がする。 各ブラウザのエクステンションも用意されていますが、前述のようにGithubのドメインに1sを加えるだけなので無くても良さそうですね。 勿論ツリーもコードもVSCodeライクになりますのでユーザーの方なら見やすくなるかもしれませんね。こちらのアプリはO
任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリ・「Font of Web」 - かちびと.net
Font of Webは任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリです。 解析したいWebサイトのURLを入力すると、そのサイトで利用されているWebフォントやCSSを割り出してくれます。 Webフォント自体のダウンロードが可能なリンクも提供してくれますが、この件に関しては本アプリにて以下のように記述されています。 This tool is for educational use and downloaded fonts may require additional licensing for personal or commercial use あくまで教育用としてのツールの提供との事で、実際にフォントを利用する場合は追加ライセンスが必要な場合もあるとの事。詭弁に感じなくもないですがフォントを利用する場合はライセンスにご注意ください。 Font
無料で自分のウェブサイトの脆弱性をスキャンしてくれる「Probely」レビュー、有料プランはレポート出力なども可能
自分でウェブサイトを運営している人にとっては、ウイルス侵入の原因となりうるCMSの脆弱性など、ウェブサイトのセキュリティは気がかりなものです。「Probely」を使うと、自分のウェブサイトの脆弱性やセキュリティの問題をスキャンし、修正の方針まで指示してくれます。 Web Vulnerability Scanner | Web Application Security Testing — Probely https://probely.com/web-vulnerability-scanner/ Probelyには「Free」「Starter」「Pro」「Premium」の4つのプランがあります。無料版でどこまで使えるか確かめたいので、ひとまず「Free」を選択することに。 氏名やメールアドレスなどを入力して「SUBMIT」をクリック。 入力したメールアドレスにパスワードの設定を求めるメール
無料＆超簡単にパスワード付きのURLを作成できるオープンソースなウェブサービス「Link Lock」レビュー
DropboxやGoogle Driveといったクラウドストレージにアップロードしたデータを共有する場合など、URLを誰かに伝えることは日常的な行いです。無料で公開されているオープンソースサービス「Link Lock」を使うと、簡単にURLにパスワードをかけることができます。 Link Lock - Password-protect links https://jstrieb.github.io/link-lock/create/ GitHub - jstrieb/link-lock: Distributed application to password-protect URLs using AES in the browser https://github.com/jstrieb/link-lock さっそくウェブサイトにアクセスすると、URLやパスワードを入力する画面が表示されます。
Googleアナリティクスでユーザーを分類・分析するための「UTMパラメーター」の使い方とURLの生成方法
ウェブサイトにアクセスするユーザーを分析できるGoogleアナリティクスでは、ウェブサイトのURLに「UTMパラメーター」を追加することでユーザーのアクセス経路を細かく分析することができます。記事作成時点で6種類あるUTMパラメーターが持つ役割の違いと、UTMパラメーターを使ってURLを生成する方法をまとめてみました。 How to use UTM parameters to grow your audience by Kirill Zubovsky on SmashNotes https://smashnotes.com/updates/how-to-use-utm-parameters-to-grow-your-audience カスタムURLでキャンペーンデータを収集する - アナリティクス ヘルプ https://support.google.com/analytics/answe
スプレッドシートでハイパーリンクからURLを抽出する方法は結局これが一番簡単なんじゃないかな？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
スプレッドシートでは一括抽出できない？ ところがどっこい、Googleセンセによると、ExcelでVBA組む方法が一般的なようで、現状スプレッドシートだけでなんとかするのは難しい※みたいなんですよね。 LIGではG Suiteを導入しているので、残念ながらExcel含めMicrosoftのソフトはPCに入っていません。入っていたとしてもバックオフィスなど一部のメンバーだけなんです。 「そんなんうそやん」とスプレッドシートの可能性を信じて、30分くらいあれこれ試してみたんですけど、だめでした。ちなみに無料で使えるExcel Online（エクセルオンライン）でやろうとしてログイン情報探してデータ作った挙げ句マクロが使えないことに気づいて諦めるまでに、さらに30分ほどかかっています。ここまできたら意地でも方法を見つけようと、追加で30分は無駄な時間を過ごしています。 スプレッドシートのハイパー
任意のWebサイトのURLを入力するだけでダークモード用のCSSを自動で作成してくれる・「Night Eye」
Night Eyeは任意のWebサイトのダークモード用CSSを自動生成してくれるジェネレーターです 使い方も簡単でURLを入力するだけ。自動で解析し、ダークモードに対応したCSSを生成してくれます あとはダウンロードするなりコードをコピーするなり、といった感じ。試しに本ブログで作ってみました このように十分ダークモードとして機能してくれました 本ブログはテキストとCSSがメインとなっているので作りやすかった可能性も高く、他サイトではテストしてませんが、精度は悪くない印象でした 動作も軽量で、入力したら即作成されました。ユーザー登録も不要で無料で了する事が出来ます 尚、ライト/ダークモードの切り替えが可能なスクリプトも以前ご紹介したので必要でしたら合わせてご参照ください Night Eye
Git History - ビジュアル的な差分表示
バージョン管理の肝と言えるのが差分表示でしょう。何か誤った更新があっても確認ができて、必要に応じて差し戻すこともできます。多くの場合、上下または左右に並べて比較できるようになっています。 今回はその新しい表示方式としてGit Historyを紹介します。ビジュアル的に優れた格好良い差分ビューワーです。 Git Historyの使い方 Git HistoryはGitHub上のファイルを開いた状態で、github.comをgithub.githistory.xyzにすると差分表示になります（公開されているファイルの場合）。その表示は以下のようになります。 上に出ているコミッターを切り替えると、アニメーションしながらその時のコードになります。 実際に試しているところです。 Git Historyは細かく見比べるときには使いづらいですが、雰囲気としてどれくらい変わったかを把握するには十分です。ある
HEY META - Website Meta Tag Check
Why your website should have meta tags? Your website visitors are visual beings (with the exception of robots). When they see the awesome content, product, video, or all of the other cool things they discover on there, they will share it. Now how great would it be if that wasn’t just a plain link in the message, post, comment or tweet but a quick preview of your awesome stuff? Meta tags enable sea
無料でYouTubeのリンクやファイルからカンタンにGIFアニメを作成できる「GIF Maker」
YouTubeのURLをコピー＆ペーストしたり、手持ちのMP4ファイルなどをドラッグ＆ドロップすると、開始と終了の秒数を指定して瞬く間にGIFアニメーションを作ることができるウェブサイト「GIF Maker」を使ってみました。 GIF Maker - Video to GIF Creator Tools | Giphy http://giphy.com/create/gifmaker まずはGIFアニメーションにしたいYouTubeのページURLをコピーしておきます。 そのままGIF Makerを開いて、入力欄に貼り付ければOK。 すると、自動的にGIFアニメーションが生成・再生されます。 GIFアニメーションの下には「START TIME」と「DURATION」のバーがあるので、上のGIFアニメーションを見ながら、スタート位置にバーを合わせていきます。 スタート位置が決まったら、終了地点
CMSmap·WordPress/Drupal/Joolma対応のセキュリティチェッカー MOONGIFT
WordPressやDrupal、Joomlaは世界的にも圧倒的にシェアの高い3大CMSと言えるでしょう。そんなシェアの高いCMSではセキュリティホールも世界中に知られており、弱いプラグインなどはあっという間に狙われてハッキングの被害に遭います。 そんなセキュリティリスクを低減できるツールがCMSmapです。CMSmapを使ってセキュリティチェックを行っておくのがお勧めです。 CMSmapの使い方 CMSmapはURLを渡すだけで使えます。 $ python cmsmap.py -t http://localhost/wordpress/ [-] Date & Time: 03/08/2015 15:47:59 [-] Target: http://localhost/wordpress [M] Website Not in HTTPS: http://localhost/wordpres
こいつぁ便利ね…！他サイトの記事紹介リンクをかっこ良く作成してくれる「Embedly」
人様のブログや他サイトの記事を紹介するためにいろんな方法をとっておりましたが、@shintarowfresh さんの最近捗ったweb系のあれこれって記事で知ったEmbedlyというサービスがなかなか良かったので導入＆カスタマイズしてみました。 Embedly 外部サイトを紹介するのに便利なEmbedlyの使い方 まずはこちらのページへGO。 ブックマークレットをブックマークバーにぶち込みます。 これで準備は完了。あな簡単し。 あとは紹介したいページにアクセスして、先ほど登録したブックマークレットをクリックすると… いいじゃない！下部のソースコードを貼り付ければおしまいです。 できあがりは↓こんな感じ。 ホント買って良かったこのレンズ！Sonnar T* FE 55mm F1.8 ZA（SEL55F18Z）実写レビュー レスポンシブ対応ですし、使い方も非常に簡単。こいつぁ便利ですね！ 最近捗
Lorem Picsum
Easy to use, stylish placeholders Just add your desired image size (width & height) after our URL, and you'll get a random image. https://picsum.photos/200/300 To get a square image, just add the size. https://picsum.photos/200 Specific Image Get a specific image by adding /id/{image} to the start of the url. https://picsum.photos/id/237/200/300 You can find a list of all the images here. Static R
Web上にある画像を任意のサイズに変換してくれる・「Firesize」
FiresizeはWeb上の画像を任意のサイズにリサイズしてくれるWebサービスです。例えば http://example.com/foobar.jpg といった画像があった場合、 http://firesize.com/400×300/g_center/http://example.com/foobar.jpg のようにサイズを指定すればそのサイズに変換して返してくれます。特に特定のライブラリやCSSを読む込む必要はなく、Firesizeにサイズとリサイズする画像のパスを指定すればそのサイズに変換しCDNにホストされるので、そのパスを使ってね、という類のもののようです。こういった仕様なので用途は限られますが、覚えておいても損は無いかもですね。 Firesize
無料＆ユーザー登録や広告なしで2GBまでのファイルが送受信できる「tenpu」
ユーザー登録をしなくても、無料で2GBまでの大容量ファイルを転送できるのが「tenpu」です。従来のファイル転送サービスは広告だらけでどこからファイルをアップロードしたりダウンロードしたりするのかがイマイチ分かりにくかったりするものですが、「tenpu」はすっきりとしたデザインとシンプルな操作体系で、ファイル転送サービスなどに慣れていないユーザーでも簡単に使用できるようになっています。 tenpu : さくっと送って、さくっと受け取る。ファイル転送サービス https://www.tenpu.me/ 「tenpu」の特徴はなんといってもこのシンプルな見た目。従来の広告でごちゃごちゃした見た目のサービスとはまったく異なるデザインです。 ファイルを転送したい場合は「送りたいファイルを選択」をクリック。 転送可能なファイルのサイズは2GBまで、とのことなので1.96GBのZIPファイルを転送して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
blymp.io - とても簡単に使えるデバイス間ファイル送受信ツール MOONGIFT
URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」
Webサイト・アプリのページ構成を分析、サイトマップを自動的に作成するオンラインサービス -Visual Sitemaps
