strapi

今朝、公式メルマガ＆TwitterでStrapi4.3.0リリースの発表があり、TypeScriptサポートとなりました🎉 TS対応については先日書いていますが改めてリリース版を動かしてみます。 yasuda.cloud セットアップ 下記コマンドでプロジェクト作成を行います。前回と違うのは@latestの部分。 npx create-strapi-app@latest strapi4.3 --quickstart --typescript インストールするとpackage.jsonに最新の4.3.0が指定してあります。 "dependencies": { "@strapi/strapi": …

以前、Strapi Ver4の管理画面をGoogle/Cognitoアカウントでログインできるプラグインを作ったのですが、諸事情（商売上）の観点から公式マーケットプレイスの申請が却下されたことがあります。 個人的には思い入れのあるOSSだと思ってるのでマーケットプレイスに出せるようなプラグインを開発したいなーと思いました。 strapi-plugin-csv-upload とりあえずコードはこちらに。 GitHub - yasudacloud/strapi-plugin-csv-upload これは主に業務系のシステムを意識して、CSV形式のデータをStrapiのコンテンツタイプ（コレクション…

最近、Strapi公式の不定期メルマガに”TypeScript”というキーワードをよく見かけますが、色々調べたところどのマイナーバージョンもまだbeta版のようでした。 色々、というのは↓のように新機能／変更の情報が色んな所に書かれているためです。 GitHubのリリース https://github.com/strapi/strapi/releases?page=1 ロードマップ https://feedback.strapi.io/ フォーラム https://forum.strapi.io/ ブログ https://strapi.io/blog ちなみにメルマガ（ニュースレター）はこちら…

Strapiの公式ドキュメントにProcess managerというページがありpm2を使った例が紹介されています。 docs.strapi.io ですがこの例のまま設定すると本番環境のホストサーバーのCPUが2つ以上ある場合、CPUリソースが無駄になります。 例えばコアが2つある場合 pm2 start --name="sample" server.js -i 2 と実行するとパフォーマンスが向上します。 以下、一応検証した結果のまとめ セットアップ StrapiをローカルPCのDocker上で動作させます。 公式の手順に沿ってこんな感じでプロジェクトを作りました。 npx create-s…

先日、npmにStrapiプラグインを公開したので簡単にご紹介です。 strapi-plugin-ja-pack - npm 管理画面はデフォルトで英語になっています。 公式プラグインの@strapi/plugin-i18nをインストール＆有効にすると日本語になる部分もありますが、翻訳が足りていない部分もあるのでそれを補足するプラグインとなります。 ただし公式のcontent-type-builderなどのビルトインされているプラグインの中には翻訳のキーが当たっていないものがあるため一部は英単語が表示されたりしている状況です。 ちなみにStrapiはプラグイン毎に翻訳キーを持つことがほとんどの…

Strapiのプラグインシステムは良く出来ています。 先日、予告されていたマーケットプレイスが公開されたこともあり自分の知見をアウトプットしていきたいと思います。 プラグインの読み込み まず、プラグインの読み込みはnpm or yarnでインストールする方法とsrc/pluginsに置く方法があります。 npmはそのままで、npmに公開されているプラグインをインストールするだけで完了です。 src/pluginsに配置する方式は主に自分でプラグインを開発する場合に行われます。 例えば `yarn strapi generate`を実行してプラグインを作成するとsrc/pluginsに雛形が出来…

モダンなWEBサイト制作・WEBシステム開発では、いわゆるJamstackと呼ばれるアーキテクチャを採用することが増えています。 このようなアーキテクチャを採用する場合はFirebaseのようなmBaaSを利用したり、自身でAPIを開発したり、データを永続的に保存するための方法が必要です。 APIを開発する場合、LaravelやCakePHPなどのフレームワークを利用して開発することも可能ですが、少なくない工数が発生します。 Strapiはオープンソースで開発されているHeadless CMSで、初期設定さえエンジニアが行えば誰でも管理画面を通じてGUIでAPIを作成できます。 strapi.…

概要 Web アプリを開発したことのある開発者にとって、各自で API を作成したことは 1 度はあるのではないでしょうか。 そんな API の作成ですが、1 人で作成するならまだしも大勢で API を作成するとなると、既存の API がすでに作られていないか、似たような API がすでに作られていないか、既存の API と今回新しく作成しようとしている API で機能が似ている部分はないかなど、確認に手間がかかることがありますよね。 そんな API 作成ですが、今回はそのような悩みを解決することができる OSS を見つけましたので、ご紹介します。 今回ご紹介する OSS は、手間をかけずに …

ONLYOFFICE Docsは、GNU AGPL v3.0で配布されているオープンソースのオフィススイートです。テキスト文書、スプレッドシート、スライドの共同編集ツール、フォームクリエーター、PDFビューアーや変換サービスから構成されています。コアフォーマットとしてOOXMLを採用しています。 ONLYOFFICE Docsは、CMSフレームワーク（WordPress、Strapi、Drupal）、コラボレーションプラットフォーム（ONLYOFFICE Workspace, Nextcloud, Seafile, Confluence, Alfresco）、課題追跡システム（Jira、 Re…

今回はバックエンドAPIでページネーションをどうやるかについての話なので、よくある無限スクロールUIのようなフロントエンド側の実装に関する話はしない。あくまでもAPI、もっと言えばRESTfulなAPIのリクエスト・レスポンスにおけるページネーションの話。 本気で深く考えるというよりざっくり検討したときの話です。 はじめに REST APIを実装するにあたってリスト系のAPIを提供する場合に必須といっても過言ではないのがページネーション。大量のリソースをレスポンスする場合にそれらを一気に返してしまうことは応答速度、転送量、クライアントサイドでの扱いづらさなどなどに繋がるので必須と言える。 最近…

偵察／スキャン nmapでスキャンします。 ┌──(kali㉿kali)-[~] └─$ nmap -T4 -P0 -sC -sV -A -p- 10.10.11.105 Starting Nmap 7.92 ( https://nmap.org ) Nmap scan report for 10.10.11.105 Host is up (0.18s latency). Not shown: 65532 closed tcp ports (conn-refused) PORT STATE SERVICE VERSION 22/tcp open ssh OpenSSH 7.6p1 Ubuntu…

とあるサービスのサーバーにLightsailを使用しています。 インスタンスはデータの管理画面とバッチ（CRON）の２つの機能があり、クライアント側から直接アクセスすることはありません。 そのため、実稼働的には１週間のうち３時間弱程度しか使っていないという状態です。この場合EC2の方が停止してコストカットできて良いのではと思うかもいるかもしれませんが、インスタンスタイプが安めなのと後に別の要件が入ることを考慮すると妥当な判断だと思ってます。 とはいえ最近はサイバー攻撃が増えているので、今までなおざりにしていたメトリクスの追加を行いました。 記事はこちら。クラスメソッドさんいつもお世話になってま…