概要 今回は、Google Photos のサービスに近いものを自分のサーバーにセルフホストすることができる OSS「immich」についてご紹介します。 「immich」は設定さえ済ませておけば自動バックアップの機能や顔認識機能などもあり、まるで Google Photos のようです。 「immich」はブラウザから使用できますし、モバイルアプリ版も公開されておりますので、非常に使い勝手がよさそうです。 ちなみに、セルフホストで「immich」を使用するには Docker を使用することが推奨されていますので、もし使用を検討されている場合は事前に Docker をインストールしておくことをお勧めします。 それでは早速詳細についてみていきましょう。 目次 概要 目次 特徴 利用手順 使用感 まとめ ライセンス リンク 特徴 「immich」の特徴としては、以下の点が挙げられていました。

概要 今回は React.js や Next.js に基づいた UI コンポーネント例集として、「ui」という OSS についてご紹介したいと思います。 「ui」についてはとてもシンプルで、HTML/CSS/JS 環境で使用できるほか、React.js や Next.js で使用可能な UI のサンプルがいくつも紹介されています。 それでは早速詳細についてみていきましょう！ 目次 概要 目次 特徴 利用手順 使用感 まとめ ライセンス リンク 特徴 特徴としてはとてもシンプルですが、UI のサンプルが一覧で紹介されています。 それぞれ気になったアイテムを選択することでソースコードをすばやく確認することができます。 利用手順 利用方法としては、「ui」の GitHub リポジトリの REAMDE を参照することで利用可能です。 github.com 使用感 私のほうでも早速こちらの「ui」を

概要 パソコンの OS は何を使用していますでしょうか？ 完全に偏見ですが、多くの方が Windows、エンジニアやクリエイターの方は macOS、一部では Linux を使用されているかと思っています。 パソコンの OS はほぼ上記の 3 つが主流かと思いますが、ほかにもデスクトップ上で動作する OS を今回見つけましたのでご紹介したいと思います。 今回ご紹介する OSS は、Web ブラウザ上で動作するデスクトップ OS「Puter」になります。 「Puter」は高速かつ機能が豊富、そしてブラウザ上の OS なのに拡張性が高く、Google Drive や Dropbox に代わるクラウドストレージやリモートデスクトップとしての活用が期待されています。 それでは早速詳細についてみていきましょう！ 目次 概要 目次 特徴 利用手順 ローカルサーバー起動 Docker 起動 Docker

概要 アプリ開発をするにあたって、プログラミング言語を習得する必要がありますし、そのプログラミング言語におけるアプリ開発のための作法だったり仕組みを理解していく必要があります。 そのためアプリ開発をゼロから構築するにはとても時間がかかるのと根気がいる作業になります。 そんな中、その根気のいる作業をサポートしてくれる OSS がありましたので、ご紹介したいと思います。 今回ご紹介する OSS は、アプリケーション開発をゼロから構築する手法について学ぶことができる「Project Based Learning」になります。 それでは早速詳細についてみていきましょう！ 目次 概要 目次 特徴 利用手順 使用感 まとめ ライセンス リンク 特徴 「Project Based Learning」の特徴としては、有名どころのプログラミング言語について抑えてあるところになります。 利用手順 「Proje

概要 業務やプライベートでチャットツールを使用していますでしょうか？ 私自身はプライベートでは LINE を使用してコミュニケーションをとっており、業務や仕事では Slack や Microsoft Teams などのチャットツールを使用しています。 line.me slack.com www.microsoft.com Slack はプライベートでも仕事でも利用できるのでもっぱら使用していたのですが、無料プランの場合、チャットのメッセージが 90 日で表示されなくなってしまうことに気が付き、代替のチャットツールを見つけなければならなくなりました。 そんな中、Slack の代替になりうるチャットツールを見つけましたのでご紹介したいと思います。 今回ご紹介する OSS は、電子メールとチャットの長所を組み合わせた、独自のトピックベーススレッド機能を提供するチャットアプリ「Zulip」になりま

概要 TikTok といえば、短編動画を扱っているソーシャルネットーワーキングサービス（SNS）ということを皆さんはすでにご存じかと思います。 TikTok は今や全世界で流行しておりおもしろ動画からためになる動画まで様々な動画が世界中から投稿され、インターネットを通じていつでもどこでも見ることができます。 動画視聴があたりまえになった昨今に非常にマッチしたアプリケーションですね。 そんな TikTok は基本モバイルアプリ（Android・iPhone）でしか利用できないのですが、今回はそれを Web アプリとして再現している OSS を見つけましたのでご紹介したいと思います。 TikTok ティックトック TikTok Ltd.エンターテインメント無料apps.apple.com play.google.com 今回ご紹介する OSS は、Vue+Vite で TikTok 風アプリを

概要 Google が開発したマルチモーダル生成 AI モデル Google Gemini（以降、Gemini） をご存じでしょうか？ Gemini は Google が開発した人工知能モデルであり、テキスト・画像・音声・動画を入力として受け取り、テキストと画像を生成することができる生成 AI となります。 gemini.google.com Gemini が発表される間瀬までは OpenAI 社の ChatGPT が一人勝ちしており、その中でも有料プランの GPT-4 が生成 AI として主力の生成 AI でしたが、Gemini は多くの指標で GPT-4 の性能をうわ待っているとされ、ChatGPT を超える生成 AI として大変注目を浴びています。 Gemini は 2023 年 12 月に発表された非常に新しいサービスでありまして、そこまでサービスが普及していなかったり、システム内

概要 皆さまは Python を使用してプログラム開発を行っていらっしゃるでしょうか？ www.python.org 最近ではプログラミング言語といえば Python をはじめに勉強するという方も多いと聞くのと、AI 技術が発展していたり処理の自動化という点で Python がとても人気だという風に聞いています。 www.python.jp Python はシンプルにソースコードを記述することができますし、可読性もよくモジュール群もたくさんあるため、何かを開発したい・自動化したいという際、すぐにその考えを実現することができますよね。 そんな Python ですが、コンパイルなどがいらないスクリプト言語のため、型指定などの誤りがあった場合でも実際にソースコードを動かしてみるまではどこに問題があるかなど、わかりづらいことが多いです。 そんな中、Python のソースコードを静的解析処理してくれ

概要 ソフトウェア開発をしていると、システムの設計がこれがよいのか、もっと良い設計があったのではないか、ほかの大きな会社やソフトウェアのシステム設計はどういう風にしているのか、気になることはないでしょうか？ 私自身はよくありまして、人気のあるサービスのシステム設計はどういう風になっているのか気になるのですが、どういう仕組みになっているのか真剣に調べたことはあまりありませんでした。 そんななか、人気のあるサービスやシステムの設計情報を独自に調べて情報発信している Web サイトがありましたので、今回はこちらについてご紹介したいと思います。 今回ご紹介する OSS は、有名で人気のあるアプリやサービスのシステム設計に関して情報を紹介してくれる OSS「System Design Newsletter」になります。 直近では Disney+ がどのように人数を伸ばしたのかという話や、Amazon

概要 皆さまはアプリ開発やシステム開発でデータベースを使用する機会はありますでしょうか？ 私自身は最近データベースをよく触っており、かつ SQL コマンドも使う機会が増えてきているので勉強しているところになります。 初めてデータベースを触ったり既存のシステムのデータベースを修正するなどの場合、簡易的でも簡単なシステム構成図やテーブル構成図などがあるとよいですよね。 ただデータベースの絵を描くとなるとエクセルを使用しなければならない場合などがあり、エクセルを好まない人にとってはどうやって作成しようかと悩む方も多いかと思います。 そんな中、データベースのテーブル一覧を簡単に描画でき、さらに SQL コマンドも作成できてしまうとても便利な OSS を見つけましたので、今回はこちらについてご紹介したいと思います。 今回ご紹介する OSS は、無料でシンプルで使いやすいデータベース設計ツール兼SQL

概要 皆さまは Web アプリや Web サイトを作成する際は何の言語のどういったフレームワークを使用していますでしょうか？ 私はもっぱらプログラミング言語としては JavaScript/TypeScript を使用しており、フレームワークとしては React.js/Next.js を採用して開発などを進めています。 developer.mozilla.org www.typescriptlang.org ja.legacy.reactjs.org nextjs.org React.js や Next.js といったフレームワークは非常に強力で Web アプリを簡単に作ることができる一方、できることが多くて毎日勉強の日々です。 そんな中、Node.js の JavaScript 公式 Web サイトのソースコードが GitHub 上に上がっており、しかも Next.js で作成されていると

概要 Web アプリやスマートフォンアプリ、ブラウザゲームなどを個人開発した後、デプロイ先はどこにしていますでしょうか？ 私はよく Google（GCP）を使っていたり、Next.js で Web ページなどを作成しているので Netlify などにあげ、基本的に利用料が無料になるようにしています。 個人開発となるとなるべく金額を抑えたいので、できるだけ無料のサービス、もしくは仕方がない場合は金額が低く収まるようにデプロイ先を決めたりしています。 最近では Heroku の無料枠がなくなったことで、デプロイ先をどこにしようか迷っている方も多くいるのではないでしょうか？ そんな中、自己ホスト可能で Web アプリなどをデプロイすることが容易な OSS について見つけましたので、今回はこちらについてご紹介したいと思います。 今回ご紹介する OSS は、Heroku や Netlify、Verc

概要 今回は、ポケモンバトルをひたすらに行えるブラウザベースのポケモンファンが作成したゲーム「PokeRoGue」になります。 「PokeRoGue」では様々な野生ポケモンと戦いつつ、トレーナーやボスとも戦いながら、ひたすらにポケモンバトルを楽しむというゲームになっております。 それでは早速詳細についてみていきましょう！ 目次 概要 目次 特徴 利用手順 公式サイト ローカル起動手順 使用感 まとめ ライセンス リンク 特徴 大きな特徴としては、ポケモンの BGM やゲームグラフィック、効果音、背景、UI、ゲームロゴ、アニメーションが公式のものを利用しており、ゲームボーイ版（3DS 時代）のポケモンバトルをまるで公式のポケモンゲームのように遊ぶことができる点です。 利用手順 「PokeRoGue」を実際に使用するには、以下の公式サイトにアクセスするか、ローカル環境にクローンして動作させます

概要 Web アプリを作成していく中で大変な作業として、UI コンポーネントの構築や整備があると思います。 CSS やデザイン、細かい挙動などを整備していくと本当にきりがないですよね。 そんな UI コンポーネントの構築を AI プロンプトの力を借りて素早くお香ことができる OSS がありましたので今回はこちらについてご紹介したいと思います。 今回ご紹介する OSS は、UI コンポーネントの構築プロセスを楽しく、早く、そして柔軟に行うことができる「OpenUI」になります。 こちらの「OpenUI」を使用することで、これまで大変だったフロントエンドサイドのデザイン構築をとても簡単に行うことができます。 それでは早速詳細についてみていきましょう！ 目次 概要 目次 特徴 利用手順 デモ版 ローカル環境起動（Python） ローカル環境起動（Docker Compose） ローカル環境起動（

概要 皆様はパソコンの OS は普段何をメインで使用されていますでしょうか？ 私は普段 Windows を利用しており、本日も Windows 11 を利用しています。 ただ、私事になるのですが最近 macOS のパソコンも購入しており、これまで Mac でしか触れなかったアプリなどが触れるようになってきました！ 外出するときなどは macOS などを持ち運んで作業などをしているのですが、逆に Mac だと Windows 専用のアプリなどが触れない状況があり、困る時があります。 そんな中、OSS で Windows サービスを無料で利用することができるものがあったので、今回こちらについてご紹介したいと思います。 今回ご紹介する OSS は、Docker コンテナ上に Windows を配備して利用することができる「Windows」になります。 名前はそのままですが、実際に Windows

概要 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%82%A2%E9%81%94%E4%BA%BA%E3%81%AE%E6%8A%80-Robert-C-Martin/dp/4048930591www.amazon.co.jp 「Clean Code」は、洗練されたコード（Clean Code）を書くことが必要とされているプロのプログラマーにとっては必須の本として有名で、Clean Code を書くための原則・法則、パターン、実践例などが数多く収録

概要 みなさまは Web アプリを作成したことはありますでしょうか？ Web アプリを作成というと、最近では HTML、JavaScript、CSS を駆使して作成したものや、PHP、Ruby、Node.js などで作成される方多いかもしれません。 私自身、Node.js を使用して Web アプリを作成していますがその中でも React.js や Next.js を使用して Web アプリを使用しています。 ja.react.dev nextjs.org React.js や Next.js はとても便利ですが、初めて使用する方にとってはやや敷居が高いかもしれません。 そんな敷居を取り払い、Next.js で Web アプリや Web ページを作成するためのテンプレートを提供してくれる OSS を見つけましたので、今回はこちらについてご紹介いたします。 今回ご紹介する OSS は、Nex

概要 近年、AI の中でも「生成 AI」というものが注目を浴びています。 厳密な定義は存在しませんが、一般的に「生成 AI」とは「さまざまなコンテンツを生成できる AI」または「さまざまなコンテンツを生成する学習能力がある AI」とされています。 www.nri.com 最近では ChatCPT のように何か質問を投げかけることで、条件に応じた文章を「生成」し回答してくれますし、得られた条件や回答をもとに再学習し、文章の制度をより高めることができます。 そんな「生成 AI」についてですが、Microsoft 社が初心者のためのレッスンとして講座を無料で公開してくれている OSS がありましたので、今回はこちらについてご紹介したいと思います。 今回ご紹介する OSS は、Microsoft 社が生成 AI 初心者向けに無料で公開している講座サイト「Generative AI for Begi

概要 PayPay や楽天 Pay、メルペイ、LINE Pay などの登場により、最近ではものを購入するときの方法が電子マネー決済で行われることが普通になってきました。 ほかにも知り合い同士でのお金のやり取りや割り勘なども電子マネー決済やスマートフォンアプリを使用することで簡単に済ませることができるようになったほか、2023 年 4 月からは給与の振り込みも PayPay などの一部電子マネー決済アプリで解禁となり、今やお金のやり取りの主流になりつつあります。 そんな電子マネー決済が主流になる中、アメリカでも電子マネー決済が主流になっており、その中でもとても最先端な電子マネー決済アプリとしての OSS を見つけましたので、こちらについてご紹介したいと思います。 今回ご紹介する OSS は、個人間・ビジネスどちらでも使用可能で、友人間・同僚間での送金、割り勘、経費購入などお金に関する操作をチ

概要 ChatGPT が世に公開されてから、AI を使用したチャットサービスや対話型 AI などが広く普及しています。 https://chat.openai.com/auth/login ChatGPT にタスクを任せたいが、どのサービスを使用すればよいのか、いろいろなサービスが急速に作成されていますが、どれを使用すればよいのかわからない方も多いのではないでしょうか。 今回はそんな悩みを解決できるかもしれない OSS を見つけましたので、ご紹介したいと思います。 今回ご紹介する OSS は、ターミナル、ブラウザ、エディタで複雑なタスクやプロジェクトを実行できる完全自律型 AI エージェント「codel」になります。 「codel」は与えられたタスクをもとに処理を実行し、自動で次のタスクを生成、実行を繰り返すことが可能です。 それでは早速詳細についてみていきましょう！ 目次 概要 目次 特