静的サイトジェネレーターの人気ランキング「StaticGen」 - JavaScript勉強会
Webサイトを作るとき、表示速度を早くするために、静的ページを中心にしたいです。 静的ページ＝早い：Webサーバーに置いたHTMLファイルをそのまま表示 動的ページ＝遅い：アクセスのたびにプログラムでHTMLを生成して表示 Webサイトのコンテンツ制作を管理するCMS（コンテンツ管理システム）の中で、静的ページを作れるソフトは、「静的サイトジェネレーター」（Static Site Generator）と呼ばれています。 WordPressにも静的ページ作成のプラグインを入れたら、静的サイトジェネレーターとして使えますね。 jsstudy.hatenablog.com StaticGen 今どきの静的サイトジェネレーターにはいろいろあって、どれがいいのか？いまいちよく分かりませんでした。 とりあえずの検討材料として、「StaticGen」という静的サイトジェネレーターの人気ランキングがあった
黒い画面不要！デザイナ向け静的サイトジェネレーター「Phest」を公開しました | チャットワーククリエーターズブログ
こんにちは！ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します！ >>PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって？静的サイトジェネレーターとは、テンプレートなどプログラム的な処理を実行し、 HTML/JavaScript/CSS/画像などだけで構成された静的なWebサイトとして書き出すツールのことです。 Webサイトをつくる上で共通のヘッダやフッタなどは、PHPやSSIなどのinclude構文を使ったり、 そもそもWordpressなどのBlogやCMSなどを使って構築するケースが多いと思います。 静的サイトジェネレーターは、そういったシステムが必要な部分をあらかじ
Craiyon, AI Image Generator
Frequently asked questions What is Craiyon? How do you keep it free? Can you make images of higher quality? Do you have any tips to create better images? What are negative words? How do you predict a next prompt? What to do when there is too much traffic? Are you related to DALL·E mini? What if images do not appear? How does the AI model work? What about limitations and biases? Can I use the image
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
Web制作の現場で使えるWebサービス13選！無料で使えるサービスを集めてみた | BUILD Journal
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa
Opensource bar chart race generator
Input should be a csv file. Dates should be YYYY-MM-DD. Option 1 : one row per date (ordered) and one column per contender Date Name1 Name2
中世風の市街地マップを自動的に生成してくれるWebサービス「Medieval Fantasy City Generator」
ゲームや小説などを作っていると、時々「適当な土地や街の地図」が必要になるもの。そんな時、こちらのWebサービスを使えば中世風の街のマップを自動的に生成してくれます。 「Medieval Fantasy City Generator」は文字通り、中世風ファンタジーの市街地っぽい文様を出力してくれるジェネレーター。アクセスするだけで毎回違うランダムな街が描かれます。サイズは4段階で指定可能。 Medieval Fantasy City Generator by watabou 地図や地形のもつ意味合いにこだわりがなければ、なるべく手間は省いていきたいですよね。ダンジョンマップを作ってくれるサービスもあったりするので、他の部分に注力することが可能です。 TRPGのダンジョンマップを自動生成してくれるWebサービス「Dave’s Mapper」 – DNA
Webフロアマップ開発モジュール Flomage（フロマージュ）-メガソフト
Flomage（フロマージュ：Floor map Generator の略）は、オフィスや店舗、病院、学校、商店街、ビル、工場や倉庫の中などのフロアマップ（平面図）をWeb上に表示し、フロアマップ内に配置された機器・設備・家具などの場所の検索や、状態／属性の表示・変更が行える「Webフロアマップ開発モジュール」です。 オフィス内の備品・収納物管理システムと組み合わせて備品・収納物の位置をグラフィカルに表示したり、工場内の機器管理システムと組み合わせてフロアマップ上でわかりやすく機器の状態を表示・制御したりなど、さまざま応用が可能です。
Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel
Mock your back-end API and start coding your UI today.It's hard to put together a meaningful UI prototype without making real requests to an API. By making real requests, you'll uncover problems with application flow, timing, and API design early, improving the quality of both the user experience and API. With Mockaroo, you can design your own mock APIs, You control the URLs, responses, and error
Feed Creator
Generate RSS feeds for web pages which don't offer their own. Give us the web page URL and tell us which links you're interested in We'll produce a simple feed with those links as feed items Subscribe to the feed in your news reader to get notified of new items You can also use the resulting feed with other services which take RSS as input, such as our Full-Text RSS and PDF Newspaper tools. Exampl
疑似個人情報データ生成サービス
疑似個人情報とは、主にアプリケーションの開発／試験の際のテストデータとしての使用を目的とした架空の個人情報データです。 個人情報保護法の施行により、本物の個人情報を目的外であるテストデータとして使用することはできなくなっています。 また個人情報の漏洩が社会問題となっている今、「本物の個人情報」をテストデータのように別目的で使用することは、 情報漏洩の危険性が高まるだけでなく、企業としてのモラルも問われます。 このページは無料で、この擬似個人情報を生成することができる実験的サービスです。 生成したデータの商用利用も可能です。 下の「生成を開始する」ボタンを押して、条件を入力していくだけで簡単に個人情報データの生成を行うことができます。 作成したデータはMicrosoft Excel、CSVなどの形式でダウンロードすることができます。
ブログの表作成にTables Generatorが便利！ExcelからMarkdown・HTML・テキストへ簡単変換できる - ちょろげ日記
ブログにお手軽に表を挿入したい！という方向けのツールとして、こちらで「Excel to Html」というサービスが紹介されていました。 Excelで作成した表をコピーアンドペーストして変換ボタンをクリックするだけでHTMLに変換してくれます。 こりゃ便利！と思いましたが、私はMarkdown記法を使っています。MarkdownはHTMLを併記できるので使えないことはないんですが、できれば表もMarkdown記法で書いておきたい。 そこで探してみると、「Excel（もしくはGoogleスプレッドシート）の表 to Markdown（だけじゃなくてHTML、テキスト、LaTex）の表」なサービスを見つけたので紹介します！ Tables Generator はてなブックマーク数からわかるように、知る人ぞ知る便利サービスのようですね。 表の作り方はいくつかありますが、ここでは一番お手軽な「既存の表
これは使える！かわいい似顔絵・アバターが作成できるジェネレーター20選
Twitter, Facebookなどで利用できる似顔絵を作成できるジェネレーターを紹介します。 かわいい悪魔風の、おもちゃっぽいもの、動物もの、まんがやキャラクターもの、アートなもの、かなりリアルに作れるものまで、さまざまなものがあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build Web Apps with No-Code | Momen
便利なのが登場！ フロントエンドの開発に役立つ最新ツールがひとまとめに利用できる -HTML＆CSS Code Generator
AIひらめきメーカー
テキストやMarkdownにも対応したテーブル作成ツール・「Tables Generator」
地図が簡単に楽しく作成できる！世界地図をはじめ、日本を含めた各国の地図にも対応 -Pixel Map Generator
Chromeで小粋なデザインのロゴがつくれる YouiDraw Logo Creatorで遊ぼう!! - 週刊アスキー
フォント作成に詳しくなくても大丈夫、自分好みのフォントが簡単に作成できてしまうオンラインサービス -metaflop
