すべてのカテゴリ

以前に予告していた、"花火"のアニメーション。作ってみたので、ここに掲載。これを『データ駆動Webサイト』に組み込んでみたのが以下。サンプルのサイトの夜の海ライクなヘッダ部に花火を表示しています。CSSアニメとして作成したもので、こんな感じに組み込んでみました。別の告知でもしているように、楽しいサイトとなるような、いろいろな試みは今後も継続していく予定です。ひとまずご紹介まで。2025/06/23追記ありゃ。できないなぁと思っていたら、実はできたんですね。ブログへのYouTube動画貼り付け。というわけで、前回までに貼り付けていた画像も置き換えられるものは置き換えちゃいます。今回、以下の動画を作成しました。サービスのいくつかにもリンクを付けてあります。内容は、ちょっと長いですが、サーバまわりについて、ぐちゃぐちゃと書いています。（「ぐちゃぐちゃと」というのは、いろいろ考えていたら、けっこうな文章量になってしまったもので、なんとか形にはなった気がしますが、一言に集約してみると、そういう表現になってしまいました）本サービスの価格に跳ねる多くは、サーバ環境構築にあって、できれば別のものとして取り扱いたいくらいですが、そうもいかず、また、VPSというサーバの価値の高さを知ってほしく、その観点ではあまりにも安すぎる価格設定であることをわかって欲しかったわけです。ただ、内容を参照される方によっては、なかなか難しい内容でもあり、うまく伝えられたかは気になるところです。いろいろ伝えたいことは多く、それをなんとかわかりやすく伝えられないかと試行錯誤を重ねていました。作ること自体もかなり大変なので

　商品説明用資料として、ぎちぎちのまとめ画像を添付していましたが、特にスマホなどでは大変見えづらいと思えることと、それでは詳細な説明が参照しにくいこと、説明領域が不足すること、などのさまざまな理由から、ブログにて、可能な限り、詳細情報を提示したく、こちらに転記したものです。 ※ただし、ココナラブログの表現力は大変乏しいので、ひとまず元説明の部分画像掲載としています。 リンク情報等 　対象となる提供商品・サービスはこのページ末尾にリンクを置きますので、必要に応じてご参照ください。　ここでは、「データ駆動Webサイト」の導入に関する『稼働環境運用保守について』⑤稼働環境運用保守 の説明資料となります。　以下のリンク先のブログ情報：補足説明と合わせてお読みください。 　稼働環境運用保守について 　稼働環境について、運用保守が必要かというと、基本的には必要ない認識です。htmlファイルなどを作成して、レンタルのWebサーバにアップロードしたら、あとは放置しているような状況と変わりありません。　ただし、そのレンタルサーバの場合でも、いつか何かの不具合が起こることがあります。起こりえる確度はそれとそれほど程度は変わらないので、もし何かが起こっても、起こってから対処すればいいや、という認識の方の場合は、当データ駆動Webサイトの場合も同様に、そのまま放置で構わないでしょう。　しかし、そうでない、常に正常にサービス提供を行い、万一何かのトラブルが起こった場合も全速力、最短時間で復旧を試みなければならない場合で、それをご自身で行えない場合は、運用保守として、依頼しておくことが賢明だと考えます。　

　商品説明用資料として、ぎちぎちのまとめ画像を添付していましたが、特にスマホなどでは大変見えづらいと思えることと、それでは詳細な説明が参照しにくいこと、説明領域が不足すること、などのさまざまな理由から、ブログにて、可能な限り、詳細情報を提示したく、こちらに転記したものです。 ※ただし、ココナラブログの表現力は大変乏しいので、ひとまず元説明の部分画像掲載としています。 リンク情報等 　対象となる提供商品・サービスはこのページ末尾にリンクを置きますので、必要に応じてご参照ください。　ここでは、「データ駆動Webサイト」の導入に関する『初本APのボディ部向けコンテンツ等の作成について』④本APのボディ部向けコンテンツ、アイコン用svgコンテンツの作成 の説明資料となります。　以下のリンク先のブログ情報：補足説明と合わせてお読みください。 　本APのボディ部向けコンテンツ等の作成について≪④本APのボディ部向けコンテンツ、アイコン用svgコンテンツの作成：画像≫≪※7.本APのボディ部向け、アイコン用svgのコンテンツ作成作業：画像≫対象の提供商品・サービス このページにて説明している情報の対象とする提供商品・サービスはこちらです。

データ駆動Webサイトの導入にまつわる資料のブログ移行　商品説明用資料として、ぎちぎちのまとめ画像を添付していましたが、特にスマホなどでは大変見えづらいと思えることと、それでは詳細な説明が参照しにくいこと、説明領域が不足すること、などのさまざまな理由から、ブログにて、可能な限り、詳細情報を提示したく、こちらに転記したものです。 ※ただし、ココナラブログの表現力は大変乏しいので、ひとまず元説明の部分画像掲載としています。リンク情報等 　対象となる提供商品・サービスはこのページ末尾にリンクを置きますので、必要に応じてご参照ください。　ここでは、「データ駆動Webサイト」の導入に関する『初期コンテンツの追加導入ダイヤグラム』③初期コンテンツ環境構築の説明資料となります。　以下のリンク先のブログ情報：補足説明と合わせてお読みください。　前回①②のサーバ環境構築・AP配備とDB構築に戻る場合は以下から。◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆コンテンツ環境の構築　前回までは、サーバの各種構築作業でしたが、ここからはコンテンツまわりの環境構築となります。　例えば、htmlファイルを作成して、Webサーバにftpでアップロードする、という作業がありますが、システム全体のファイル群を転送する、というだけでなく、メインコンテンツとなるhtmlファイルを取り込む（単なる配置作業ではない）という部分のやや特殊な作業を行います。　システムが認識できるよう、DBへのデータ登録により紐付けたりの作業も含まれるため、手放しで購入者自身が作業できるか、というとや少々困難かもしれない場面となります。　　

データ駆動Webサイトの導入にまつわる資料のブログ移行 　商品説明用資料として、ぎちぎちのまとめ画像を添付していましたが、特にスマホなどでは大変見えづらいと思えることと、それでは詳細な説明が参照しにくいこと、説明領域が不足すること、などのさまざまな理由から、ブログにて、可能な限り、詳細情報を提示したく、こちらに転記したものです。 ※ただし、ココナラブログの表現力は大変乏しいので、ひとまず元説明の部分画像掲載としています。 リンク情報等 　対象となる提供商品・サービスはこのページ末尾にリンクを置きますので、必要に応じてご参照ください。 　ここでは、「データ駆動Webサイト」の導入に関する『ＡＰダイヤグラム』①サーバ環境構築／②AP配備とDB構築の説明資料となります。　以下のリンク先のブログ情報：補足説明と合わせてお読みください。 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆はじめに　　まずはサーバ環境構築です。と聞けば、あれ？　どうして？　などの感想を抱かれる方も多いかもしれません。　それは、ホームページ（以降、HPと略記することがあります）が、htmlとその関連ファイルで構成されることをご存じの方の場合で、こちらのサービス（商品）がHP関連ファイルであろうと思い込まれていたのだと思います。　　「データ駆動Webサイト」で提供するものは、単なるホームページのファイル（html、css、JavaScript）ではなく、Webサイトのシステムを提供するものです。「データ駆動」と称する機能を含む、さまざまな機能により、サイト運用が効率よく行われるような仕組みを組み込んでいるものです

データ駆動Webサイトの導入にまつわる資料のブログ移行　商品説明用資料として、ぎちぎちのまとめ画像を添付していましたが、特にスマホなどでは大変見えづらいと思えることと、それでは詳細な説明が参照しにくいこと、説明領域が不足すること、などのさまざまな理由から、ブログにて、可能な限り、詳細情報を提示したく、こちらに転記したものです。※ただし、ココナラブログの表現力は大変乏しいので、元説明の部分画像掲載としています。リンク情報等　対象となる提供商品・サービスはこのページ末尾にリンクを置きますので、必要に応じてご参照ください。　ここでは、「データ駆動Webサイト」の導入に関するＡＰダイヤグラムの説明の補足情報となります。以下のリンク先のブログ情報：①～⑤と合わせてお読みください。補足説明　前節の①～⑤の導入説明の文中にて※印をつけている部分の補足説明※１～※８については、以降をご参照ください。※1.想定稼働環境とバージョン　　※2.VPS環境 とは 　　※3.『初期環境構築』作業 　　※4.提供予定のもの 　　※5.『AP配備とDDL等実行』　　※6.本APコンテンツ制御機能等 　　※7.本APのボディ部向けコンテンツ、アイコン用svgコンテンツ作成作業 　　※8.稼働環境運用保守のサービス内容 対象の提供商品・サービスこのページにて説明している情報の対象とする提供商品・サービスはこちらです。

デモサイトのヘッダ部　サンプルデモサイトのヘッダ部の右上には文字サイズを制御する別のツリー構造、左上にはツリー状の別のサブメニュー情報（メインメニューとは異なる）、その他の部分には個別のリンク情報を紐付けています。 　この文字サイズ制御やサブメニューは別途作成したツリー情報で、ヘッダの配置ツリーの一部にあたかも部品のように紐付ける設定をしています。これは別の位置に移動させることも、定義データ次第となります。 　（ヘッダ部の説明ですが、画像の下側付近に横並びとなっているのはメニュー部（メインメニュー）です）　まだ作成していませんが、最近よく見かける、ヘッダ部に自動スライドするバナーを、配置ツリーの上下左右の真ん中位置に作成することを検討していますが、そのような発想を組み込むことも可能です。デモサイトのメニュー部　前述のヘッダ部説明の画像の下側にも写っていますが、横並びで表示されているのがメインメニューです。デモサイトのフッタ部 　フッタ部も同様に、よくある、帯状のフッタにcopyrightを掲げるようなフッタにもできます。しかし、サンプルのデモサイトでは、左側に下から上に遡る方向の展開メニュー、即ちWindowsのスタートメニューのような挙動を見せるツリー情報を配置しています。　このメニューは、第一階層にメインメニューと同じ内容を配置し、第二・第三階層にページ内リンク（ページ内ジャンプ用）を配置したもので、現在のページと異なる場合は、そのままページ遷移しますが、同じページ内のリンクの場合は、メニューは閉じないままでページ内スクロールで該当位置に移動する、という少し面白い動きをしま

【以下ブログのとおり、現在作成途上です。了承のうえ下へお進みを】データ駆動　まずデータ駆動とは、英語なら Data Driven。その名称の意味する通り、データにより何かが引き起こされるもの。行われる挙動の起点となるものが登録されているデータによって変化する仕組みのことを指しています。　しかし、人によって捉え方はさまざまで誤解も生じやすいため、ここで説明を補足いたします。 　ただ、ここでいうデータ駆動の場合、さらにその先のある概念を含んでおり（実はそこが本質であり肝でもある）、後半部分にて説明いたします。データ駆動の捉え方　まず、人それぞれの捉え方について、例えば、この名称はリアルタイムの動的なイメージで捉えられる場合もあります。　「データが変化するとそれをトリガーに、次の瞬間、何かが起こる」　確かにそれもデータ駆動、むしろそちらのほうが言葉の意味としてはより適切なのかもしれません。 　しかし本システムの場合は、データ変化で変更イベントが起こるような意味ではなく、静的な観点の動作を指しています。　JavaやphpなどによるWebシステムのサーバサイドでは、データ内容の変更に伴い表示結果が変わること自体、システム目線では、一般的には動的な振る舞いと受け取られています。　その意味では、本システムのデータ駆動も動的であると言えます。　しかし、結果として表示されるページは、ユーザー目線では、そのまま静的な状態を保ちます。　htmlコンテンツの特性として、データを変更してもページの再表示を行わなければ変更内容は反映されません。 　そういった意味で、ユーザー視点の場合、本システムで提供す

【以下ブログのとおり、現在作成途上です。了承のうえ下へお進みを】はじめに　本サービスで提供しようとしているデータ駆動Webサイトには、ざっくりいうと、方向性の異なる、以下の4つの機能を備えています。　① データ駆動　　② 事前組み込み機能　③ アイコンイメージ管理機能 　④ 既存htmlページ取り込み① データ駆動　データ駆動Webサイトでは、①の「データ駆動」という機能が中核にあります。このデータ駆動には、その振る舞いに対する概念、というか思想が別途あります。（「データ駆動」について、詳しくは以下リンクをご参照ください）② 事前組み込み機能　また、どのようなサイトでもおそらく組み込むであろう、もしくは組み込むとしたらこのような仕組みが必要だ、などを予めJavaScriptやCSSにより実現し、組み込んでおいたもの。それが②の「事前組み込み機能」で、ヘッダ・メニュー・フッタ構成として、①の「データ駆動」と絡んだ形でひと通り稼働する仕組みとなっています。（「事前組み込み機能」について、詳しくは以下リンクをご参照ください）≪リンク準備中≫③ アイコンイメージ管理機能 　さらに、メニューその他で利用するアイコンイメージについても、svg（Scalable Vector Graphics）形式を主体とする登録データから制御する方式で、事前に登録済のsvgデータをメニューに簡単に紐付け可能な方式や、通知情報がある場合などのfaviconへのマーキング表示なども行える機能（③のアイコンイメージ管理機能）を内包します。　メニューなどと連動するアイコンとして、svg以外も画像URLのデータ設定

以下のサービスに関連するブログです。 データ駆動Webサイト。それは、　情報発信系HP向け、参照アシスト組込済　　いろいろひっくるめて稼働準備万端　　　Ready for your approach.　二言、三言と綴るならそんな感じの機能提供。　たとえば、“発信したい何か”を胸に秘めるあなた。　　思うだけでは伝わらない。伝える形の成しかたも　　　願うだけでは身に付かない。気が急いても　　　　時間は待ってはくれない。　　伝える形、まずはHP。創るノウハウも　　　その熱量あればいずれ成せる。　　　　けれど、賢い人でもすぐには身に付かない　　　　　どうしても時間は溶けて流れるばかり。　そんなとき、データ駆動Webサイト。　　WebAPサーバでいろいろ解決。欠けたピースは　　　“発信したい何か”のメインコンテンツ。そんな　　　　ピースは作成済のhtmlファイルがあれば埋まる。　　　外堀は既に埋まっている。主要な見た目は外側に任せる。　　　中身は要点を押さえたもの。華美でなくていい。　　　　伝えたいこと。そこに専念するという一手。　　　　　今、htmlファイルがなくても、それなら作れなくないですか？『データ駆動Webサイト』と銘打ち、1月に入って立ち上げたサービスですが、画像にしても説明文言にしても、限られたスペースで内容がうまく伝えられていないことを今更ながら痛感しています。　実際、肝心なところが全く伝わっていないことに気付いています。 　“データ駆動” という言葉をわかりやすく噛み砕いたつもりで “登録したデータを表示する” のような説明とした場合、何を当たり前なことを、という感想し