WordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSS・「WebCrumbs」
WebCrumbs WebCrumbsはWordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSSです。プロジェクトを「ReactのためのWordPress」と位置付けており、Reactアプリの為の業界標準ソリューションを目指しているそうです。 WPライク、というようにReactベースのWebサイトを直感的な管理画面で簡単に作成、管理、拡張する事が可能との事。コーディング不要の管理画面でWebサイトの様々な面を管理・制御、プラグインで機能拡張、特定のニーズに合わせたフルカスタマイズも可能となっており、完全オープンソースで提供されています。 もちろん他言語対応で既に30か国以上の方のコミュニティへの参加があるようですが、日本はまだ未参加のようなので、ご興味ある方はぜひご覧になってみては如何でしょうか。ライセンスはMITです。 WebCrumbs
アイソメトリック図を手軽に作れるJavaScriptライブラリ・「isocity」
isocityはアイソメトリック図を手軽に作れるJavaScriptライブラリです 動作サンプルでは街を作れるようになっており、ライブラリ名もサンプルに沿ったネーミングですが、素材を変えれば様々な用途に応用できそうですね 操作性や機能性は非常にシンプルなものなので凝ったアイソメ図には対応できませんが、学習コストも必要なさそうなのでこれはこれでアリかなぁと思います ライセンスはMITとの事です isocity
SQLとMarkdownで洗練されたデータプロダクトを構築できるBiツールOSS・「Evidence」
EvidenceはSQLとMarkdownで洗練されたデータプロダクトを構築できるBiツールOSSです。MITライセンスの元でソースコードが公開されています。 従来のD&DによるBiツールではなくコードベースとなっており、データアナリストが信頼性が高く価値のあるレポートを提供できる事を想定したものとなっているそうです。 コードベースにする事で、アナリストがダッシュボードにチャートやフィルタをD&Dで作業するよりも、より活用度の高いワークフローをアナリストに提供できるようになるのだそう。 そのため、利用にはSQLとMarkdownの知識が前提条件となっています。D&D仕様のBiツールに使いにくさを感じている方はご覧になってみては如何でしょうか。 Evidence
コンテンツの自動生成も可能な、SvelteKitで構築されたオープンソースのAI搭載CMS・「Vontigo」
Vontigoはコンテンツの自動生成も可能な、SvelteKitで構築されたオープンソースのAI搭載CMSです。MITライセンスの元でソースコードが公開されています。 ChatGPTの機能が統合されており、コンテンツの生成を自動化する事で他のタスクにリソースを割くことが可能で、更にチャットボットやSNS管理、予測分析などの機能も利用可能となっています。 CMSとAIの統合は、例えば世界的に高いシェア率を誇るWordPressでもAI powerなどといったChatGPTとの統合プラグインも既に公開されていますが、今後もこういったAI統合のソフトウェアは増えていくことが予想されますが、出来れば他のLLMの選択も可能になると良いですね。 Vontigo
汎用的で使いやすいオープンソースのSVGアイコンのセット・「Slim icons」
Slim iconsは汎用的で使いやすいオープンソースのSVGアイコンのセットです。100のベーシックなアイコンがSVGで揃えられています。 ハンバーガーやメール、サーチ、ホーム、アラートや矢印など一般的なWebサイトに利用できるアイコンの他、クロップ、カメラ、フォルダ、テキスト揃え、ブックマーク、カレンダー、ドキュメント、ダウンロード、グリッドやユーザーを示すアイコンなど、様々なWebアプリに共通する、よく見かけるアイコンが最低限揃えられています。 下記プロジェクトサイトでは希望のSVGアイコンをクリックするだけでコードをコピーする事が出来るので一部のアイコンだけ利用したい方は全部DLせずに済むよう配慮されています。ライセンスはMIT。 Slim icons
任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」
CSS Code Qualityは任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリです。JavaScriptで書かれています。 解析したいCSSを利用しているWebサイトのURLを入力すると自動で解析し、メンテナンス性、複雑さ、パフォーマンスの3項目をそれぞれスコアリングし、その内訳レポートを提出してくれます。 大きくスコアを下げる要因は赤、出来るだけ改善すべき要因はオレンジのラインが引かれます。レポートはその場に表示されますがJSONでも提供してくれます。直接CSSコードを貼り付けてチェックする事も可能です。 CSSの最適化や改善作業などを手助けしてくれそうですね。ライセンスはMIT。 CSS Code Quality
75以上の様々なノーコードアプリをカテゴリ等で探せる・「No-Code Builder」
No-Code Builderは75以上の様々なノーコードアプリをカテゴリ等で探せるノーコードアプリのコレクションサイトです。 DBや各自動化、Webサイト作成、内部ツール、アプリケーション、Eコマース、コミュニティやフォーム、ボット、カスタマーサービス、CMS、分析などなど20程のカテゴリでに分けられてる他、難易度や学習コスト、無料で使えるかどうか等でフィルタリングも可能です。 例えばGoogleスプレッドシートなどもノーコードアプリですが、最近はノンプログラマーでもアプリ開発が出来るレベルでノーコードアプリが進化しているので、あまり情報を追えてない、という方はこの機会に見てみては如何でしょうか。僕自身も興味ありつつもあまり触っていなかったアプリがあったんですが、時間が出来た時にいじってみたら簡単すぎて驚きました。 コードを学びたい、という方はとても多いと思いますが、目的が就職やスキルア
完全に無料或いは少なくとも1年無料で使える開発者向けのツールのリスト・「Free Dev Stuff」
Free Dev Stuffは完全に無料或いは少なくとも1年無料で使える開発者向けのツールのリストです。 目に付いたものを何でもかんでもリストに追加しているのではなく、厳選してリスト化しているようで、数自体は多くない様です。 他の似たようなサイトに触発されて元々個人的にリストアップしていたのを、公開する事にしたそうで、開発者自身が実際に利用しているツールの厳選リストとなります。 リストには個人的に使っているものも多かったのと、知らない便利なツールもあったのでまた暇を見てチェックしてみようと思います。 Free Dev Stuff
cookieを使わない完全オープンソースなWeb解析ツール・「Aurora」
Auroraはcookieを使わない完全オープンソースなWeb解析ツールです。GAを始め多くのアクセス解析ツールが行う個人情報収集を行わず、アクセスした全員を匿名ユーザーとして扱う、というプライバシーフレンドリーな解析ツールです。 100％OSSとなっており、有償サービスなども用意しておらず、常にソースコードを開示しており、ユーザーへのプライバシーの配慮だけでなく開発者にも安心して使える解析ツールとなっています。 Next.js、Tailwind.css、Knex.jsで作られています。ライセンスはMITとの事。 個人的にもそろそろGA卒業したいなと思いつつも重い腰が上がらず。ブラウザやメールサービスなど出来るところから脱Googleを試みつつもなかなか難しいなという印象です。時間を作って試していきたいと思います。 Aurora
色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」
Dopely Colorsは色に関する問題を解決してくれる様々なツールを公開しているWebサイトです。 Webアプリはパレットツール、グラデーションツール、カラーコードコンバーター、トーンツール、カラーホイール、コントラストチェッカー、カラーミキサーなどが用意されており、更に色々なパレットや色に関する知識、画像から作ったパレット、グラデーションなどのギャラリーが用意されています。 全てのツールやカラーギャラリーは全てDopely Colorsを離れずに利用できるので色の選定などで困ったときに合理的に解決の糸口を見つけられるかもしれませんね。 Dopely Colors
データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」
Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく見かける一般的なチャートやこれらのマルチデータ、パーセンテージや積み上げ式、3Dなど様々なビジュアライズも対応されています。 少しクセがある印象ですが、慣れれば問題なさそうでした。HTML形式のデータに対応する場合にあると作業がかなり楽になりそうですね。 動作サンプル及び簡単に使い方のご紹介です。基本的にはtableが使われ、classを付与する事でビジュアライズされます。 <table class="charts-css"> ... </table>単なるtableをビジュアライズするにはCharts.cssを読み込んだうえで上記のようにcharts-cssというclassを付与します
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChatGPTとBardを同じプロンプトで同時に使用し、結果を比較できるChrome拡張・「Bard GPT」
汎用的で使いやすいアイコンを意識してデザインされたオープンソースのSVGアイコンセット・「Humbleicons」
多くの機能が永久に無料で使える、フリーランサー向けに開発されたプロジェクト管理ツール・「Hectic」
請求書作成ツールやプロジェクト管理も備えられたオープンソースのタイムトラッキングツール・「Miru」
自動または手動で画像の背景を削除できるWebアプリ・「FocoClipping」
LaTeXを任意のWebサイト等に埋め込める・「Math Embed」
他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」
Markdownファイルからドキュメントページを作成できる静的サイトジェネレーター・「Docuowl」
SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」
