静的サイトジェネレーター「VitePress 1.0」正式リリース。VueとViteを採用し、高速なWebサイトを構築
静的サイトジェネレーター「VitePress 1.0」が正式リリースされた。UIフレームワークのVueと高速なバンドラであるViteを基盤に、MarkdownのコンテンツからSPAなWebサイトを構築できる。 オープンソースとして開発されている静的サイトジェネレーターの「VitePress 1.0」正式版がリリースされました。 VitePressは、Markdownで記述されたコンテンツを静的で美しい外見を持つWebサイトへと高速に変換する機能を備えたフレームワークです。 デフォルトでテクニカルドキュメントに適したテーマが用意されており、すでにVite、Rollup、Pinia、VueUse、Vitest、D3、UnoCSS、IconifyなどのWebサイトのドキュメント部分に使われているとのことです。 VitePressは、同じく静的サイトジェネレーターである「VuePress」のモダン
MicroCMSとViteで作るかんたん静的サイト | DevelopersIO
この記事では、ヘッドレスCMSを使ってHTMLコンテンツを生成する手順を紹介します。 前回の記事（MicroCMSと11tyで作るかんたん静的サイト）ではAPIデータの取得とHTMLの生成のみを行いましたが、今回はSassを使うためにビルドツールであるViteを導入して、より実制作に近い環境での検証をします。 ビルドツールであればGulpやWebpack等の選択肢もありましたが、Viteの設定が非常に簡便であるという噂を聞いたので試してみることにしました。 HTML CSS JS GulpやWebpack等のビルドツール利用経験 各ツールの役割 MicroCMS：ヘッドレスCMS。コンテンツのデータを登録できる、APIを提供している。 11ty：ヘッドレスCMSのAPIからコンテンツを取得できる静的サイトジェネレーターで、HTMLを出力することができる。複数のテンプレート形式に対応している
CMSやアニメーション機能などを搭載した「STUDIO 3.0」が遂に本日リリース。デザインから、公開、CMSまで、すべてが１つで完結するWebデザインプラットフォームへ。
CMSやアニメーション機能などを搭載した「STUDIO 3.0」が遂に本日リリース。デザインから、公開、CMSまで、すべてが１つで完結するWebデザインプラットフォームへ。Webのすべてを、１つの場所で。 次世代のWebデザインプラットフォーム「STUDIO」を運営するSTUDIO株式会社（本社:東京都渋谷区、代表取締役社長:石井 穣）は、本日6月4日(木) 付で、さらなる進化を遂げた「STUDIO 3.0」をリリースすることをお知らせいたします。 ■ STUDIOとは？ STUDIO（https://studio.design/ja）は、作成したデザインをそのまま実際のWebサイトとして公開、運用が可能な次世代のWebデザインプラットフォームです。STUDIOを使えば、コードやテンプレートに縛られることなく、自由自在なデザインのWebサイトを作成することが可能です。 2018年4月の正式
STUDIO | Web制作を、ノーコードで。
コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。
「a-blog cms」を使うべき3つの理由 (1/5)
WordPressがCMS1強時代を築きつつある中、名古屋のWeb制作会社「アップルップル」が開発しているCMS「a-blog cms（えーぶろぐ しーえむえす）」が着実に採用実績を伸ばしています。有料なのになぜ売れているのか？ その魅力は？ 実際に企業サイトを作成しながら、a-blog cmsの使い勝手を体験できる連載をお届けします。解説は開発元のアップルップルにお願いしました。（編集部） a-blog cmsはアップルップルが開発・販売している商用CMSです。Web制作会社として培ってきたノウハウを盛り込み、必要な機能を簡単・便利に使うことを目指して、2009年6月にVer. 1.0をリリースしました。2013年12月にはVer. 2.0をリリースし、1400を越えるサイト、350事業者に利用されています（2014年1月現在）。 クライアントに優しい3つの特徴 ユーザーに優しい編集画面
MDwiki·Markdownをコンテンツに使ったCMS/Wikiシステム MOONGIFT
最近はどこもかしこもMarkdownの活用で争っているように見えます。それだけ汎用的に使えて利便性の高いフォーマットであると言うことでしょう。ということで今回もまたMarkdownの新しい使い道を探す旅です。 MDwikiはMarkdownをベースにしたCMSまたはWikiとなっています。JavaScriptでMarkdownファイルを読み込み、JavaScriptでレンダリングしている点がユニークな点です。 HTMLが出力されていますが実際に読み込まれているのはMarkdownです。 画像は表示されている件数によって並びが変わるようになっています。 テーブル表示にも対応しています。 その他Gimmicksという記法が追加されており、YouTubeやGistの埋め込み、Facebook/Discusといったコミュニケーション機能も追加できるようになっています。Wikiとして新しいページが追
黒い画面不要！デザイナ向け静的サイトジェネレーター「Phest」を公開しました | チャットワーククリエーターズブログ
こんにちは！ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します！ >>PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって？静的サイトジェネレーターとは、テンプレートなどプログラム的な処理を実行し、 HTML/JavaScript/CSS/画像などだけで構成された静的なWebサイトとして書き出すツールのことです。 Webサイトをつくる上で共通のヘッダやフッタなどは、PHPやSSIなどのinclude構文を使ったり、 そもそもWordpressなどのBlogやCMSなどを使って構築するケースが多いと思います。 静的サイトジェネレーターは、そういったシステムが必要な部分をあらかじ
Webサイトに必須のCMSをライブラリで実装する·ComfortableMexicanSofa MOONGIFT
ComfortableMexicanSofaはRails組み込み型のCMS。 ComfortableMexicanSofaはRuby/Ruby on Rails製のオープンソース・ソフトウェア。Webサービスを構築していて、ヘルプや説明ページ、利用規約と言った静的に近いコンテンツを掲載する機会は多々ある。データベースでページを管理するのは容易だが、そのためには管理画面が必須になる。 レイアウト作成 さらにコンテンツを編集した際にプレビューできないと運用上で不都合だ。他にも同じコンテンツを複数箇所で使い回したり、一部のページだけレイアウトを変更したいと言ったニーズが出るかもしれない。そこで使えるのがComfortableMexicanSofaだ。 ComfortableMexicanSofaはRuby on Rails用のライブラリで、カスタマイズの柔軟なCMS（コンテンツ・マネジメント・シ
Dropboxから使えるシンプルなCMS『DropPages』 | 100SHIKI
Dropboxから使えるシンプルなCMS『DropPages』 March 8th, 2011 Posted in ライフハック・生産性 Write comment 細かいところでどうかな？と思わないでもないが、試みとして興味深いのでご紹介。 DropPagesは、ファイル共有サービスのDropboxを使ったCMSだ。 つまりDropbox上のテキストファイルをローカルPCで更新するだけで、あら不思議、サイトも更新されるという仕組みである。 この手法だと、いちいちサーバーにアップしてうんぬん、という作業が省けて確かに便利かもしれない。 また更新するファイルはあくまでテキストファイルになっており、ある特殊な記法でかけば、HTMLにレンダリングしてくれるようだ（この点、好き嫌いがわかれるところだが）。 どちらにしろ「Dropboxを更新するだけでサイト更新！」というのは新しいですな。将来はこう
Google App Engine上で動作する本格的CMS·Vosao CMS MOONGIFT
Vosao CMSはJava製/Google App Engine用のオープンソース・ソフトウェア。Google App EngineはWebアプリケーション開発者のためのプラットフォームというイメージがあるが、手軽に使えるホスティングサービスと捉えることもできる。すでに完成されているWebアプリケーションを導入すれば良い。 管理画面 汎用的に使われるのはブログエンジンやCMS、Todoといった類のものだろう。こうしたサービスを立ち上げる際に既存のソフトウェアを使えば簡単にサイトが立ち上げられる。Vosao CMSはその一つ、Google App Engine上で動作する本格的CMSだ。 Vosao CMSはユーザ画面と管理画面に分かれている。管理画面ではコンテンツの作成とデザインの編集、ファイルストレージ、サイト設定が主な機能にある。プラグインにも対応しており、SEOやフォーム作成用のプ
あのサイトを作りたい！オープンソースのクローンCMSまとめ
「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。 いくつかの有名なWebサービスは クローンのCMSがオープンソースとして 提供されているものがあります。そんな クローンタイプのCMSをいくつかご紹介します。 既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン 海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote（投票）を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローン ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ
Google App Engine + Githubで静的サイト管理·DryDrop MOONGIFT
静的コンテンツのWebサイトを管理する場合、どうしても面倒でバージョン管理なんてしていられないと思ってしまう。そのため、単なるフォルダにHTMLや画像、CSSファイルなどを入れて作ってしまいがちだ。最初はよくとも、後々変更したり改修しているとバージョン管理しておけば良かったと気づくかも知れない。 管理画面 だがバージョン管理用のサーバを立てたり、デプロイしたり…そんな面倒なことはしたくない。そこで使ってみたいのがDryDropだ。 今回紹介するオープンソース・ソフトウェアはDryDrop、Google App Engine（GAE）とGithubを使った静的コンテンツ管理システムだ。 DryDropはGAEを使いながら、動的ではなくあえて静的なサイトを管理するというシステムだ。さらにそのコンテンツをGithubで管理する。DryDropの管理画面ではGithubのコンテンツ配置場所を指定し
MOONGIFT: » シンプルながら使い勝手の良いCMS「GetSimple」:オープンソースを毎日紹介
世の中、シンプルが一番だ。色々な機能を付け加えていくと、画面がごちゃごちゃしたり、使わない機能が溢れるようになる。一機能、単機能なアプリケーションこそが美しい。 シンプルさがウリのCMS そんな訳でこのソフトウェアはまさにシンプルさが命だ。何せソフトウェアの名前にシンプルを掲げているのだから。 今回紹介するオープンソース・ソフトウェアはGetSimple、PHPのみ（データベースなし）で提供されるシンプルなCMSだ。 GetSimpleはPHP 5.1.3以降で動作するCMSだ。ファイルをアップロードしたらインストーラーにアクセスして簡単にセットアップが完了する。提供される機能は、ページ管理、ファイル管理、テーマなどだ。 管理画面 ページ管理を使ってWebサイトのコンテンツを管理していく。WYSIWYGエディタは使い勝手がよく、ファイルの複数アップロード機能も便利だ。テーマを変更してサイド
Tokyo Cabinetを使ったシンプルなCMS·Tokyo Promenade MOONGIFT
RDBMSは細かなデータ構造を管理したい時には便利だが、メモやWebページのようなコンテンツを管理する際には大袈裟になる場合がある。そうした時にはキーバリュー型のシンプルなデータベースが便利だ。キーバリュー型というとmemcachedのような補助的なシステムを思い浮かべるが、そこだけに収まらない使い方が出来る。 キーバリューデータベースを使ったCMS その実例としてTokyo Promenadeを紹介しよう。Tokyo Cabinetの作者で知られるmikio氏が開発したCMSだ。 今回紹介するオープンソース・ソフトウェアはTokyo Promenade、Wikiのようなページ管理ができるCMSだ。 Tokyo PromenadeはWikiのように誰でもコンテンツが編集できるCMSだ。記法としてはLaTeXでよく使われる記法を採用しており、見栄えもそれに近いものになっている。また音声ブラウ
Tokyo Promenade: Tokyo Promenadeの使い方
軽量コンテンツ管理システムTokyo Promenadeにようこそ。この記事では、Tokyo Promenadeの使い方を簡単に説明します。なお、無駄に写真が張りつけてありますが、見栄えのデモのためなのでご了承ください。 Tokyo Promenadeとは Tokyo Promenade（以下TPと呼びます）はWeb用のコンテンツ管理システム（CMS）の一種です。すなわち、Web上のコンテンツを閲覧したり作成したり編集したりする操作をWebインターフェイスで完結させて、Webコンテンツの管理を容易にするための仕組みです。ユーザ管理機能やファイルアップロード機能も備えています。 TPの製品コンセプトは、「LaTeXっぽいWikiっぽいCMS」ということです。LaTeXのように論理的な思考を記録するのに必要十分な機能性とできるだけ単純なデータ構造を追求するとともに、Wiki記法とハイパーリンク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Builder.io: Drag & Drop Headless CMS
microCMS｜APIベースの日本製ヘッドレスCMS
Hugo :: A fast and modern static website engine
Amazon S3とnanocで作る 安い・落ちないwebサイト
MODx 日本公式サイト｜トップページ
