こんにちは、柴田です。 今回はGulpを使ったJamstackのチュートリアルのご紹介です。 いつの間にかにGulpは4系になっていたんですね〜。(しばらく触っていなかったので久々でした)Gulpとは2015年あたりで一斉を風靡したタスクランナーというやつですね。 タスクを記述することで、scssをcssに変換したり、JavaScriptをminifyしたり、ブラウザをホットリロードさせたり色々できます。 EJSでHTMLを静的生成EJSというテンプレートエンジンをご存知でしょうか。 JSONをEJSテンプレートに渡すことで値を動的にセットできるので、ExpressなどNodeのフレームワークと組み合わせて使われることが多いです。GulpからEJSテンプレートにJSONを渡してHTMLを生成するという方式もあります。 その場合、大抵JSONファイルはローカルに置かれており、ファイルを直

Headless CMSとは Headless CMSは、Wordpressなどとは違って本体のウェブサイトと管理画面が完全に分離されているのが特徴の CMS(コンテンツマネジメントシステム) です。 これを使うと、フロントエンドとCMS側が分かれるのでそれぞれを別の場所に配置することが可能です。 動的なコンテンツを表示することをサーバーを持たずに行うことが可能になるのが魅力です。 Micro CMSとは Micro CMSは国産のHeadless CMSです。 これまでのHeadless CMSというと***「Contentful」***が主流な気がします。 Contentfulは日本のサービスではないので英語が基本になりますが、Micro CMSはデフォルトで日本語に対応していたり、日本語でのチャットサポートがあるのが良いと思いました。 使い方 登録 上記画面の「無料ではじめる」または

Corvid by Wixとはどのようなサービスか Webサイトを手軽に制作できるWixに「Corvid(コルビッド)」というサービスが登場しました。 CorvidとはオリジナルのJavaScriptを追加したり、データベースを利用して動的なWebページを作成する事のできるサービスです。 過去の記事でも紹介した通り、今までのWixでは「よくある雛形の中から自分に合ったものを探す」というのが一般的なWebサイトの制作方法でした。 Wixでは実用的な雛形が無数に用意されており、ほとんどのWebページに対応しています。しかし、雛形やデザインが豊富というメリットは、裏を返せばどれを選んで良いのか目移りしてしまうというデメリットも生み出します。特にWeb制作の初心者は膨大なテンプレートを前に途方に暮れるという方も多いのではないでしょうか。 そうした初心者の方に向けた機能が以前の投稿で紹介したAIを使

どうも、まさとらん(@0310lan)です! 今回は、Googleが提供するバックエンドサービスのFirebaseを誰でも簡単に扱えるブログのCMSに変えてくれる便利なWebサービスをご紹介します! 使い方によってはWordPressよりも簡単に記事コンテンツを管理できて、JavaScriptから自由に操作できる柔軟性も大きな魅力です。 なお、JavaScriptはpaizaラーニングの「JavaScript入門編」(完全無料)で学ぶことができます。そちらも合わせてチェックしてみてください。 【 Flamelink 】 Firebaseとの連携を含めて、導入するための手順が少し多いのでこのあたりを中心に解説していきます! ■「Flamelink」の使い方 まずは、「Flamelink」のトップページにアクセスして画面上部にあるボタンをクリックします。 「ユーザー登録フォーム」が表示されるの

ホームページやブログの作成、既存のWebサイトを再構築するときに役に立つのがCMS(コンテンツ・マネジメント・システム)です。デジタルマーケティングが主流になりつつある現代において、さまざまなCMSが誕生しています。 最近ではMA(マーケティングオートメーション)に機能の1つとして組み込まれていることも珍しくなく、こうした背景からユーザーからのニーズ(導入決断時の優先度)の高さを改めて実感させられます。一方で、数多くのサービスが乱立し、正直、どれを選べばよいのかわからない、という方も多いのではないでしょうか。 そこで今回は、CMSを選定する際に押さえるべきポイントと、おすすめのCMSを紹介します。 ■ ferretおすすめのCMS・サイト制作ツール一覧を見る 目次 CMSとは? CMSを企業が導入するメリット Webサイトのデザインを簡単に管理できるSEO対策につながる アカウントの権限
![スマホ対応サイトもアプリも簡単に作れる!オススメCMS比較7選|ferret [フェレット]](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fb2d39b9d629ce87a4db967805e74156464618b7e%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fferret.akamaized.net%252Fuploads%252Farticle%252F7311%252Fog_image%252Fdefault-279901f5efdbbc129b91bdc34096fefb.jpg&f=jpg&w=240)
Simpla – Dynamic Content without the CMSEdit almost anything on this sitejust by clickingit. You don’t need togo to a separate admin area or fill out any forms –just point, click, and edit. Selecttext and start typing.Click images to edit or upload new ones.Highlighttext to formatit.Simpla is a collection of new dynamicHTML elements you can use anywhere. Drop them into your code, then edit
生きたサイト運営を実現するための 実践CMS導入・運用ガイド 文=清水 誠 実践系Webコンサルタント。DTP・印刷・ネットビジネスの分野を中心に、ITとIAによる業務カイゼン を手がける。印 刷物とWebへ画像をシングルソースするためのカラーマネジメント、文字情報をシングルソースするECM・XML・自動組版、ビジネスを加速するITイノ ベーションが最近のテーマ。1995年国際基督教大学卒 第9回 コンテンツ移行をスムーズに進めるための プランニング 既存のWebサイトをCMS化する場合、コンテンツをCMS管理下に移行する必要があるが、このコンテンツ移行に思っていたよりも時間とコストがかかることが判明し、プロジェクト計画を見直す必要が生じることがある。コンテンツ移行は、あまり語られることがないが、CMS導入の際に避けることができないもっとも難易度の高い作業のひとつなのだ。今回は、このコンテ
CMSによって運用効率やコスト削減などの効果が得られるが、CMSの役割はそれだけではない。今、CMSが必須とされているのは多様化するユーザーニーズに応えるために、企業がビジネス戦略においてWebサイトを戦略的に運用する必要があり、そのための基盤となるツールが必要だからだ。 ビジネスツールとして注目を集めるCMSすでにこの特集でも解説しているし、ご存じの通り、CMSはWebサイトの更新・運用負荷を軽減してくれるツールである。HTMLタグに馴染みのない人でも簡単にWebページを更新できる、というのが一般的な認識だろう。いわゆるWCM(Web Content Management)としての機能だ。 確かに、こうした更新ツールとしての役割も大きなメリットである。しかし現在、CMSは単なるWebサイトの更新・運用ツールの域を超えて、企業のWeb戦略を強力にサポートしてくれる存在として注目を集めている
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く