UX向上の鍵「タグ絞り込み検索」の実装とその利点 | CMS | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
コンテンツ量の多いメディアサイトや商品情報の多いカタログサイトなどでの目的のコンテンツを探すこと考えるとタイトルにある「タグ絞り込み検索機能」がオススメである。今回は、この機能について深掘りして紹介していきます。 Instagram や X の ハッシュタグ 検索が一般的になったことから「タグ検索」という言葉も SNS を利用している多くの人にも「そのコンテンツに関するキーワード検索」ということが伝わるようになったのではないでしょうか。 そんなタグを一覧で表示する手法として「タグクラウド」というものがあります。 今回紹介する タグ絞り込み検索機能 の出発点となる UI がタグクラウドです。 タグ絞り込み検索機能の出発点、タグクラウドとは？ タグクラウドは、ウェブサイトのコンテンツや記事に関連付けられたタグ（キーワード）を視覚的に表示する手法です。これらのタグは、通常、ウェブページ上で雲のよ
共同編集を支える技術とライブラリの活用 - ICS MEDIA
『Google Docs』や『Figma』といったリアルタイムな共同編集ツールの恩恵を受けている人は数多くいるでしょう。『Visual Studio Live Share』のようなエンジニアに嬉しいツールも生まれ、今日ではオンライン上でも円滑なコミュニケーションが可能になっています。 これらのツールの基礎にあるのが「共同編集」のテクノロジーです。本記事ではこの技術に焦点を当て、その仕組みと主にフロントエンドでの実用例について紹介します。 記事の前半では、リアルタイムな共同編集に用いられる技術やアルゴリズムについて、発展の歴史とあわせて紹介します。解説用のコードにはJavaScriptおよびTypeScriptを使用しますが、フロントエンドエンジニアに限らず共同編集の仕組みについて気になる読者が知識を深めるきっかけとなるはずです。 さらに後半ではフロントエンドの開発者目線で、前半で紹介した技
【Webディレクター必見】CMSサイト制作のよくある誤解とおすすめ進行フロー | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのイナッチです。 これまで多くの企業様のコーポレートサイト、メディアサイト、ブランドサイト、ECサイトなどを作ってきました。その中の多くのサイトがCMS、つまり「ブラウザやアプリから管理画面を利用してWebサイトの一部を更新できるようにするシステム」を導入するものでした。 Webディレクターとして、こういったプロジェクトに立ち上げの段階から参画させていただくこともあれば、進行中のプロジェクトに途中からジョインすることもあります。特に後者のケースにおいて、正直なところ、「なんでこんなスケジュールになっているの……？（泣）」という場面にたびたび出くわします。 これは単に「制作期間が短すぎる」というお話ではありません。制作期間の長い・短いにかかわらず、「せっかくの制作期間を無駄遣いする効率の悪いスケジュール（制作フロー）になっている」というお話です。 そこで今回は、
2020年の日本国内 CMS利用状況まとめ | Web担当者Forum
今、CMS の利用状況をなんらかの数で知ろうとすると、日本国内では 株式会社DataSign の「CMS上場企業 CMS調査」が書かれている Datasign report と、海外の W3Techs.com の Distribution of content management systems among websites that use Japanese くらいが情報源になると思われます。 2020年9月に DataSign Report の情報と、2ヶ月ほど古く 2020年7月の情報になりますが、独自に W3Techs.com に提供いただいたランキングの2つを今回は合わせて紹介します。 DataSign Report 上場企業 CMS調査 2020年 ランキングW3Techs.com 調査 日本語ウェブサイトCMS利用率ランキングDataSign Report 上場企業 CMS
Wordpressの「埋め込み」に非Wordpressサイトで対応するための方法 | アユダンテ株式会社
ブログの構築システムとして、またはサイトのCMSとしても多大なシェアを誇るWordpressでは、記事投稿時にURLを貼り付けるだけで記事本文中へリンクボックスなどを設置できる「埋め込み」という機能があります。 この埋め込みを使って設置されたリンクボックスは、URLの提供元が用意したリッチな見た目のものが掲載されることになります。 「埋め込み」に対応したURLだと、貼り付けるだけでブログカード的なものを設置できます。 この埋め込みでリンクボックスを設置するには、上図で挙げたTwitterのように埋め込もうとしたURLが対応している必要があります。 Wordpressの「埋め込み」にサイトを対応させたいのであれば、サイトがそもそも（古くない）WordPressで構築されていれば、デフォルトで記事ページなどの埋め込み対応は有効化されています。また、テーマのカスタマイズなどで無効化している場合で
デジマケ一年生の私が（多分）CMS選定を理解するに至った5つの格言 | デジタルマーケティングジャーナル
Page not found The content you are looking for does not exist. Error 404 |
Movable Type7で何処が変わった。WordPressとは目指す道が違う
Movable Type7が発表になって、数ヶ月が立ちました。まだ目立った実装事例はないようですが、大幅に変わったと言われるMovable Type7（以下：MT7）。いったいどこがどのように変わったのでしょうか？MT東京でハンズオンがありましたので、そこで覚えてきたことをまとめたいと思います。 コンテンツにこだわったMT7 MT7をインストールしてメニューを見ると、コンテンツデータとコンテンツタイプという見慣れない項目があります。コンテンツデータがコンテンツを入力する箇所で、コンテンツタイプというのが、コンテンツをいれるフィールドを選択しグルーピングしてコンテンツタイプを定義するところになります。 コンテンツタイプを開くと、一覧と新規があります。新規をクリックして、コンテンツフィールドに、テキストや数値、カテゴリーなどといったフィールドをドラッグドロップしてゆきます。ドラッグしてきたフィ
Web UXを作れるサーバサイド人材が少ない？！問題 | F's Garage
昨今、ネイティブアプリ全盛が故に、WebサービスのUXを作れるエンジニアが少なくなってるんじゃないか説がある。 また、受託からWebサービスが主流になったことで、一つのソースコードをこねくり回す機会が増え、新規にWeb UIを作り込む頻度が低くなり、そもそも鍛えられていないんじゃないか説もある。 例えば、商品登録画面のような何かのテキスト情報と一緒に登録する画像アップロードを考えてみる。 その際に、「入力確認画面」が必要だと仮定する。また、それなりに秘匿性を意識すべき企業用途のサービスだとする。 書きながら2002年の案件を思い出してるので、なんか古い話だったらゴメンよ。 １．いつどこに画像を保存するのか？ post or ajax ? ２．Webサーバに置くのか？S3に上げてしまうのか？今時ないかもしれないがObject Databaseに登録する？Webサーバに置いたらロードバランサー
簡単なCMS比較
CMS機能項目についてはその昔「つくってやる！」といきまいて、結局拘りがどこまでも果てしなく続き完了しなかったわけなのですが・・・ 個人的にはRealStoryが出しているレポートの項目レベルがいいんじゃないかなぁと思ったりしてもいます。 ただ、まあ、さらに絞っちゃって、あとはその表を元に大まかなフィット＆ギャップをしてその後に、詳細をやるっていうカタチが最近多いです。 ということで、その一例を。 下記はあくまでも日本におけるCMS利用という意味での比較です。 まあ、すごく大まかな分け方なんですが、簡単に説明します。 所謂CMSな機能性 所謂（いわゆる）、コンテンツ構造とか、いろいろなコンテンツタイプ作れるとか、リビジョンとか、ワークフローとかのことです。 その昔は「エンプラCMSはここが充実してる！」といわれていた機能性で、CMS案件のRFPとか一般的なCMS比較表はここに多くの項目が並
ブログ | ウェビングスタジオ
十数年ぶりに就職して一所懸命働いているうちに、夏が過ぎ、秋が来て、クリスマスの季節になっていました。クリスマスケーキの予約のついでに買ってきたモンブランタルトを食べつつ、近況報告を書いています。 具体的なことは書けません […]
レスポンシブWebデザイン | HeartCore CMS
HeartCoreでは効率的なレスポンシブWebデザインが簡単に実践できます。
Web担当者が知っておくべき 4つの手法から学ぶ、これからのマルチデバイス最適化 | 株式会社サイト・パブリス
数年前からモバイルユーザー数は増加をたどり、企業ではWebサイトのモバイル対応が必要不可欠になりました。 多くの企業がその対策として、今あるPCサイトをモバイルでも閲覧できるようにするための対応を進めてきました（PCファースト）。 これに対し、モバイルユーザーにとって本当に必要な情報や機能は何なのか、単に見た目や情報量をリサイズするだけでなく、コンテンツ自体をモバイルにフォーカスして構築すべきだというところから、「モバイルファースト」「コンテンツファースト」という考え方が生まれました。 さらにここ1〜2年のスマートフォンの普及により、スマートフォン向けのサイトを一番に捉えるという新しい考え方、「スマホファースト」が生まれました。 PCサイトよりもスマートフォンサイトを先行して開発するという発想は、IT関連やBtoCサイトなどで取り入れる企業が増えています。 中にはフィーチャーフォン（従来の
Web管理者が押さえておくべき大規模サイト構築・運営を成功に導く5つの留意点 : マルチデバイス最適化を実現するNo.1 Webサイト構築プラットフォーム「SITE PUBLIS Series」
ここでは右記のポイントいずれか、もしくは複数に当てはまるサイトを大規模サイトとして、その課題と解決方法について解説します。 ページ数が多い …［例］管理ページ数が数千ページから数万ページ アクセスが多い …［例］月間のPV数が1,000万PV以上 システムと連携 …［例］基幹システムや外部サービスと複雑に連携 複数サイト運営 …［例］ブランド、コーポレート、ECなど複数のサイトを展開 大規模サイト、特にポータルサイトやECサイトの場合、ランキングやレコメンド、パーソナライズなど様々な動的コンテンツが利用されています。 動的なコンテンツはユーザーのリクエストごとにコンテンツが生成される為、静的なコンテンツに比べてパフォーマンスは大きく劣ります。 しかしながら、ユーザーのニーズやプロモーション上の理由から、コンテンツ自体もリッチ化し、動的コンテンツの必要性も高まっています。 データ量が増えれば
TOP - 株式会社ドーモ | 高速化とセキュリティ、人材育成。よりよいWebビジネスを応援します
SEO強化のためにクラウドフレア導入！化粧品ECサイトの表示スピードを大幅改善 導入事例を公開しました
「a-blog cmsってなに？」という勉強会を開きます
7/23（火）19:30〜渋谷「Stocker.jp / Space」にて、PHPを記述せずにカスタマイズ可能な国産CMS「a-blog cms」の入門勉強会を行います。 a-blog cmsは、4周年を迎えた6月24日に、商用利用可能な機能制限付き無料版のライセンスが発表されました。 リリース情報: liteライセンス新登場 それに伴い、今回は a-blog cms について、 Webサイト制作者・運営者視点でのセミナー 静的な（つまり普通の）HTML で構築したWebサイトをCMS化する実習 を無料で行います。 a-blog cms liteライセンスの特徴 a-blog cmsなら、すでにある静的なサイトのお知らせなどの部分のみ、ブラウザ上から更新ができるように制作できます。 テンプレートを HTML で作成するため、それまでに利用されていたデザインを崩さずに導入することができます。
グリッドシステムをa-blog cmsのユニットグループに使用する | サイト制作 | mkasumi.com
グリッドシステムをa-blog cmsに使おうと思ったのは、会社でBootstrapのテーマを作るように言われた事がきっかけです。実はユニットグループではBootstrapのグリッドシステムを使う事ができなかったのですが、ここではBootstrapのテーマを作る上でとくに頑張ったユニットグループとグリッドシステムについて書きます。 さきほども書いたのですが、Bootstrapのグリッドシステムはa-blog cmsのユニットグループと考え方が違ったため、無理矢理使わず、自分で新しいものを作りました。 参考にしたグリッドシステム Bootstrapのグリッドシステムが使えないとわかったとき、他のグリッドシステムを探す事から始めました。なかなかa-blog cmsと仲良くやってくれそうなグリッドシステムがなかったのですが、数多くあるグリッドシステムの中でもSimple Gridという違うグリ
a-blog cmsで使う基本的なカスタムフィールドについて | サイト制作 | mkasumi.com
カスタムフィールドについてちょっとわかってきたので自分用にメモします。 ここで記述しているのはa-blog cmsのカスタムフィールドです。 カスタムフィールドとは カスタムフィールドはフォームに変数を指定し、表示したいテンプレートに同じ変数を書く事で、フォームに入力したものを出力することができます。 カスタムフィールドを使うとa-blog cmsでできることが増えるので、これからa-blog cmsを使う方は勉強しておいて損はしないと思います。 カスタムフィールドの書き方 カスタムフィールドには普通のカスタムフィールドと、カスタムフィールドグループがあります。ここではテキストとテキストエリアの書き方を紹介します。 普通のカスタムフィールド <table class="entryFormTable"> <tr> <th>テキスト</th> <td> <input type="text"
a-blog cmsの「post include」機能に初挑戦しました | mkasumi.com
post includeとは post includeとは、a-blog cmsの機能の一部です。a-blog cmsのフォーム送信後の結果を、ページを移動せずにAjaxを使用して表示することができます。 送信ボタンを押して検索結果を表示するpost includeのサンプル 送信ボタンを押さずに検索結果を表示するpost includeのサンプル post includeの書き方 post includeには２つのファイルが必要です。 表示したい中身のみのHTMLファイル 表示させるテンプレートのHTMLファイル 表示したい中身のHTMLの書き方 サンプルでは、「searchResult.html」というファイルを用意し、モジュールIDは「searchResult」にしました。 <!-- BEGIN_MODULE Entry_List id="searchResult" --> <ul>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
案件でよく使うCMSのあれこれ
アップルップル、CMS「a-blog cms」の新バージョン「a-blog cms v1.7.0」の提供を開始 | Web担当者Forum
