Headless CMSと静的サイトジェネレータ「Gatsby」を使ったサイトの構築 - Qiita
はじめに（Headless CMSとは） Headless CMSを一言で説明すると「コンテンツを表示する機能を持たず、APIでコンテンツの配信を行うCMS」になります。従来のCMSはコンテンツを管理するバックエンドの機能とコンテンツを表示するフロントエンドの機能が一体となっていますが、Headless CMSでは画面テンプレートのようなフロントエンドの機能を持っていません。従来のCMSをCoupled（一体型） CMSと呼ぶのに対して、Headless CMSをDecoupled（分離型） CMSと呼ぶ場合もあります。 従来のCMSはサイトの枠組みが出来上がった状態から構築を行うことができるため誰でも素早く簡単にサイトを立ち上げることができます。一方でCMSの枠組みに縛られるため自由自在にサイトを構築するという訳にはいきません。 一方、Headless CMSはサイトを構築するための機能
Docbase - Markdownから生成する開発者向けドキュメント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者向けのドキュメントはDX（Developer Experience。開発者体験）を語る上で欠かせない存在です。ドキュメントが間違っているのはもっての外ですが、さらに可読性が高かったり、機能面においても体験を向上できる要素があります。 そんな中、メンテナンスのしやすさもまた大事な要素になります。今回はMarkdownファイルをベースにしたドキュメントシステム、Docbaseを紹介します。 Docbaseの使い方 利用例です。トップページのデザインも格好良いです。 ドキュメント詳細です。右側に目次、中央にコンテンツが表示されます。 コードは文字が大きく見やすくなっています。 別なドキュメントの例です。ヘッダーやフォントなどをカスタマイズできます。右側のカラムは表示されていません。
openKB - node/MarkdownによるFAQシステム MOONGIFT
Webは疑問を解消するのに使えますが、そのためには疑問（とその回答）をまずどこかに載せておく必要があります。最近ではQ&Aが人気ですが、それでもよくある質問についてはFAQのが役立つ場合があります。 そこで使ってみたいのがopenKBです。自社のFAQシステムを構築するのに使えるでしょう。 openKBの使い方 トップページです。左側にカテゴリ、右側によく見られている記事が並びます。 記事詳細です。Markdown記法で書かれています。下には記事のメタ情報があります。 検索もあります。 openKBを使えばFAQシステムが簡単に構築できます。Markdownベースなので普段から使い慣れている記法で書けるのが便利です。まずデータを蓄積していけばWeb検索で引っかかるようになっていくことでしょう。 openKBはnode/JavaScript製のオープンソース・ソフトウェア（MIT Licen
GoMocha - テイクアウトの予約システム
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました スターバックスや多くのカフェやレストランでオンラインによる注文受け付けシステムが出始めています。オンラインで注文し、指定時間になったら引き取りに行くだけです。とても手軽で効率的なシステムです。 自分のお店でもそんなシステムを導入したいという方はGoMochaを使ってみましょう。 GoMochaの使い方 注文開始です。まず名前を入れます。名前があるのが何となく海外っぽいですね。 開始です。 お店を選択します。 商品を選びます。デカフェオプションが良い感じです。 商品を追加しました。 商品を取りに来る時間を選びます。また、交通手段も選びます。 注文の確認です。 注文が完了しました。 注文の履歴も確認できます。 GoMochaはお店側の管理画面もあり、注文内容を一覧して完了したらステータ
Nuage - 各種ストレージサービスを共通のUIで操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました クラウドにデータを保存できるサービス、技術が増えています。一つのストレージに頼らず、様々なサービスを使いこなしているのではないでしょうか。しかし、その結果としてUIがバラバラになってしまって、管理が煩雑になります。 Nuageは多数のクラウドストレージに対応し、共通したインタフェースで使えるようにするソフトウェアです。 Nuageの使い方 Nuageの画面です。対応しているのはWebDAV、FTP、SFTP、Git、S3、Dropbox、Google Driveとなっています。 Dropboxにつなぎました。インタフェースはDropbox風とのことです。 Markdownファイルなどテキストファイルはプレビューできます。 XMLもプレビューできます。 画像はモーダルで表示されます。
node-compiler - nodeのコードを実行エンジンともども一つの実行ファイルに MOONGIFT
nodeで作られたソフトウェアの配布はnpmを使って行うのが一般的です。しかしコードを見られるのが問題だったり、最初にnodeをインストールしなければならず、若干敷居が高くなってしまいます。 そこで使ってみたいのがnode-compilerです。nodeアプリケーションをパッケージして一つのバイナリにします。 node-compilerの使い方 例えばCoffeeScriptをバイナリにする例です。この規模のソフトウェアに適用できるならば大抵使えるのではないでしょうか。 nodec bin/coffee a.outファイルが生成されます。後はこれを実行すればいいだけです。 $ ./a.out coffee> nodeの実行エンジンを含みますのでサイズは肥大化する傾向になります。CoffeeScriptは36.3MBになりました。 node-compilerを使えばnodeのインストールが不
Dawn - フロントエンド/node開発のビルドツール MOONGIFT
フロントエンド開発はどんどん進化しています。その結果として様々なツールを組み合わせなければならなくなったり、手順が増えてしまっています。これでは手軽に開発できなくなってしまいます。 そこで紹介したいのがDawnです。軽量なタスク管理を備えたフロントエンドの開発、ビルドツールです。 Dawnの使い方 使っている場面です。こちらはAPIサーバのフロントです。 こちらはフロントエンドです。二つのサーバが同時に立ち上がっています。 APIを作ったりすることもできます。 技術的にはWebPackなども使われており、独自技術で固まっている訳ではありません。しかしDawnを使うことで初期テンプレート生成やテスト、ビルドなどが一手にできます。複数タスクを同時に実行したり、ミドルウェアにも対応しており、幅広い開発に利用できそうです。 Dawnはnode/JavaScript製のオープンソース・ソフトウェア（
Raneto - node製/Markdownのナレッジベース MOONGIFT
企業のWebサイトなどでよく見られるのがナレッジベースです。FAQ的なものですが、検索がついていたりカテゴライズもされていて、より洗練されたものとなっています。 今回はそんなナレッジベースを作成するためのソフトウェア、Ranetoを紹介します。 Ranetoの使い方 インデックスです。カテゴリ毎にタイトルが並んでいます。 詳細です。左側にインデックスが並びます。 管理者としてログインしました。見た目は特に変わりません。 編集画面です。フォーマットはMarkdownとなっています。 メタデータの編集もできます。 日本語も利用できます。 新しいページの作成も可能です。 Ranetoを使うとユーザ向けによくある質問集をまとめて管理できます。これは社外はもちろん、社内でも使ってみても良さそうです。まずセルフサポートできる形にすれば、より解決が早くなるでしょう。 Ranetoはnode/JavaSc
gtop - ターミナル上のシステムダッシュボード
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました システム管理者はシステム全体のステータスを把握する必要があります。そのためにサーバ側データを送信して可視化するダッシュボードソフトウェアがたくさんあります。 しかしデータをあえて飛ばすことなく、ターミナル上でそのまま確認できるのがgtopです。 gtopの使い方 メイン画面です。 データはリアルタイムに書き換わります。CPU、ディスク容量、プロセス、メモリ、ネットワークなどの多数の情報が可視化できるようになっています。何よりターミナル上で実行されるので、別途表示するツールを用意しないので良いのが利点です。なおデータは蓄積されないので、実行したタイミングから表示されていく形になります。 gtopはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）
Total.js Messenger - Node製のSlackクローン MOONGIFT
Slackはテック業界ではデファクトといっても良いくらいのシェアになってきています。会社全体で使っていなくともプロジェクトでは使っているという企業は多いのではないでしょうか。 そんなSlack風のチャットアプリは幾つかありますが、今回はnodeで作られたTotal.js Messengerを紹介します。 Total.js Messengerの使い方 最初にサインアップが必要です。 ログインしました。 会話の様子です。Slackに比べると若干ごちゃっとした雰囲気があります。 いいねを付けられます。 タスク機能があります。 ユーザ一覧。 お気に入り登録したメッセージを一覧できます。 Total.js Messengerは機能的に見ればSlackよりも多く、業務で使うのに便利な機能が揃っているように感じます。Botもサポートされているので外部サービスとの連携もできるでしょう。足りない機能は幾つか
GanttPad - テキストからガントチャート生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プロジェクト管理と言えばガントチャートと言うくらい必要としている方は多いです。少なくとも一覧では分からなかったタスクの関連であったり、今後のタスクの予定が可視化されるようになります。それによって無理が来るポイントなども掴めるようになるでしょう。 今回紹介するGanttPadはテキストで書いたタスクをガントチャートに展開してくれるソフトウェアです。 GanttPadの使い方 下にあるテキストエリアに入力すると、上にあるガントチャートに反映されます。 日付フォーマットは柔軟なようです。 新しいチャートの作成もできます。 GanttPadはテキストをガントチャートに展開してくれるので、多くのシステムと連携ができそうです。タスク名、日付さえ出力すれば良いので既存システムからそういった文字列
PsiTransfer - 自前で立てるファイル共有サーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールなどで巨大なファイルを送りつけるのはあまり良いことではありません。受ける側は強制的に受信せざるを得ませんし、そのせいで大事なメールが受信できなくなってしまうかも知れません。そのため、送受信両方でメールのサイズ制限を設けていることはよくあります。 そんな時のために使えるのがファイルをシェアするサーバです。今回はPsiTransferを紹介します。 PsiTransferの使い方 最初の画面です。ファイルをドラッグ&ドロップで登録します。 ファイルを登録しました。保存期間やパスワードも設定できます。 アップロード中です。 アップロードが完了し、専用のURLが生成されました。 そのURLにアクセスするとパスワードが聞かれます。 パスワードが合っていればファイルがダウンロードできます
Examples - Keystone 6 Documentation
ExamplesA growing collection of projects you can run locally to learn more about Keystone’s capabilities. Each example includes documentation explaining the how and why. Use them as a reference for best practice, and a jumping off point when adding features to your own Keystone project. All example projects live in theKeystone GitHub repo Standalone ExamplesStandalone examples demonstrate how a pa
LoopBack - Node.js framework
A Brand New Core A brand new LoopBack core to deliver great extensibility and flexibility written in TypeScript/ES2017. OpenAPI Spec Driven REST API Create powerful APIs easily with a new creation experience for defining REST API's and handling API requests/responses. Unbelievably Extensible A new, improved programming model with Dependency Injection and new concepts such as Components, Mixins, Re
Node.jsベースの OSS BaaS LoopBack を動かしてみた - Qiita
LoopBack とは Node.js ベースの BaaS(Backend as a Services) を作ることが出来るオープンソースです。 http://loopback.io/ http://strongloop.com/mobile-application-development/loopback/ http://www.infoq.com/jp/news/2013/09/loopback BaaSで一般的な認証、ユーザ管理、プッシュ通知、ファイル管理なども最初から用意されていますが、もっとも特徴的なのは、Data Model から JSONベースの REST APIを自動生成してくれるところでしょう。Android, iOS, HTML5 (Angular.js) のClient SDKも用意されているので、アプリを作る際もラクが出来そうです。 同じ Node.jsベースのオー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://react-etc.net/page/best-node-js-alternatives-to-wordpress-in-2018
Slant - 15 Best Node.js-based CMS as of 2024
GitHub - ryanlelek/Raneto: Markdown powered Knowledgebase Wiki for Node.js
GitHub - Netflix/vizceral: WebGL visualization for displaying animated traffic graphs
GitHub - Netflix-Skunkworks/stethoscope: Personalized, user-focused recommendations for employee information security.
