ども！「だるだるし」です 今回は先日公開した 株式会社NEXS の「フォトフリ」という画像素材共有サービスについて書いていきます． Nuxt.js使っててなんでバックエンドはNode.jsじゃないねん，とか思われると思いますがその辺りも含めて まあ，自論詰込みの読み物です 画像素材共有サービス「フォトフリ」を作成した まず「フォトフリ」とは何ぞや，というのはリンクを参照してください． グッズや成人向け作品等にも使用可能という自由さ，1日ダウンロード数制限などの厄介な制限が無いことが売りの画像素材共有サービスです． 製作期間 1週間くらいです こまごまと修正を重ねているので現在10日くらいと思います 爆速...だよね？？ 高速で開発します，ご依頼是非（ダイマ） 言語，ライブラリ，フレームワーク，環境等 JavaScript（フロント，言語） Vue.js Nuxt.js Vuetify PH

「Node.jsを使えるレンタルサーバーが知りたい。レンタルサーバーでNode.jsアプリを公開したい。」 Node.jsを使って開発をしている方なら、思ったことがあるのではないでしょうか。 この記事では、Node.jsを使えるレンタルサーバーと、Node,jsアプリを公開する具体的な手順を解説します。実際に僕が公開したサンプルも用意しました。

2. 「SSHアクセス」をクリック cPanelメニュー「セキュリティ」＞「SSHアクセス」をクリックします。 3. 「SSHキーの管理」をクリック 「SSHキーの管理」をクリックします。 4. 「新しいキーの生成」をクリック SSHキーの管理から、「新しいキーの生成」をクリックします。 5. 公開キーの生成 KeyName 公開キーの名前です。通常はデフォルトで問題ありません。 キーのパスワード・パスワードの再入力 キーのパスワードを入力します。このパスワードは、SSH接続時に毎回使用するものになります。パスワード生成ツールを使って強力なパスワードを自動生成することもできます。 キーの種類 キーの種類を選択します。通常はRSAで問題ありません。 キーサイズ キーのサイズを選択します。数字が大きいほどキーが長くなり、セキュリティ強度が高くなります。通常は2048以上を選択してください。 入

サイト開発の初期で課題になることの一つに開発途中でダミー画像をどうするかという問題があります。 多くのプロジェクトではAPI連携などが完了して正式な画像で開発できるようになるのは開発終盤になることもあり、それまでつなぎのダミー画像をどう見せるかは悩みどころです。 デザインカンプなどから書き出して静的に配置しても良いのですが、手間がかかる上にダミー画像が削除されず本番データとして残り続けることがよくあります。 https://placehold.jp/ といったプレースホルダー画像用のサービスもありますが、開発途中のサイトで外部サービスを利用することのセキュリティ的な懸念もあります。 Next.js(App Router)にはImageResponseという画像生成が手軽にできる機能がありますのでプレースホルダー画像を自作してしまえば、前述の問題や懸念を取り払うことができるようになります。

※sharpは画像リサイズ用のライブラリです（https://sharp.pixelplumbing.com/） ファイル構成は下記のような形にします。index.htmlは中身適当でいいですが、下記に一応自分のを置いときます。 私の画像はwaifu diffusionで生成したものを利用していますが、何でもOKです。（jsのサイズ指定部分を合わせて変更して下さい。） . ├── images │   ├── 1.png │   ├── 2.png │   ├── 3.png │   ├── 4.png │   ├── 5.png │   ├── 6.png │   ├── 7.png │   ├── 8.png │   ├── 9.png │   └── 10.png ├── index.html ├── index.js ├── node_modules ├── package-loc