フルタイムで働く6児の母が副業でゲームを作った話を聞いたら「天才すぎて何の参考にもならねえ」と思ってしまった話
こんにちは。ヨッピーです。 写真は作者である「まるでゆきみ」さんの才能にビックリして固まっている僕です。 本日お邪魔しているのはNintendo Switch向けに配信されている「ツクールシリーズ るんるんスーパーヒーローベイビーズDX」の作者である「まるでゆきみ」さんのご自宅なのですが、なんとこの「まるでゆきみ」さんは金融機関で正社員として働く傍ら、6人の子どもを育てつつ、合間を縫ってこのゲームを完成させたそうです。 6人も子どもが居たら普通に働くだけでも大変そうなのにゲームまで作ってしまうって、「いったいどういう環境でゲームを作ってるのか」「どうやって時間を捻出しているのか」などなど、お話を聞くことで「いつかゲームを作りたい！」と思っている人の参考になれば、と思って取材に来たのですが、お話を聞いているうち「この人が天才すぎて、話を聞いてもなんの参考にもならないのでは？」と思ってしまいま
PrismaでWhere条件を動的かつ型安全に実装する方法 - Qiita
はじめに WebAPIの仕様としてリクエスト時に与えられたパラメータに応じて、WHERE句を動的に生成するケース(検索など)はよくあるが、それをPrismaで型安全に実装する方法について。 環境 TypeScript：4.7.4 Prisma：4.8.0 Provider：MySQL テーブル定義 usersテーブルに名前(name)と年齢(age)がカラム定義されている。
SaaSビジネスの収益リテンション（維持）の改善または悪化を直感的に可視化する - Qiita
レイヤーケーキ・チャートを使った収益の可視化 SaaSなどのサブスク型のビジネスでは、収益リテンション（維持）の改善または悪化を理解するために「レイヤーケーキ・チャート」がよく利用されます。 この「レイヤーケーキ・チャート」は以下のような顧客のサービスの利用開始タイミングで収益を色分けしたエリアチャートです。 各月のチャートの頂点が毎月（あるいは毎年）の総収益となるため、時間の経過とともに収益が増えているのかを確認できます。 また色分けされたグループに注目すると、例えば、2019年の5月にサービスの利用を開始したグループから得られる毎月の収益がどのように変化しているのかを理解できます。 どのようなサービスでも、顧客はいつかはキャンセルしてしまうため、各グループから得られる収益は一般的に、時間とともに減っていく傾向があります。 しかしプロダクトの改善やオンボーディングによって、顧客がサービス
NextjsのAppRouterとNextAuthでSessionProviderを使うときのメモ
環境:next "13.4.19", next-auth: "4.23.1", next-auth:seesion:strategu:"jwt", next-auth:providers:CredentialsProvider NextjsのApp RouterでNextAuth.jsを使っていて、useSessionを使いたいときには以下のようにSessionProviderでラップするみたいですが、 import { NextAuthProvider } from "./lib/Providers"; /// 省略/// export default async function RootLayout({ children, }: { children: React.ReactNode }) { return ( <html lang="ja"> <body > <NextAuthPr
Conventional Commits
Conventional Commits 人間と機械が読みやすく、意味のあるコミットメッセージにするための仕様 Conventional Commits 1.0.0 概要 Conventional Commits の仕様はコミットメッセージのための軽量の規約です。 明示的なコミット履歴を作成するための簡単なルールを提供します。この規則に従うことで自動化ツールの導入を簡単にします。 コミットメッセージで機能追加・修正・破壊的変更などを説明することで、この規約は SemVer と協調動作します。 コミットメッセージは次のような形にする必要があります: 原文： <type>[optional scope]: <description> [optional body] [optional footer(s)] 訳： <型>[任意 スコープ]: <タイトル> [任意 本文] [任意 フッター] あな
プロに依頼するほどでもない画像加工を自分でこなすには？ 「AIを使って画像をどうにかきれいにしたい」人を救う、実務で使えるツール
自然言語でWebサイトを作れる「Create」 KEITO（以下、KEITO）：はい。次は、今ものすごく話題になってる「Create」です。 池田朋弘氏（以下、池田）：知らないです。 KEITO：ご存じないですか。この1週間でめちゃくちゃ話題のサービスになっていて、自然言語でWebサイトを作れるものなんですけど。ChatGPTでもコードを吐き出したりできるので、Webの形を作るのはなんとなくできそうだとは思うんですけど。Createだと、その作ったWebサイトに機能を入れることができるんですよね。 具体的に言うと、この右側が、僕が作ったやつです。「KEITOチャットAI」と言って、「こんにちは」と送れば、裏側でChatGPTが動作してしっかりと返してくれる。このチャットボットを、本当に30分ぐらいで作りましたね。しかも僕、プログラミングなんて一切できないので。本当に自然言語だけで「チャット
【Docker】postgresqlの構築
はじめに Dockerでpostgresqlを構築します。 Docker Hubで配布されているものを利用しています。詳細は、こちらを参照してください。 目標 postgresqlが構築できていること サービス起動後、sqlを実行し以下のことができること DB作成 スキーマ作成 ロールの作成 権限の追加 テーブルの作成 テストデータの追加 postgresqlの設定を変更できること （１）簡単に作ってみる docker-compose.yml 作成 version: '3' services: db: image: postgres:14 container_name: postgres ports: - 5432:5432 volumes: - db-store:/var/lib/postgresql/data environment: - POSTGRES_PASSWORD=passw
Next.js × Prisma × PostgreSQLの開発環境をdockerを使って構築する
初めに Next.jsでのアプリケーション開発を行うにあたって、環境構築をした際の備忘録を記していきます。 この記事でやらないこと Next.js、Prisma、Dockerについての詳しい解説 手順 Next.jsアプリケーションを作成 PostgreSQLのコンテナ作成 Prismaのインストール dbコンテナ立ち上げ時にcreate文を実行するようにする makeコマンドでdocker compose 〇〇が立ち上がるようにする 動作環境 Mac Apple M1 Pro Docker version 24.0.5 Docker Compose version v2.20.2-desktop.1 いざ、環境構築 ここからは実際にコンテナを作成して環境構築していきます。 ※あえて順を追って書いているため、結論だけ知りたいねん、という方はページ下部までジャンプしていただけるといいかと思い
【Next.js】NextAuth×Firebaseで認証管理 in appディレクトリ
はじめに Next.js 13から利用可能になったappディレクトリでは、コンポーネント単位でSSRができるのでよりUXを向上させる実装が可能になりました。 個人開発者の強い味方であるFirebaseと合わせて利用するために、NextAuthとFirebase Authenticationを利用して、サーバサイドでも認証情報を参照できるようにするやり方の紹介です。 今回はEメール&パスワードを用いた認証を利用しますが、基本的にFirebase Authenticationが用意しているどの認証方法でも利用可能です。 前提条件 今回の記事で利用しているライブラリのバージョンは下記のとおりです。 { "name": "auth-test-app", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "bui
【Next.js】RSCから見るレンダリングの変遷（MVC〜RSC）
はじめに 最近、「App Routerで開発すること多いけど、RSCを最大限活用できていないのでは？」と思ったので、MVCアーキテクチャからRSCにかけてのレンダリングの変遷を調べ、どのようにしたら、RSCにおける良い実装ができるかを学習したので、その内容をまとめたいと思います。 本記事では、MVC〜RSCの変遷を記述しているのですが、具体的には、以下の順で解説しています。 1.MVC 2.SPA 3.SSR 4.RSC これらのレンダリングの変遷を見ていき、RSCでどのように実装したら、よりパフォーマンスの良いフロントエンドを開発できるかを解説しようと思います。 MVCアーキテクチャ まず、MVCではどのようにレンダリングしていたかを解説します。 図にすると以下のようになるかと思います。 MVCでは以下の順で処理を行っていました。 1.クライアントからリクエスト 2.Routingに基づ
「Evernote」は終わるどころかAI機能が追加され進歩している件
Evernoteの日本法人解散というニュースが4月27日に流れました。以前のEvernoteからの変化を追っているものとしては、「特に不思議はない」という感じではあったのですが、それを知らない皆さんにとってはショッキングなニュースだったようで、中には「もうEvernote終わりですか」という印象を持たれた方もいたようです。 この点については、すでにEvernote Japanから「ご安心ください」というアナウンスが出ています。とはいっても、「最近のEvernoteどうなの？」「大丈夫なの？」という印象を持ってしまう人がいるのも致し方がないといえばないかなとも思います。私は以前、Evernoteでアンバサダーをやっていたこともあり、実際に相談というか、問い合わせというようなものも受けました。 今回の日本法人解散が、Evernote全体に何か影響があるとかというと「ほぼ何もない」ということでい
NextAuth.js × PrismaでGoogle Accountで認証機能を実装しよう
はじめに どうも、どすこいです。 勉強で、Nextjsで認証機能付きのをブログを作ってみたいと思いこの記事を作成した次第であります。 今回は、タイトルにもありますように、Next.jsとNextAuth.jsとPrismaでGoogle Accountで認証機能を作ります。 私が実際に作った手順をアウトプットするための記事になっています。 初心者の記事ですので間違いなどありましたら、指摘してください。 対象読者 ・NextAuthで認証機能を作ってみたい方 ・Prismaを使ってみたい方 ・自作のポートフォリオに認証機能をつけたい方 使用する機能 ・Next.js ・Prisma ・NextAuth.js ・Docker ・Postgresql Next.jsのプロジェクトを用意する 今回はTypeScriptを使用します。
アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？
グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって
ニューラルネットワークの仕組み | Chapter 1, 深層学習（ディープラーニング）
この動画は3Blue1Brownの動画を東京大学の学生有志団体が翻訳・再編集し公式ライセンスのもと公開しているものです。 チャンネル登録と高評価をよろしくお願いいたします。 近年さまざまな分野で成果を出しているニューラルネットワーク。神経細胞を模したニューロンの多層構造による深層学習（ディープラーニング）の仕組みについてのシリーズの第一回です。 誤字訂正 14:16 バイアスのベクトルの最後の添え字はnではなくkです 編集 シリーズ第1回のみ英語版で赤緑の色分けになっている箇所があり、日本語版では青緑の色分けに変更しています。 線形代数シリーズ https://youtube.com/playlist?list=PL5WufEA7WHQGX7Su06JzbPDXUQGOd0wlq&si=dnM07l6OnnAP6Phs Michael Nielsenの本 https://goo.
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
頂き女子が詐欺師なのに被害者が悪いといって被害者のおぢを過剰に攻撃してしまうる理由は「公正世界仮説のせいかも？」というお話
リンク note（ノート） 頂き女子りりちゃんの被害者に対する二次加害まとめ｜Nero Report 頂き女子りりちゃんの被害者（お金を騙し取られた男性）に対する二次加害や反応などをまとめてみました。 ちなみに、りりちゃんの罪はだいたいこんな感じです。 頂き女子りりちゃんの求刑13年が重いとか言われてるけど ・被害額1.5億円以上＝1億円で懲役5年コース。1.5億だから7～8年 ・4000万円の脱税（所得税法違反がプラス） ・被害弁済なし ・恋愛詐欺マニュアルを販売して第三者に詐欺を行わせた ・求刑からだいたい2割引の判決 と考えると、妥当すぎるよ — 篠原 修司 (Shuji Shinohara) ｜フ 346 users 43 けんすう - きせかえNFTの「sloth」 @kensuu 【Q】 頂き女子が詐欺師なのに被害者が悪いとか頂き女子を庇う人も詐欺に遭いやすいんじゃないですかね
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Auth.js v5 のセットアップ & ログイン機能の実装
特報『ヤニねこ』実写映画化！！ | ヤンマガニュース | ヤンマガWeb
Chietta | 技術記事プラットフォーム
なか卯でエリアマネージャー的な人が外国人に指導してたんだが食事しながら聞いてると自身のスキルアップが止まらなかった話…食べ終える頃にはまさかの結果に
