Next.js+microCMS+Vercel面白い - ゆーすけべー日記
Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。 Next.js + microCMS + Vercel すごいな。メディアサイト（中身スッカスカだけど）がものの 2 時間でデプロイまでできた。 https://twitter.com/yusukebe/status/1435708770705760256 ということで、メディアサイトを作りながら、Next.js と microCMS と Vercel の面白さをまとめる。 2 時間で作るメディアサイト 例として「ラーメンまとめ！」というメディアサイトを作ってみる。このサイトには ラーメン屋 ラーメン屋のまとめ記事 の 2 つの種類のコンテンツがある。「ラーメン屋」が「名前」「場所」「ラーメン写真」というプロパティを持
Notion API
Start building with the Notion API Connect Notion pages and databases to the tools you use every day, creating powerful workflows. Get started Building blocks for developers Aggregate data from many sources into your team’s workspace. Spend less time context switching, and increase visibility across the software and services you rely on. Stay in the loop Twitter Spend more time on Twitter than you
microCMSブログをオープンソース化しました
こんにちは、柴田（@shibe97）です。 突然ですが本日、microCMSブログのソースコードをオープンソース化いたしました！ リポジトリはこちら。 https://github.com/microcmsio/microcms-blog 経緯microCMSを利用したJamstack構成のWebサイトはここ1年でだいぶ広まりつつあります。 しかし、Jamstack構成のサイトは一覧画面 / 詳細画面を作成するのは非常に簡単ですが、そこから先を実装しようとすると途端に難易度が上がります。 ネット上にはまだまだ知見は少なく、実案件で投入できるほどの実力を持つエンジニアはそう多くはないという印象です。 そこで、実稼働しているmicroCMSブログのソースコードが参考になるのではということで、今回オープンソース化に踏み切りました。 microCMSブログはデータソースとしてmicroCMS、フロ
microCMS + Next.jsでJamstackブログを作ってみよう
microCMSとNext.jsを組み合わせて、Jamstackなブログを作成することができるチュートリアルです。 前提利用サービス本記事では以下の2つのウェブサービスを利用します。どちらのサービスも個人開発においては無料の範囲で十分な機能を備えており、実績豊富なサービスです。最初にそれぞれのサイトトップより登録を済ませておきましょう。 microCMS：特に日本において市場をリードするヘッドレスCMSです。ブログのコンテンツ管理を担います。Vercel：フロントエンド開発向けのプラットフォームです。サイト公開におけるインフラやCI/CDを担います。 ソフトウェアバージョン下記のバージョンで開発を行なっています。バージョンの差異によって若干機能が異なる可能性があります。 Next 13.1.1react 18.2.0react-dom 18.2.0microcms-js-sdk 2.3.2
Next.js + microCMS + VercelでJamstackなブログ付き個人サイトを作る - あなたとあなたの話がしたい
妻の歌人としてのブログ付き個人サイトをリリースしたので、技術的な観点をまとめておきたい。 Jamstack これがサイトの構成図で*1、最近流行りのJamstackというアーキテクチャで作ってみた。 Jamstackは、静的サイトジェネレーターを用いてCMS等で管理するコンテンツをビルド時にすべて取得して、ユーザーアクセス前に用意しておいたHTML、CSS、JavaScriptをCDN経由で配信することで、画面遷移が非常に速い優れたパフォーマンスのサイト構築を可能にする。 CMS更新時のWebhook通知で自動デプロイする仕組みを入れることで、開発者がソースコードを触ることなく、サイト編集者で完結したサイト更新を行うことができるため、ビジネスから趣味の活動まで、静的サイト開発・運用の手段として有力な選択肢になるだろう。 静的サイトジェネレーター Next.js, Nuxt.js, Gats
STUDIO | Web制作を、ノーコードで。
コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。
Welcome | Lektor Static Content Management System
A flexible and powerful static content management system for building complex and beautiful websites out of flat files — for people who do not want to make a compromise between a CMS and a static blog engine. Getting your ideas implemented is as easy as frying an egg. Full of Features Deploy Anywhere Because Lektor builds out 100% static HTML you can deploy them to any host (including S3, GitHub P
スマートフォン最適化＋マルチデバイスCMS導入のポイント | Web担当者Forum
前回のコラム「スマートフォン対応するということ」では、Webサイトをスマートフォン対応する上で考慮すべき点や、部分最適を行うのか全体最適を行うのかについて、初心者の方でも分かり易いように解説させていただきました。本コラムでは更にそこからテーマを掘り下げ、スマートフォン用サイトへの対応とマルチデバイスCMSの導入におけるキーポイントをご紹介していきます。 スマートフォン対応の最適化におけるポイントは？スマートフォン用に最適化されたサイトを構築する上で配慮すべきポイントは以下の4つがあげられます。 情報 ・ 全ての情報を掲載する訳ではなく、掲載すべき情報を吟味して必要に応じて絞り込むユーザビリティ ・ 直感的な視覚操作性に配慮する ・ ページ容量を軽くする （文字などもなるべく画像化しない） ・ ソフトウェアキーボードを意識したレイアウトを行うデザイン ・ 各機種の解像度を意識し、標準化した状
Chiver - Labolog
こんな感じで、ファイルを用意する。GitHubに誤ってpushしてしまったものがあるので、それを雛形にすると良いかも。herokuのアカウントを持ってる人は、そのままheroku createしてgit push herokuすれば動く。他の人に使ってもらうことはまだ全然想定していないので、よく分からない点があるかもしれない。 https://github.com/r7kamura/yuno git clone git@github.com:r7kamura/yuno.git cd yuno heroku create heroku push heroku open 実装 chiverはgemになっていて、config.ruにこう書いて呼び出すイメージ。ローカルではshotgunかrackupコマンドで動かす。公開するにはherokuにgit pushする。いずれは他の人が使うようにまと
Examples - Refinery CMS
Examples Refinery is used to run all kinds of sites. The one thing all they all have in common is a super-simple CMS solution that allows the client to create exactly the site they want. Take a look at who's using Refinery. Revolution Foods Telegraph Hill Neighborhood Center Volochef Students Rising Above Claus Rademacher Architects NHMH Pamela Pennington Studios See more sites at www.resolvedigit
日本の企業にぴったりなグループウェア·eNote for Community MOONGIFT
eNote for CommunityはRuby on Rails製のオープンソース・ソフトウェア。Webベースのグループウェアと言えばサイボウズが最も有名だ。長い歴史に培われたノウハウが詰まっており、システムも安定している。ライセンスコストさえ負担にならなければ最適な選択肢になるだろう。[slu]eNote for Community[/slug] Rails製のグループウェア だが中小企業では利用度と管理コスト、そしてライセンスコストのバランスで選択できない場合もある。そのような企業ではオープンソースのグループウェアが選択されることも多い。そこで試してみたいのがeNote for Communityだ。 eNote for CommunityはRuby on Railsを使って開発されているグループウェアで、日本製とあって日本企業のニーズにマッチした機能が詰まっている。主な機能はスケジ
あのサイトを作りたい！オープンソースのクローンCMSまとめ
「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。 いくつかの有名なWebサービスは クローンのCMSがオープンソースとして 提供されているものがあります。そんな クローンタイプのCMSをいくつかご紹介します。 既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン 海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote（投票）を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローン ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ
Wordpressに入れておくべき、基本的なプラグイン
「これは入れておかないと損するよ」という、実用性重視のプラグインの紹介。 セキュリティ対策【Akismet】スパムコメントを、除外する。元から入っているプラグインなので、有効化すべし。WordPress.com API キーが必要なので、面倒くさがらず、画面の指示に従い登録しましょう。ちなみに、他にwordpressのサイトを立ち上げた場合でも、再び、同じキーが使えますよ。 【Secure WordPress】名の通り、セキュリティ対策。 【WP Multibyte Patch】マルチバイト文字の対策。とりあえず、不具合を出さないために、入れておこう。 他機種のために【Ktai Style】携帯対応。デザインもいくつか選べれるよ。また、グーグルの携帯用の広告も、がんばれば入れれるよ。Amazonと楽天のアフィリエイトは、パソコンと携帯では別なので、注意が必要ですよ。 【WPtouch iP
ホームページ作成 簡単ホームページ作成サービス Jimdo
ドラッグ&ドロップで サクサク作れる操作に不安な方でもご安心ください。 ジンドゥーは簡単な操作だけで ホームページが作れます。
FrontPage - OpenPNE
マルチデバイス対応 OpenPNEはPCのみならず、スマートフォン、フィーチャーフォンに対応し、いつでも好きなときにログインすることができます。 自由のFREE、無償のFREE オープンソースのOpenPNEには2つのFreeがあります。 利用、配布、開発はすべて自由。しかも無償で使えます。
CNET Japan
人気の記事 1「Nothing Phone (2a)」--スタイルよりスペック重視の新型スマホを写真で確認 2024年03月08日 2「Files by Google」、文書を簡単にスキャンできる新機能を追加 2024年03月08日 3「Nothing Phone (2a)」正式発表--ライトを減らし安価に 2024年03月06日 4注目を集めるスマートリング--新たな定番フィットネストラッカーとなるか 2024年03月08日 5イーロン・マスク氏「日本は消えてなくなる」X投稿再び--過去最低の出生数を受け 2024年03月01日 6パナソニック、マイクロLEDを使った次世代照明--光のデザイン革新へ 2024年03月07日 7アップル、Epic Gamesの開発者アカウントを停止--アプリストア提供が不可能に 2024年03月07日 8「Pixel Watch 2」の一部機能、初代モデル
MOONGIFT: » Rails製のコミュニティ「Eldorado」:オープンソースを毎日紹介
CMSでよく使われるものと言えば、フォーラムとカレンダー、そしてダウンロードではないだろうか。投票などもあるが、他と比べると利用頻度はあまり多くない。 そう考えるとEldoradoは最低限だが、十分な機能を備えているのかも知れない。 今回紹介するオープンソース・ソフトウェアはEldorado、Railsベースのコミュニティソフトウェアだ。 Eldoradoはイベント、フォーラムそしてファイルのアップロードができるコミュニティサイトを構築できる。Web2.0っぽいシンプルなイメージが印象的だ。 イベントの登録はユーザ登録すれば誰でも登録できる。プライベートにしておくことや、リマインダーを設定できる。フォーラムでは発言や元の発言を引用して書くことが可能だ。 面白いのはサイトのヘッダをアップロードする機能だ。ヘッダの画像は投票方式で設定できる。面白いヘッダはプラスの投票をすること採用されることが
MOONGIFT: Ruby on Rails製のちょっと変わったCMS「Railfrog」:オープンソースを毎日紹介
CMSというと、コンテンツを管理できるというのがメリットになるが、そのインタフェースも含め、がちがちに固まってしまい柔軟性に欠けている場合が多い。 その点、Railfrogは柔軟といえるかも知れない。何せCMSでありながら本体とは言い切れないのだ。 今回紹介するオープンソース・ソフトウェアはRailfrog、Ruby on Rails製のCMSだ。 Railfrogの特徴としては、なぜか本体としてはソフトウェアを提供せず、プラグインとして提供している点にある。本体と切り離されているので、コマンド一つで導入できるというメリットがある。さらに次の予定としてgemで配布する方針も予定されている。 ユーザ側の画面は殆ど提供されておらず、そちらについては各人で画面を作成する必要がある。とは言え、Railsの柔軟性を考えると、その方が便利かも知れない。尚、ユーザログインの機能は実装されているが、試すと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「こけむさズ」に３度通って 東郊雑記＠琳堂 on scriptogr.am
WordPress Codex 日本語版