kinopi

ChatGPTを使用したコーディングや作業効率化を、日々トライアンドエラーで模索しています。またデザインに関しては初心者ですが、最近Canvaでランディングページ作成に挑戦中です。（フリーのシステムエンジニア。WEBシステムの開発、要件定義などを担当）

171 フォロー 105 フォロワー

kinopi

171 フォロー 105 フォロワー

GoogleやNotionなど、色々なAPIのリクエスト手順

kinopi

4本

GoogleやNotionなど、色々なAPIのリクエスト手順について、まとめました
デザイン初心者がCanvaでランディングページを作ってみた

kinopi

19本

デザインに関しては素人なのですが、最近canvaでサイトのデザインを実験的に作ってみてます！いつかランディングページを作ってみたく、いきなり全て作るのは大変そうなので、部分的なデザイン作成にチャレンジしています！
要件定義書の作成のコツ

kinopi

7本

私は、WEBシステムの要件定義書を作成したり、他の人が作成した要件定義書をレビューすることがあり、その過程で指摘することも多く、自分で作成する際にもどのように記載すればよりわかりやすい仕様書となるのか？を日々試行錯誤しております。「要件定義書の書き方をまとめたい！」という思いもあり、今回要件定義書の書き方をまとめてみることにしました！まだ一部分ですが、要件定義書を作成する参考になれば嬉しいです。
ナビつき！つくってわかるはじめてゲームプログラミング

kinopi

11本

任天堂Switchの「ナビつき！つくってわかるはじめてゲームプログラミング」のプログラミング手順についてまとめてものです！
Lightsail Djangoを使用したWEBサイト構築

kinopi

13本

[Amazon Lightsail] Djangoを使用したWEBサイト構築

すべてのマガジンを表示

固定された記事

[JavaScript] CanvaとChatGPTで、ガチャを作ってみた

Canvaを使用し、ガチャのイラストを作って、ガチャのスクリプトをChatGTPに作ってもらい、ガチャを作ってみました！ガチャはこちら！ 1.Canavaでガチャのパーツを作る1-1.ガチャのイラスト画像を参考に、ガチャに必要な画像を作るガチャのイラストを画像検索し、簡単に作れそうなイラストを参考に作っていきます。 Canvaでは、丸や四角の図形を組み合わせていき、シンプルな感じに組み立てていきます。 1-2.動かしたい画像ごとにパーツを作っていく次に、動かし

[JavaScript]テトリスのブロックを改造してみる

JavaScriptでテトリスを作ってみましたが、今回はテトラミノの形を色々アレンジしてみようと思います！（前回、ChatGPTでJavaScriptのテトリスを作った記事）その1（アレンジ２モード）ブロック5個のテトラミノを用意したところ、でかすぎて上手くハマらず微妙な感じでした、、そういえば本家のテトリスはブロック4個固定だった気がする。。（以下左のブロック図の通りに、テトラミノを用意）以下から「アレンジ２モード」を選択しプレイできます！その2（ア

kinopi

3日前

4
[JavaScript] ChatGPTでテトリスを作ってみた！

ChatGPTでJavaScriptのテトリスを作ってみました！以下から作成したテトリスがプレイできます！（スマートフォン向けですが、PCでもプレイできます） ChatGPTに詳細の指示を出さなくてもテトリスが作れた！ ChatGPTでプログラミングする際には、詳細の指示を出さないと完成しないケースが多いのですが、テトリスの作成に関しては1発で動くものが完成したので、ビックリしました！さすがChatGTPですね！プレイはできるが、簡素すぎる ChatGPTに詳

kinopi

3日前

1
Docker build時にmysqlで、permission deniedでエラーになる件

docker compose build --no-cacheを実施時のmysql起動時に、ホスト側（サーバー側）のUSERとDockerのコンテナ側のボリュームディレクトリのファイルの所有者、権限周りが異なりエラーになる件です。エラーとなる流れを見ながら、解決方法について整理していきます。 failed to solve: error from sender: open /docker-mysql/db/data/#innodb_redo: permission den

kinopi

10日前

2

固定された記事

[JavaScript] CanvaとChatGPTで、ガチャを作ってみた

kinopi

2週間前

[JavaScript]テトリスのブロックを改造してみる

4

kinopi

3日前
[JavaScript] ChatGPTでテトリスを作ってみた！

1

kinopi

3日前
Docker build時にmysqlで、permission deniedでエラーになる件

2

kinopi

10日前

マガジン

GoogleやNotionなど、色々なAPIのリクエスト手順

4本
デザイン初心者がCanvaでランディングページを作ってみた

19本
要件定義書の作成のコツ

7本
ナビつき！つくってわかるはじめてゲームプログラミング

11本
Lightsail Djangoを使用したWEBサイト構築

13本
ChatGPTによるWEBセキュリティ講座

6本

記事

[JavaScript/Canva] ゲームクリアするとガチャ回せる仕組みを作ってみた

サイトで用意しているクイズで一定スコア以上をとると、ガチャを回す仕組みを作っていこうと思います！前回までの記事ゲームクリアすると、ガチャでモンスターをゲットできる仕組みを作るイメージは以下。ガチャでゲットしたモンスターは一覧画面で確認できるような仕組みもあわせて作っていきます。設計検討ガチャのHTMLは既に作成済みですので、ランダムでモンスターを取得し、そのモンスターをデータベースに登録する箇所の設計をざっくり整理していきます。設計イメージは以下の青

kinopi

11日前

12
[JavaScript/Canva] ゲームクリアするとガチャ回せる仕組みを作ってみた

12

kinopi

11日前
[JavaScript] ガチャの当たりキャラをCanvaのモンスターで作ってみた

最近JavaScriptでガチャのシステムを作っていますが、ガチャを回した後に出るキャラクターをCanvaで用意されているモンスターを使ってみました！ガチャはこちらから試せます！前回の記事当たりキャラの検討は労力がかかるので、一旦はCanvaモンスターで実装おみくじガチャを回した後の仕掛けを良い感じにしたいので、一旦はCanvaモンスターで実装してみることにしました。当たりキャラの検討は労力がかかるので。。 Canvaは可愛らしいモンスターキャラがたくさんあ

kinopi

12日前

5
[JavaScript] ガチャの当たりキャラをCanvaのモンスターで作ってみた

5

kinopi

12日前
Amazon Lightsail スナップショット機能は、プラン変更する際や、バックアップに使用できる

1.スナップショット機能は、プラン変更する際や、バックアップに使用できるLightsailで、インスタンスのプラン変更をすることはできず、メモリなどを増やしたい場合は、スナップショットを取得しておき、新たにインスタンスを作成後にそのスナップショットをベースに構築する手順でプラン変更をします。またスナップショット機能は、毎日リソースをバックアップしてくれる自動スナップショット機能があるため、バックアップとしても使用できます。 2.料金は、0.05USD（USD GB/月）

kinopi

3週間前

2
Amazon Lightsail スナップショット機能は、プラン変更する際や、バックアップに使用できる

2

kinopi

3週間前
要件定義書の作成のコツ7（裏で状態が変わった時の考慮）

私は、WEBシステムの要件定義書を作成したり、他の人が作成した要件定義書をレビューすることがあり、その過程で指摘することも多く、自分で作成する際にもどのように記載すればよりわかりやすい仕様書となるのか？を日々試行錯誤しております。「要件定義書の書き方をまとめたい！」という思いもあり、今回要件定義書の書き方をまとめてみることにしました！まだ一部分ですが、要件定義書を作成する参考になれば嬉しいです。要件定義書とは、サイトをどのような仕様にするかまとめたドキュメントのこと

kinopi

2か月前

12
要件定義書の作成のコツ7（裏で状態が変わった時の考慮）

12

kinopi

2か月前
要件定義書の作成のコツ6（登録完了画面の仕様書を記載する際の注意点）

私は、WEBシステムの要件定義書を作成したり、他の人が作成した要件定義書をレビューすることがあり、その過程で指摘することも多く、自分で作成する際にもどのように記載すればよりわかりやすい仕様書となるのか？を日々試行錯誤しております。「要件定義書の書き方をまとめたい！」という思いもあり、今回要件定義書の書き方をまとめてみることにしました！まだ一部分ですが、要件定義書を作成する参考になれば嬉しいです。要件定義書とは、サイトをどのような仕様にするかまとめたドキュメントのこと

kinopi

2か月前

2
要件定義書の作成のコツ6（登録完了画面の仕様書を記載する際の注意点）

2

kinopi

2か月前
デザイン初心者が、canvaで、ランディングページを作ってみた15（良い例と悪い例の図の見せ方）

デザインに関しては素人なのですが、最近canvaでサイトのデザインを実験的に作ってみてます！部分的なデザインを作っていますが、前回からの続きで「WEBシステムの仕様書が書けるようになるコツ」をテーマに、どのようなデザインが良いかを考えていこうと思います。今回は、以下「要件定義書の作成のコツ5（一覧画面の仕様検討の仕方）」の記事を作成した際に作ったデザインについて、会話していこうかと思います！テーマは、「一覧から詳細画面に遷移し、一覧に戻ると元いた位置に戻れない」を何

kinopi

2か月前

4
デザイン初心者が、canvaで、ランディングページを作ってみた15（良い例と悪い例の図の見せ方）

4

kinopi

2か月前
要件定義書の作成のコツ5（一覧画面の仕様検討の仕方）

私は、WEBシステムの要件定義書を作成したり、他の人が作成した要件定義書をレビューすることがあり、その過程で指摘することも多く、自分で作成する際にもどのように記載すればよりわかりやすい仕様書となるのか？を日々試行錯誤しております。「要件定義書の書き方をまとめたい！」という思いもあり、今回要件定義書の書き方をまとめてみることにしました！まだ一部分ですが、要件定義書を作成する参考になれば嬉しいです。要件定義書とは、サイトをどのような仕様にするかまとめたドキュメントのこと

kinopi

2か月前

3
要件定義書の作成のコツ5（一覧画面の仕様検討の仕方）

3

kinopi

2か月前
要件定義書の作成のコツ4（入力フォーマットの検討の仕方）

私は、WEBシステムの要件定義書を作成したり、他の人が作成した要件定義書をレビューすることがあり、その過程で指摘することも多く、自分で作成する際にもどのように記載すればよりわかりやすい仕様書となるのか？を日々試行錯誤しております。「要件定義書の書き方をまとめたい！」という思いもあり、今回要件定義書の書き方をまとめてみることにしました！まだ一部分ですが、要件定義書を作成する参考になれば嬉しいです。要件定義書とは、サイトをどのような仕様にするかまとめたドキュメントのこと

kinopi

2か月前

5
要件定義書の作成のコツ4（入力フォーマットの検討の仕方）

5

kinopi

2か月前
要件定義書の作成のコツ3（入力フォームの検討の仕方）

私は、WEBシステムの要件定義書を作成したり、他の人が作成した要件定義書をレビューすることがあり、その過程で指摘することも多く、自分で作成する際にもどのように記載すればよりわかりやすい仕様書となるのか？を日々試行錯誤しております。「要件定義書の書き方をまとめたい！」という思いもあり、今回要件定義書の書き方をまとめてみることにしました！まだ一部分ですが、要件定義書を作成する参考になれば嬉しいです。要件定義書とは、サイトをどのような仕様にするかまとめたドキュメントのこと

kinopi

2か月前

4
要件定義書の作成のコツ3（入力フォームの検討の仕方）

4

kinopi

2か月前
デザイン初心者が、canvaで、ランディングページを作ってみた14（付箋に手書き風文字）

デザインに関しては素人なのですが、最近canvaでサイトのデザインを実験的に作ってみてます！部分的なデザインを作っていますが、前回からの続きで「WEBシステムの仕様書が書けるようになるコツ」をテーマに、どのようなデザインが良いかを考えていこうと思います。今回は、以下「要件定義書の作成のコツ2（表示項目仕様の検討の仕方）」の記事を作成した際に作ったデザインについて、会話していこうかと思います！図の中で説明する際に、付箋のような背景に、手書き風の文字を配置して表現してみ

kinopi

2か月前

17
デザイン初心者が、canvaで、ランディングページを作ってみた14（付箋に手書き風文字）

17

kinopi

2か月前
要件定義書の作成のコツ2（表示項目仕様の検討の仕方）

私は、WEBシステムの要件定義書を作成したり、他の人が作成した要件定義書をレビューすることがあり、その過程で指摘することも多く、自分で作成する際にもどのように記載すればよりわかりやすい仕様書となるのか？を日々試行錯誤しております。「要件定義書の書き方をまとめたい！」という思いもあり、今回要件定義書の書き方をまとめてみることにしました！まだ一部分ですが、要件定義書を作成する参考になれば嬉しいです。要件定義書とは、サイトをどのような仕様にするかまとめたドキュメントのこと

kinopi

3か月前

7
要件定義書の作成のコツ2（表示項目仕様の検討の仕方）

7

kinopi

3か月前
デザイン初心者が、canvaで、ランディングページを作ってみた13

デザインに関しては素人なのですが、最近canvaでサイトのデザインを実験的に作ってみてます！部分的なデザインを作っていますが、前回からの続きで「WEBシステムの仕様書が書けるようになるコツ」をテーマに、どのようなデザインが良いかを考えていこうと思います。前回までに作っていた「要件定義書が上手く書けない！」の作成は一旦保留前回までは、以下「要件定義書が上手く書けない！」をテーマにデザインを検討していたのですが、（以下のようなイメージで記事を発展させていく予定だった）

kinopi

3か月前

5
デザイン初心者が、canvaで、ランディングページを作ってみた13

5

kinopi

3か月前

マガジン

GoogleやNotionなど、色々なAPIのリクエスト手順

デザイン初心者がCanvaでランディングページを作ってみた

要件定義書の作成のコツ

ナビつき！ つくってわかる はじめてゲームプログラミング

Lightsail Djangoを使用したWEBサイト構築

最近の記事

[JavaScript] CanvaとChatGPTで、ガチャを作ってみた

[JavaScript]テトリスのブロックを改造してみる

[JavaScript] ChatGPTでテトリスを作ってみた！

Docker build時にmysqlで、permission deniedでエラーになる件

[JavaScript] CanvaとChatGPTで、ガチャを作ってみた

[JavaScript]テトリスのブロックを改造してみる

[JavaScript] ChatGPTでテトリスを作ってみた！

Docker build時にmysqlで、permission deniedでエラーになる件

[JavaScript/Canva] ゲームクリアするとガチャ回せる仕組みを作ってみた

[JavaScript/Canva] ゲームクリアするとガチャ回せる仕組みを作ってみた

[JavaScript] ガチャの当たりキャラをCanvaのモンスターで作ってみた

[JavaScript] ガチャの当たりキャラをCanvaのモンスターで作ってみた

Amazon Lightsail スナップショット機能は、プラン変更する際や、バックアップに使用できる

Amazon Lightsail スナップショット機能は、プラン変更する際や、バックアップに使用できる

要件定義書の作成のコツ7（裏で状態が変わった時の考慮）

要件定義書の作成のコツ7（裏で状態が変わった時の考慮）

要件定義書の作成のコツ6（登録完了画面の仕様書を記載する際の注意点）

要件定義書の作成のコツ6（登録完了画面の仕様書を記載する際の注意点）

デザイン初心者が、canvaで、ランディングページを作ってみた15（良い例と悪い例の図の見せ方）

デザイン初心者が、canvaで、ランディングページを作ってみた15（良い例と悪い例の図の見せ方）

要件定義書の作成のコツ5（一覧画面の仕様検討の仕方）

要件定義書の作成のコツ5（一覧画面の仕様検討の仕方）

要件定義書の作成のコツ4（入力フォーマットの検討の仕方）

要件定義書の作成のコツ4（入力フォーマットの検討の仕方）

要件定義書の作成のコツ3（入力フォームの検討の仕方）

要件定義書の作成のコツ3（入力フォームの検討の仕方）

デザイン初心者が、canvaで、ランディングページを作ってみた14（付箋に手書き風文字）

デザイン初心者が、canvaで、ランディングページを作ってみた14（付箋に手書き風文字）

要件定義書の作成のコツ2（表示項目仕様の検討の仕方）

要件定義書の作成のコツ2（表示項目仕様の検討の仕方）

デザイン初心者が、canvaで、ランディングページを作ってみた13

デザイン初心者が、canvaで、ランディングページを作ってみた13

ナビつき！つくってわかるはじめてゲームプログラミング