はてなブックマーク

家系図アプリの開発を行いました 前々から家系図アプリほしいな～と思っていたのですが、有料アプリは使いたくないし、無料アプリではJSON出力機能などがついていなく、かゆいところに手が届きませんでした。。。 （無料で、JSON出力できて、家族間で共有できる家系図アプリが欲しかった） いろいろ考えた末に個人開発するしかないと思い、一昨日くらいから作り始めた家系図アプリですが、AIを使うことで 2日程度 で開発できたので、その方法について紹介しようと思います。 1. Claude 3.7 Sonnetに画面イメージと画面仕様、コーディング規約などを作成してもらう Claude 3.7 Sonnetに作りたい画面の仕様を伝えてざっくりとした画像イメージと画面仕様を作成してもらいます。 ついでにコーディング規約なども作成してもらうと開発で考えることが減ります。 コーディング規約サンプル 家系図アプリケ

# Ubuntuの最新版をベースにする FROM ubuntu:latest # 必要なパッケージのインストール RUN apt-get update && apt-get install -y \ wget \ software-properties-common \ gcc-11 \ g++-11 # Python3.10を追加 RUN add-apt-repository ppa:deadsnakes/ppa RUN apt-get update RUN apt-get install -y python3.10 python3-pip # llama-cpp-pythonをインストール RUN pip install llama-cpp-python # ワークディレクトリを設定 WORKDIR /usr/src/app # ファイルをダウンロード RUN wget https:/

Tesseractとpytesseractで画像から文字を読み取る 画像から文字を読み取るには、OCR（Optical Character Recognition）技術を使用します。 PythonでOCRを実装するためには、TesseractというオープンソースのOCRエンジンと、それをPythonで使えるようにしたライブラリであるpytesseractを使用します。 事前準備 Tesseractのインストール 以下からTesseractをインストール。 Windows: https://github.com/UB-Mannheim/tesseract/wiki macOS: brew install tesseract Linux: sudo apt install tesseract-ocr ■ 環境変数にパスを入れる。 Windowsの場合はデフォルト以下

Express.jsとは Express.jsは、Node.jsのための軽量で柔軟なWebアプリケーションフレームワークです。 Express.jsを使用すると、Node.jsを使用してWebアプリケーションを作成するための様々な機能を簡単に実装できます。 MVCアーキテクチャを採用し、ルーティング、テンプレートエンジン、ミドルウェア、セッション、Cookieの処理、静的ファイルの提供、データベースの操作など、Webアプリケーション開発に必要な基本的な機能を提供しています。 また、豊富なサードパーティーモジュールを使用することで、より高度な機能を追加することも可能です。 Express.jsの使い方 事前準備 Node.jsをインストールし、npmを使用できる環境を作っておく必要があります。 【Windows/Mac/Linux（Ubuntu）】Node.jsインストール方法

あなたは、プロのエンジニアです。 以下の制約条件と入力文をもとに、ブログ記事の内容を出力してください。 # 制約条件： ・重要なキーワードを取り残さない。 ・文字数は30000文字程度 # 入力文： Swaggerについて技術ブログに投稿する文章を書いてください。 構成は、Swaggerとは？、Swaggerのユースケース、Swaggerのメリットとデメリット、Swaggerの書き方（YAMLファイル）、Swaggerの実行方法、まとめです。 構成間で重複した説明は省くようにしてください。 読者がブログを読みながらSwaggerを触れるようにハンズオン形式などを取り入れて文章を作ってください。 また、Swagger Spec、Swagger Editer、Swagger UI、Swagger Codegen についてやモックサーバの作り方と手順、ドキュメントの作り方と手順、コードの自動生成

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

json-serverとは json-serverは、簡単にREST APIを構築できるツールです。 ローカルマシン上にJSONファイルを置くだけで、RESTfulなAPIを作成し、GET、POST、PUT、DELETEなどのHTTPリクエストを使用してデータの取得、作成、更新、削除を行うことができます。 json-serverを使用すると、サーバーサイドのプログラミング言語やデータベースを必要とせず、フロントエンドの開発者がAPIの動作をテストしたり、簡単なデモアプリケーションを作成するのに便利です。 また、json-serverは簡単に拡張することができ、ルーティングの設定やフック機能を利用することで、より高度なAPIを作成することもできます。 json-serverのユースケース json-serverは、以下のようなタイミングで使用することができます。 モックサーバー：json-s

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

BIOSの設定 BIOS画面に入る。 PCメーカー別 富士通 ： F2キー NEC ： F2キー 東芝 ： F2キー または ESCキー を押しながら起動し、メーカーロゴが表示されたら F1キー を押下する Lenovo（IBM） ： F1キー HP（Compaq） ： F10キー Dell ： F2キー または Ctrl + Alt + Enter 日立 ： F2キー Panasonic ： F2キー Sharp ： F2キー ASUS ： F2キー ソニー ： F2キー 自作PCまたはパソコンショップで購入したPCなど ： Delete マザーボードメーカー別 ASUS ： Delete Intel ： F2キー Giga-byte ： Delete ESC ： Delete ASROCK ： F2キー MSI ： Delete OS起動後からBIOSに入る スタートボタンを押下する

背景 作成した医療情報技師の過去問サイトは以下です。 医療情報技師の資格試験が8月にあり、過去問の勉強しようと過去問サイトを探していたが、なかなか良いWebサイトがない。。。 以下のWebサイトを見つけたが、いくつか問題点があって、自作でWebサイトを作ることにしました。 問題点について 背景で述べた問題点についてですが、以下となります。 1. 問題の正解不正解を記録してくれない 自分が今何問正解しているのかを毎回紙にメモするのが面倒でした。 合格基準を満たしているか確認するために正答率も出したかったので、システム側で記録して欲しかった。。。 2. スマホ画面だと解答が丸見え 上記の画像のようにスマホ画面だと解答が丸見えでした。 見なければ良い話ですが、どうしても目に入ってしまって、問題解くのやめてしまうんですよね。。。 3. ボタンを押して正解か不正解か判別してほしい 完全に個人的な意見