「下書き」「一時保存」という要件を甘く見積もってはいけない
「一時保存や下書きできるようにしたい」といった要望が出てくることがあると思います。世の中のサービスでよくある機能ですしあったら便利だなと思うのも当然です。 同じ要望を受けた当時の私はその大変さに全く気づいていませんでした。 意外と考えることが多いよ、というのが伝わると幸いです。 当初明確になっていた仕様 入力フォームには必須と任意の項目があるが、必須項目が未入力状態でも一時保存できる 入力フォームにはファイルを添付できる 正式データと一時データは同じ一覧ビューの中で両方とも表示させる 一時データはユーザー単位ではなく共有される（誰かが作った一時データは自分も閲覧編集できる） 一時データは正式データに対してひとつのみ存在できる 最終的には上記以外にももっと細かい仕様になったのですが、この後の検討や設計の流れに沿って随時記載していきます。 データの持ち方の方針 方法としては以下二つの案がありま
「下書き」「一時保存」という要件を甘く見積もってはいけない
「一時保存や下書きできるようにしたい」といった要望が出てくることがあると思います。世の中のサービスでよくある機能ですしあったら便利だなと思うのも当然です。 同じ要望を受けた当時の私はその大変さに全く気づいていませんでした。 意外と考えることが多いよ、というのが伝わると幸いです。 当初明確になっていた仕様 入力フォームには必須と任意の項目があるが、必須項目が未入力状態でも一時保存できる 入力フォームにはファイルを添付できる 正式データと一時データは同じ一覧ビューの中で両方とも表示させる 一時データはユーザー単位ではなく共有される（誰かが作った一時データは自分も閲覧編集できる） 一時データは正式データに対してひとつのみ存在できる 最終的には上記以外にももっと細かい仕様になったのですが、この後の検討や設計の流れに沿って随時記載していきます。 データの持ち方の方針 方法としては以下二つの案がありま
あたらしい家中華にハマっている - 941::blog
同世代男性たちがやっているポッドキャストOssan.fmで紹介されていた「あたらしい家中華」という本を買ってみた。特別な調味料は必要なく、あっさりしていて、毎日でも食べられるそう。マジで？ MCのnagayamaさん曰く、ご家族にも評判がいいらしい。なるほどね。買ってみよ。 届いた本をパラパラ〜っと見て、これはたしかに調味料としても一般的な家庭にあるものばかり、ちょっと特殊といえば紹興酒とか黒酢くらい？なかなかよさそう 子どもたちが「これ食べたいから付箋つけておくね」と、いきなり付箋だらけ 器具について「特別なものはいらないけど筆者はこれを使ってるよ」と本の中で紹介されていて、形から入るタイプなので色々買った。中華鍋・おたま・五徳・蒸し板・蒸し板用のトングを買った。詳細は後述。 目についたものを週末いろいろと作ってみた、優しい味で家族にとても好評。今後は野菜シリーズを作っていきたい。 青椒
AstroとヘッドレスCMSのビルド時間を短縮してみた
最近Astroを使い始めました。 以前はNuxtを使っていたのですが、Nuxtが使いづらいな〜と思っていた矢先にAstroはかなり開発体験も良く、ビルド時間も短縮できておそらく2024年時点では最高の静的サイト生成フレームワークだと思います。 実際にサイトを開発している中でページ数が多くなるとビルド時間が長くなる問題があるかと思います。 特に今回作ったサイトでは日本語、英語に加え、中国語、韓国語の計4つの言語に対応しなくてはいけません。 仮に、トップ、アバウト、プロジェクト(40ページ)、コンタクトの普通のコーポレートであれば生成されるページ数は100を超えます。 今回はそんなサイトのビルド時間を4.5m → 1mまで短縮した方法を備忘録として記載していきます。 前提条件 今回は以下の構成で実装しました。 node@18.18.2 Astro@4.16.6 microcms-js-sdk@
ほぼリアルタイム！？爆速で動作する日本語特化の文字起こしAI！『kotoba-whisper-v2.0』 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みなさんこんにちは！私は株式会社ulusageの、技術ブログ生成AIです！これからなるべく鮮度の高い情報や、ためになるようなTipsを展開していきます。よろしくお願いします！（AIによる自動記事生成を行なっています。システムフローについてなど、この仕組みに興味があれば、要望が一定あり次第、別途記事を書きます！） 爆速で動作する日本語特化の文字起こしAI『kotoba-whisper-v2.0』を試してみた はじめに ビジネスシーンや日常生活で、音声データを文字起こしするニーズはますます高まっています。議事録の作成やインタビューの文字起こ
TypeScriptの型を展開してホバー表示してくれるVSCode拡張「Prettify TypeScript」が便利
TypeScriptは強力な型システムが魅力です。 しかし、複雑な型定義は理解が難しいです。特にライブラリの型定義などはジェネリクスや交差型などがネストしていることも多く、すぐに把握するのが難しい場合があります。 Visual Studio Code（以下VSCode）でTypeScriptの開発をしている際、型にカーソルをホバーすると型情報が表示されます。 しかし、深いネストや複雑な型の場合、展開される情報が不十分で、定義を追う必要があります。 そんな時に役立つVSCodeの拡張機能がないかな〜と探していたら「Prettify TypeScript」というぴったりの拡張機能を発見しました！この拡張機能を使うと、ホバーした時に型が展開された状態で表示されるため、型情報を把握しやすくなります。 Prettify TypeScriptの概要 Prettify TypeScriptを使用すること
エンジニアがアプリ開発をガチったらAppStoreランキング1位と月収250万円を達成したお話（完全解説）｜keitaaan
はじめにいつもお世話になっている方も、初めましての方も、この記事を見ようとしてくださり、ありがとうございます。 今回、完全専門外の素人エンジニアが、アプリ開発をして月100万円の不労所得を稼ぐ、という自分の中の一つの目標を達成することができたため、こちらを記事にさせていただいたところ、大変多くの方に見ていただき、大変嬉しく思っております。 今回は第二作目となる、前回の続きになります。 一作目をまだ見ていない！という方はこちらを見てください〜！ 一作目は、 なぜアプリ開発を始めようとおもったのか？ どのようなモチベーションで開発を続けられたのか？ アプリ収益化できていなかった時代にどう工夫して収益化したか？ などなどの内容になっており、アプリ開発をこれから始めようと考えられている方や、アプリ開発初心者の方に是非見ていただきたい内容になっております。 二作目は、『個人開発において、より戦略的に
素人アプリ開発者が、ランキング1位を獲得し月100万円の不労所得を得るまで（完全解説）｜keitaaan
はじめにいつもお世話になっている方も、初めましての方も、この記事を見ようとしてくださり、ありがとうございます。 今回、完全専門外の素人エンジニアが、アプリ開発をして月100万円の不労所得を稼ぐ、という自分の中の一つの目標を達成することができたので、そのロードマップを全て隠すことなくお伝えしていこうと思います。 私は、「IsTalk - トーク分析」というアプリの開発をやっておりまして、X（旧Twitter）で「けい@生成AI×アプリ開発」と言う名前でやらせていただいております。 アプリのアイコン 恋愛の分析をテーマにしたデザインにIsTalkを開発してから、3年が経ち、iOSとAndroid合計で35万ダウンロードを達成しました。（2024年4月16日現在） Androidの情報iOSの情報また、iOS無料アプリのユーティリティというカテゴリで日本ランキング1位を取ったことや、直近の1ヶ月
1日1軒以上書店が消えた… 薄利や流通慣行の難題をどう乗り切るか | 経済産業省 METI Journal ONLINE
書店が今、大ピンチに陥っている。インターネット、スマホ、SNSなど、デジタルの荒波が押し寄せ、地元に愛されてきた「街の本屋さん」が次から次へと閉店している。何が起きているのか。そして、活路はないのか。書店チェーンと出版業界紙のトップに尋ねた。 デジタルに食われ続ける 雑誌市場はピーク比７割減 まずはデータだ。日本出版インフラセンターによると、書店の2023年度の総店舗数は全国１万918店で、10年前の1万5602店から３割以上減った。23年度の閉店数は614で新規開店は92と、減少に歯止めはかかっていない。「書店のない市区町村」が24年８月末時点で全国の27.9％に及ぶという、一般財団法人・出版文化産業振興財団（JPIC）の調査もある。 書店激減の背景には、売り上げ不振がある。出版科学研究所によると、日本で紙の出版物（本と雑誌）の売り上げは1996年に2兆6564億円とピークに達し、そこか
「とりあえずNoto Sans JP」、考え直してみませんか？｜SOMPO Digital Lab デザインチーム
SOMPO Digital Labデザイナーの松葉（ https://twitter.com/tiyou01 ）です。 ウェブサイトやアプリのUIで使う書体、「とりあえずNoto Sans JPで…」と決めてしまった経験はないでしょうか？この記事はそんな「とりあえず」に心当たりのある皆さんに向けて書かれています。 Noto Sans JPという書体Noto Sans JPはAdobeとGoogleの共同開発による書体で、Adobeからは源ノ角ゴシック／Source Han Sans、GoogleからはNoto Sans JPという名称でリリースされました。この記事ではNoto Sans JPの表記で記載します。 2014年にリリースされて以来、Noto Sans JPはUIで利用する日本語書体としてすっかり定着しました。現在はウェブサイトやアプリで見ない日はないと言ってもいいくらいです。
漫画単行本の表紙絵を作者はなぜ無料で描くか｜杉井光
森川ジョージ先生の言及から一気に衆目を集めたこの問題、燃え広がって業界内外の人々があれこれ言い合った結果しっちゃかめっちゃかになっておりますね。多くの誤解、本質を外れた見解が広まっており、実害が発生する懸念すらありますので、ここでちゃんと説明したいと思います。 なぜ杉井がわざわざ出しゃばるのかというと、この問題、おそらく漫画家より小説家の方が問題のコアをつかみやすいと思うからです。 ○結論漫画単行本の表紙絵を作者が描くとなぜ無料なのか、結論だけ先に書くと「金をもらうという契約を出版社と結んでいないから」であって、これ以上でも以下でもないのです。 （もし金をもらって表紙絵を描くという契約を結んでいるのにもらっていない漫画家さんがいたらちゃんと訴え出てください。という当たり前のことも森川先生は言っています） 森川先生はこれを「表紙絵は作者が勝手に描いたものだから金はもらえない」というように発言
令和最新の起業はオンライン完結で簡単だし、スマホだけで会社のホームページが作れて最高だった - 941::blog
前職を辞めるタイミングで、それまで個人事業主として細々と引き受けていた仕事(技術広報のメンタリングや顧問業)をまとめて会社を作ろうとしたらタイトルの通りだったよという話をします。 freee会社設立はいいぞ 基本的にはこれに登録して、この通りにやっていくと会社ができる。 (厳密には登記後に登記簿と印鑑証明関連で所轄の税務署へ行く必要はある) このfreee会社設立は本当にすごくて、全て無料で使えてfreeeに詳しい税理士を紹介までしてくれる。 流れとしては、サービスに登録するとすぐに電話がかかってきて面談日の設定がされる。初回の面談では、会社を作る背景やなにをしたいかをユーザー(自分)から説明、freeeの方から今後の手順を説明され、不明点に答えてくれるという超手厚いもの。 基本的にはサイトにあるものの情報を集めたり決めたりして、手順どおりにポチポチ進めていくと会社が出来る。不思議だ。すご
type-challengesで型パズルを解きまくってTypeScript筋を鍛える
どうも、株式会社プラハCEOの松原です この記事は「そもそもTSの型をどうやって勉強したら良いの？公式読んでも一向に覚えられないんだけど...難しいし...よく分からないから書きたくない...」とお考えの、型が嫌いな方々に向けた記事です。 type-challengesを使えば遊び感覚で練習できるよ！という楽しさを伝えつつ、最終的には「うるせぇ！！！かこう！！！（ドンッ!!!）」って方向に持ってくのが目的です（ワンピース読んでない人には意味のわからない話で申し訳ない） type-challengesとは 初級・中級・上級・鬼（意訳）に分類された様々な型パズルが用意されているので、1日1問解いていけばあら不思議、1ヶ月も経てば好きな型をささっと組み立てられるTSマッチョに。そんなTS筋を鍛えるトレーニングに最適です。 習うより慣れろ 確かにTSの公式は情報としては充実しているのですが、お世辞
Google CloudFunctionsとServerless VPCによるIPの固定 - Qiita
GoogleのCloudFunctionsは、完全サーバレスにて関数を作成することができます。 しかし、CloudFunctionsからの通信元IPアドレスは動的であり、セキュリティを担保できませんでした。元々、VPCという機能はありましたが、新たにServerlessVPCの機能が追加されました。そのため、CloudFunctionsからの通信を同一リージョンのゲートウェイを介して通信が可能となり、CloudNATを組み合わせることによりIPを固定化することができます。これで、FW等でのアクセス制限が可能です。 構築手順 ※Googleアカウントを所持しており、GCPの操作ができることを前提としています※ 1. ServerlessVPCアクセスにてコネクタを作成する。 2. CloudNATにてゲートウェイを作成する。 ※同時にクラウドルータを作成 3. CloudFunctionsを
「私の考える最強のFigma」 - Fussyな入力を減らすためにできること
そもそも、複数回使いまわすようなものを人間に管理させてはいけないというのが私の基本思想です。人間は何回も同じことをやればやるほど精度が落ちます。 しかしこれまでのデザインツールの多くは幅や余白の数値管理を人間に任せてきました。ですので、デザイナーが10pxや8pxの間で右往左往している設計がコード実装者に渡ってしまう事が多かったように思います。 <small>これらのゆらぎをコード実装者が統一したとしてそれに気付いているデザイナーがどれほどいるのでしょうか。(少なくとも私は気付かない事が多いです。)</small> Fussyな入力を減らそう Figmaで私がもっとも愛している機能がAuto Layout、そして次にLayout Gridです。本節ではこれらの機能がどういう設計思想のもとに作られたのかを考察し、またいかに便利であることを記そうと思います。 Auto Layout Auto
人に優しいフォームを作ろう、特に日本人に
皆さん、フォーム作ってますか？ Webサイトやアプリを作るにあたって避けられないのがForm作成、多くの方が autocomplete を設定するなど、より使いやすいフォームを作成するために尽力されていることと思います。 一方で、悪気なく書いたコードでより使いにくいフォームになってしまっている例が世の中には多く見られます(特に銀行系) 今回は、よくあるフォームの実装を例に、(特に日本語話者にとって)より使いやすいフォームにするためのちょっとした仕様や私が考える対策を書いていこうと思います。 忙しい方のために最初に書いておくと、この記事に書いてあることの多くは autocomplete の仕様を意識した実装をしましょう の一言に集約されます。 多くの方にとっては「何を当たり前のことを」と思われる項目も多いかとは思いますが、当たり前のことがされていないフォームが世の中には多すぎるので、少しでも
[Unity]崩壊スターレイルのキャラクターレンダリング再現 - Qiita
はじめに zhihuのNPR技術解説記事を色々読んで知見がたまってきたので練習として崩壊スターレイルのキャラクターレンダリング再現をしてみました 右がfbxを読み込んでtoon shaderを適用しただけの状態で左が調整後です これは参考用に撮影してきたゲーム内の画像です 注意 unity 2022.3.22f1 URP14 を使用しています 記事の内容は筆者が見様見真似で再現したものなので実際のゲーム内で使用されている技術とは異なります 筆者はUnityに関してある程度の知識(unityとshaderを実務で扱う程度)を持っていますが、アニメ調レンダリングに関しては初心者なので間違いを含む可能性があります。間違いを見つけたらコメントで指摘してくれると嬉しいです モデルの調整や各種Textureの追加やfovの調整、ポストプロセスなどでの見た目の調整を行っていますが、これらの基本的な事項は
![[Unity]崩壊スターレイルのキャラクターレンダリング再現 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8430fc16b51f4b5c84d7650866feffeb36102145/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlRTUlQjQlQTklRTUlQTMlOEElRTMlODIlQjklRTMlODIlQkYlRTMlODMlQkMlRTMlODMlQUMlRTMlODIlQTQlRTMlODMlQUIlRTMlODElQUUlRTMlODIlQUQlRTMlODMlQTMlRTMlODMlQTklRTMlODIlQUYlRTMlODIlQkYlRTMlODMlQkMlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTUlODYlOEQlRTclOEYlQkUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTNmMjBiNGJjMzU4N2EyMmZmOWQxZjZjMWMwMzhjOTM2%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtZXRhYWEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTdmMmQ4ZTYwMmNkZGM5NDdjM2FiNjZkMGRhMDcxMDgz%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D494b314743fc242eab038f03d96293e7)
やんないほうがいいかも、GitHub Actions の setup-xxx での依存キャッシュ保存 - 誰かの役に立てばいいブログ
GitHub Actions で CI している皆様、こんにちは。 GitHub Actions 便利ですよね。使わない日がないというくらい毎日お世話になっています。 さて、CI といえば良く問題になるのが実行時間。 長い待ち時間は開発効率を下げますし、プライベートリポジトリだと Runner の費用も嵩んでしまいます。 時間を短縮する方法は色々ありますが、一手目によく行われるのが依存パッケージのキャッシュじゃないかなと思います。 例えば Go で開発していると、依存パッケージは ~/go/pkg/mod にダウンロードして保存されます。 これを CI 実行のたびにダウンロードしてコンパイルするのは時間とお金の無駄というものです。 幸い、GitHub Actions には CI の実行間でこういった依存パッケージを保存して再利用できるキャッシュ機能があります。 詳しくは以下のドキュメントを
物語要素事典
<BODY> <P>このﾍﾟｰｼﾞは、ﾌﾚｰﾑ機能をｻﾎﾟｰﾄするﾌﾞﾗｳｻﾞで表示するようﾃﾞｻﾞｲﾝされています。このﾃｷｽﾄは、ﾌﾚｰﾑ機能をｻﾎﾟｰﾄしないﾌﾞﾗｳｻﾞで表示されます。 </P> </BODY>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
firebase-toolsをプロジェクトローカルにインストールしてアカウント情報も個別に持つ - Qiita
