React.js と Next.js に基づいた UI コンポーネント例集！「ui」

概要 今回は React.js や Next.js に基づいた UI コンポーネント例集として、「ui」という OSS についてご紹介したいと思います。 「ui」についてはとてもシンプルで、HTML/CSS/JS 環境で使用できるほか、React.js や Next.js で使用可能な UI のサンプルが…

Web ブラウザ上で動作するデスクトップ OS！「Puter」

概要 パソコンの OS は何を使用していますでしょうか？ 完全に偏見ですが、多くの方が Windows、エンジニアやクリエイターの方は macOS、一部では Linux を使用されているかと思っています。 パソコンの OS はほぼ上記の 3 つが主流かと思いますが、ほかにも…

アプリケーション開発をゼロから構築する方法を学びたいなら！「Project Based Learning」

概要 アプリ開発をするにあたって、プログラミング言語を習得する必要がありますし、そのプログラミング言語におけるアプリ開発のための作法だったり仕組みを理解していく必要があります。 そのためアプリ開発をゼロから構築するにはとても時間がかかるのと…

電子メールとチャットの長所を組み合わせたチャットアプリ！「Zulip」

概要 業務やプライベートでチャットツールを使用していますでしょうか？ 私自身はプライベートでは LINE を使用してコミュニケーションをとっており、業務や仕事では Slack や Microsoft Teams などのチャットツールを使用しています。 line.me slack.com ww…

Vue+Vite で TikTok 風アプリを再現！「Douyin-Vue」

概要 TikTok といえば、短編動画を扱っているソーシャルネットーワーキングサービス（SNS）ということを皆さんはすでにご存じかと思います。 TikTok は今や全世界で流行しておりおもしろ動画からためになる動画まで様々な動画が世界中から投稿され、インター…

Google が開発したマルチモーダル生成 AI モデル Google Gemini をうまく使いこなすためのクックブック！「Gemini API Cookbook」

概要 Google が開発したマルチモーダル生成 AI モデル Google Gemini（以降、Gemini） をご存じでしょうか？ Gemini は Google が開発した人工知能モデルであり、テキスト・画像・音声・動画を入力として受け取り、テキストと画像を生成することができる生成…

Python の型ヒントを示してくれる！「Typer」

概要 皆さまは Python を使用してプログラム開発を行っていらっしゃるでしょうか？ www.python.org 最近ではプログラミング言語といえば Python をはじめに勉強するという方も多いと聞くのと、AI 技術が発展していたり処理の自動化という点で Python がとて…

有名で人気のあるアプリやサービスのシステム設計に関する情報を紹介！「System Design Newsletter」

概要 ソフトウェア開発をしていると、システムの設計がこれがよいのか、もっと良い設計があったのではないか、ほかの大きな会社やソフトウェアのシステム設計はどういう風にしているのか、気になることはないでしょうか？ 私自身はよくありまして、人気のあ…

無料でシンプルで使いやすいデータベース設計ツール兼SQLジェネレータ！「drawDB」

概要 皆さまはアプリ開発やシステム開発でデータベースを使用する機会はありますでしょうか？ 私自身は最近データベースをよく触っており、かつ SQL コマンドも使う機会が増えてきているので勉強しているところになります。 初めてデータベースを触ったり既…

Node.js JavaScript 公式 Web サイトのソースコードを読んで Next.js について学ぼう！「nodejs.org」

概要 皆さまは Web アプリや Web サイトを作成する際は何の言語のどういったフレームワークを使用していますでしょうか？ 私はもっぱらプログラミング言語としては JavaScript/TypeScript を使用しており、フレームワークとしては React.js/Next.js を採用し…

Heroku、Netlify、Vercel などに代わる自己ホスト可能なOSS「Coolify」

概要 Web アプリやスマートフォンアプリ、ブラウザゲームなどを個人開発した後、デプロイ先はどこにしていますでしょうか？ 私はよく Google（GCP）を使っていたり、Next.js で Web ページなどを作成しているので Netlify などにあげ、基本的に利用料が無料…

ポケモンバトルをひたすらに行えるブラウザベースゲーム！「PokeRoGue」

概要 今回は、ポケモンバトルをひたすらに行えるブラウザベースのポケモンファンが作成したゲーム「PokeRoGue」になります。 「PokeRoGue」では様々な野生ポケモンと戦いつつ、トレーナーやボスとも戦いながら、ひたすらにポケモンバトルを楽しむというゲー…

UI コンポーネントを簡単に素早く作成したいなら！「OpenUI」

概要 Web アプリを作成していく中で大変な作業として、UI コンポーネントの構築や整備があると思います。 CSS やデザイン、細かい挙動などを整備していくと本当にきりがないですよね。 そんな UI コンポーネントの構築を AI プロンプトの力を借りて素早くお…

Windows を Docker 上に配備して利用可能な OSS！「Windows」

概要 皆様はパソコンの OS は普段何をメインで使用されていますでしょうか？ 私は普段 Windows を利用しており、本日も Windows 11 を利用しています。 ただ、私事になるのですが最近 macOS のパソコンも購入しており、これまで Mac でしか触れなかったアプ…

Robert C.Martin 氏が執筆した「Clean Code」を JavaScript 向けに適応した「clean-code-javascript」

概要 Robert C.Martin 氏が執筆した「Clean Code -アジャイルソフトウェア達人の技-」という本をご存じでしょうか？ https://www.amazon.co.jp/Clean-Code-%E3%82%A2%E3%82%B8%E3%83%A3%E3%82%A4%E3%83%AB%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%…

Next.js、TailwindCSS、TypeScript のボイラープレート！「SaaS-Boilerplate」

概要 みなさまは Web アプリを作成したことはありますでしょうか？ Web アプリを作成というと、最近では HTML、JavaScript、CSS を駆使して作成したものや、PHP、Ruby、Node.js などで作成される方多いかもしれません。 私自身、Node.js を使用して Web アプ…

Microsoft による初心者のための 生成 AI レッスン！「Generative AI for Beginners」

概要 近年、AI の中でも「生成 AI」というものが注目を浴びています。 厳密な定義は存在しませんが、一般的に「生成 AI」とは「さまざまなコンテンツを生成できる AI」または「さまざまなコンテンツを生成する学習能力がある AI」とされています。 www.nri.c…

お金の送金、割り勘、経費購入などお金に関する操作をチャット形式で行える新しいアプリ「New Expensify」

概要 PayPay や楽天 Pay、メルペイ、LINE Pay などの登場により、最近ではものを購入するときの方法が電子マネー決済で行われることが普通になってきました。 ほかにも知り合い同士でのお金のやり取りや割り勘なども電子マネー決済やスマートフォンアプリを…

Rust でクロスプラットフォームアプリを作成したいなら！「Dioxus」

概要 Rust というプログラミング言語をご存じでしょうか？ www.rust-lang.org Rust は 2006 年に開発が始まった比較的新しいプログラミング言語で、その処理速度や性能の高さから Microsoft や Google でも新サービスの開発に利用しているほどの注目を集めて…

Python で記号を使った代数計算を行うことが可能な OSS！「SymPy」

概要 今回は、プログラミング言語 Python で記号を使った代数計算を行うことが可能な OSS「SymPy」についてご紹介いたします。 「SymPy」とは Python ライブラリの一種で、数学の記号を使用した計算を可能にしたり、そのほか因数分解や連立方程式、微分・積…

現在主流の AI サービスについて可視化可能なサービス！「Awesome AI Agents」

概要 ChatGPT の出現を受けて、今や AI 開発はすさまじい速度で進んでいます。 Google をはじめ、Amzon、Microsoft、Meta、Apple、OpenAI などといった企業がさらなる AI を求めて開発を進めています。 そんな AI 開発戦国時代の現在において、AI サービスを…

ターミナル・ブラウザ・エディタ上で複雑なタスクを AI に任せたいなら！「codel」

概要 ChatGPT が世に公開されてから、AI を使用したチャットサービスや対話型 AI などが広く普及しています。 https://chat.openai.com/auth/login ChatGPT にタスクを任せたいが、どのサービスを使用すればよいのか、いろいろなサービスが急速に作成されて…

Python 互換性のある構文と処理速度が爆速な AI 開発に利用されている新しいプログラミング言語！「Mojo」

概要 新しいプログラミング言語「Mojo」をご存じでしょうか？ 「Mojo」は Python との互換性を持つよう設計されたプログラミング言語で、AI 開発に利用されることを目的に開発された言語になります。 これまでの AI 開発者が Python で記述されたプログラム…

Python で機械学習 Web アプリを構築するなら！「Gradio」

概要 今回は、機械学習 Web アプリを迅速に構築することができる Python OSS である「Gradio」をご紹介します。 「Gradio」は組み込みの機能を使用することで、すぐにデモアプリや Web アプリケーションの構築、共有リンクを作成することができ、JavaScript …

iOS アプリ用のオープンソースリストを参照したいなら！「Open-Source iOS Apps」

概要 今やスマートフォンと言ったら iPhone という方は多いのではないでしょうか。 iPhone の OS は言わずもがな iOS ですが、今回はその iOS に特化したオープンソースアプリをリスト化してまとめている OSS サイトがありましたのでご紹介したいと思います…