1. さて、今も昔も。
  2. 《新サイトのモニター》Aimer..
《新サイトのモニター》Aimerさんに、、、感想頂きました。
2026-08-16 14:42

《新サイトのモニター》Aimerさんに、、、感想頂きました。

standFMのリポストになります|Aimerさんに「せきねスタジオ」の新しいポータルサイトについて感想うかがいました。  #コラボ収録
https://photo-studio-sekine.vercel.app/

 

サイトの仕組みと、その目的についてご説明いたします。

=構成=
トップページ
・Vercel(ヴァーセル):Webサイトやアプリをインターネット上に公開する「Next.js」の開発元

メニュー
・Blogger:ブロガー:Googleのブログサービス ブログ創世記からの老舗

階層マップ的なwiki
・Cosense:旧称: Scrapbox 株式会社Helpfeelが提供するクラウド型の情報共有・ナレッジ管理ツール(Wikiツール)

 

このサイトは、私のさまざまな発信活動をつなぐ「ひとつの入口(Webカード)」として制作いたしました。

自分自身の発信を無理なく、そして長く続けていくために、コンテンツの性質に合わせて使用するツールを整理・分担しています。

写真や日々のエッセイ、あるいはラジオといったビジュアルや想いを伝える表現は「Blogger」から各サイトへ。
そして、サイトマップ風の案内は「Cosense(Sekine Wiki)」のシンプルなwikiシステムへ。
それぞれの特性に応じた場所へ役割を委ねることで、毎日の更新をスムーズに行える環境を整えています。

また、この入口となるWebカードの背景画像やメッセージもGoogleスプレッドシートと動的に連動しており、複雑なコードを直接書き換えることなく、季節や状況に合わせてGoogleドライブ内から手軽に更新できる設計にしています。

大げさな装飾や複雑なシステムに頼るのではなく、裏側の仕組みはスマートに、表側の表現はシンプルに。
ご覧いただく一人ひとりとの距離感を大切にしながら、日々の出来事や大切なメッセージを届けてまいりたいと考えております。

ご興味を持たれたら...見ていただいてご感想も頂けると嬉しいです。

構想と着手から一年以上掛かりましたが最終的な作業は1~2ヶ月で出来ました。 作り上げると言うよりは作って壊しての繰り返しです。笑


#コラボ収録 #サイト作成
#仙台ポッドキャスター #川崎ポッドキャスター 
#Vercel(ヴァーセル) #Blogger:ブロガー 
#Cosense:旧称:Scrapbox

感想

まだ感想はありません。最初の1件を書きましょう!

サマリー

このエピソードでは、新しいポータルサイト「せきねスタジオ」について、Aimerさんがナビゲーターの関根さんに感想を述べています。サイトはVercel、Blogger、Cosenseといったツールを連携させ、発信活動の入り口として機能するように設計されています。Aimerさんは、サイトの洗練されたデザインや、更新が容易な仕組み、そして「60s layers」というキャッチフレーズに興味を示しました。関根さんは、サイトの目的や、ユーザーがコンテンツにたどり着きやすくなるような工夫について説明し、最終的には熱意あるユーザーとの繋がりを重視する姿勢を示しました。

新サイトの紹介とAimerさんの第一印象
こんにちは、よろしくお願いいたします。
こんにちは、よろしくお願いいたします。
今日は、僕、サイトを新しく作ったので、Aimerさんに見て頂こうと思って、先ほど送ったんですけども、見て頂けました?
はい、拝見させて頂きました。すごい綺麗に、すっきりとまとまっているような気がします。
そうですね、1ページ目はね。
どうやって見るのかなっていうところも、教えて頂きながら。
1ページ目は、そんな迷わなかったと思うんだけど、今回はモバイルサイズを意識したんで、横画面にすると僕の顔が見えないんでね。
そうですね。
縦画面にしたり、ズームイン、ズームアウトをしていくと、僕の顔が映るっていう、そんなところなんだけど。
ボタンが大きめのボタンと小さめのボタンがあるんで、あの辺は大きめのボタンを押すかなっていうところ。
あと、文字がちょっと見にくいでしょ?
そうですね。かなとは思ったんだけど。
あれは、えめさんも言ってた通り、読まれても読まれなくてもいいのかなっていう意図。っていう感覚。
それはなんとなく感じました。
やっぱりそう。ルックス重視で、気になった人はもっと読んでっていう。頑張って読んでって感じ。
はい。でも面白いので、やはり全部、隅々まで見たいなっていう気持ちにはなりますよね。
サイトの仕組みと技術的解説
ありがとうございます。で、肝心は2ページ目なんですよ。
トップのページは、アプリを作るサイトのバーセルっていうサイトで作ったんですよね。
あれ、アプリと同じサイトなんですよ。
で、肝心は、ドライブ内のGoogleスプレッドシートを更新すると、あそこに全部反映するっていう。
アプリからGoogleの方に拾いに来るっていう。そういう仕組みになってるから、絵もテキストもドライブの方から触れるっていう。
リモートでできるっていう感覚で。問題は2ページ目なんですよ。
はい。
で、2ページ目入って、あれ入った瞬間に、Googleのブロガーだって気がつきました?
うん。分かりました。それ分かりました。
どの辺で分かりました?
どの辺?
やっぱり自分もやってるからか。
そうですね。多分そうだと思う。
一応、同じ画面というか写真で、僕の写真を使って、同じテイストを使ってやったんで、
同じ中にいるかのような錯覚というか、イメージか感覚になってもらえればなっていうところはあるんですけどもね。
で、僕もあれ、昨日触ってて思ったんだけど、各メニュー、あれ開いてもらうのをブログやったことない人にはなかなか開けないよなっていうのはやってて思ったんですよ。
Aimerさんのサイト操作体験とフィードバック
エメさんはどんな感じでした?
そうですね。私最初携帯で拝見させていただき、次にiPadで拝見させていただき、
今パソコンの画面で見てるんですけども、パソコンだと赤くなる。
そうそうそう、マウスを置くと緑が、マウスを置くと白くなって踏んだ後が赤くなるのかな?
マウスを置くと赤くなる。
マウスを置くと赤くなったんだっけ?
赤くなる、はい。
ホバーで白くならなかったかな、一瞬。それで踏んだ後が赤くなるのような感じ、サラクションになるんですよ。
最初の色とマウスを乗っけた時の色と踏んだ後のリンクっていうね、戻ってきた時に、そんな感じになるんですよ。
なんでこの赤くなると分かりやすいですね。
一回見たところは赤くなるんですよ。
だから二度目に訪れた時にまた昨日のところを見たいなっていうのは分かりやすいかなって思うんですよね。
ただそれにしても、メニュータイトルを踏めばその記事が開くっていうのが死にやすそうには分かりにくいよなぁとかは思ったんで、
続きを読むっていうところを踏めばいいか、もしくはタイトルを叩けば開くんで、メニュータイトルですね。
だからそこにあえて一番上のだけオープンってしたんですけど、これでもまだ分かんないよなと思って、
それでもう一個押したくなるような、なんだっけ、60s layersってなんだみたいな赤い文字を加えたんですよ。
これ僕のね、昨日考えた僕のキャッチフレーズみたいな感じ。
60代とか1960年生まれとかのレイヤー、積層、積み重ね、地層、最初地層っていうのをイメージしたんだけど、
そこでひねくりに倒してレイヤーズっていう風に持ってきて、60s layersっていうイメージにしたんだけど、
それを赤文字で書けば、叩きたくなるかなみたいな感じ。
持っていくと色が変わるから、押したくなる感じですよね。
パソコンならね、スマホでなかなか難しいとこあるんだけど、
サイト制作の背景と意図
一番見てほしいのは、企業の社長さんかもしくは中の人っていうところだから、その気があれば触ってほしいぐらいの感じ。
でもすごい面白いと思う。色んなとこ叩けるし、そうすると色々出てくるので、全てが分かるってやつですね。
トップの関根和弘、結構頑張ってまとめたと思うんですよ。
素晴らしいと思います。何日かかったんでしたっけ?
ほぼ1日。あのページはね。この構想は1年かかってるんですけど、着手から。
おめでとうございます。
半年ぐらいで全部やり直してたんだけどね。
結局はね、物事ってやり直さなきゃダメなんですよ。
やり直してゼロになっても、それが役に立たなかったわけじゃなくて、それが基礎体力になって次の仕事になってるから、物になる前が大事なんですよ。
そうですね。
で、その下に猫ちゃんの足跡みたいな、僕のストーリーズみたいなのも付け加えたんで、
遊ぼっこもまだ途中なんだけど、結構はしょって書いたんだけど、まあまあな数ありませんでした。
見応えあります。
見応えなのか何なのか分かんないけど。
でね、まあ書く分には罪がないなと思って、これを若い人に言ったら老害だけど、
そんなそんな。
本当そんなところで、若い人に言えば老害の範疇だけど、自分のことを興味持った人に届けようと思えば、これぐらい書かなきゃ伝わんないよなと思って。
そんな感じのブログで作ったメニューなんですよ。
複数サイト運営とコンテンツ戦略
これほんと見やすい。慣れると見やすいですね、すごく。
ブログウェブさん、ほら3つも4つもやってんじゃないですか、今。
3つです。
でもほら、あれもやってんじゃん。ブロガーもやってるし、ノートもやってるし、静かなインターネットもやってるし。
6つですかね。やりたい放題。
そうやって触ってる人はなんとなくわかるんですよ。
でも結局僕らが付き合う人って、仕事のできる社長さんしか僕は繋がるつてがないわけですよ。
仕事のできる社長さんか仲の人かって思った時に、まあそれぐらいハードルあってもいいかっていう感じ。
面白い。見てたら面白い。
初見の何もやってない人に手渡す時は、結局名刺に書く時は最初のアプリの1ページ、看板だけの名刺みたいな1ページなんで、
あそこから次のボタンを押すかって言ったら押さないんですよ、みんな。
だからその1ページ見てもらう、僕の写真を見てもらう、なんかやってんだなぐらいで十分なんですよ。
だからハードルを越えてきた人にはどんどん僕は優しくなっていく。
最初からみんなに優しくしようとすると、どんどん階層が深くなっていくから、
だんだんハードルを越えてきた人と付き合っていこうっていう、こういう感じかな。
いいと思います。
ブログの方も更新していかないわけじゃないし、もしくは過去記事で過去あったことを貯めていけば、
トップレイヤー、トップのメニューはあの程度でいいと思ってるんですよ。
ブログって何記事表示できるかっていうのは自分で決められるんですよ。
ブロガーの場合は15ぐらい。
だいたいそんな感じなんですよ。
だから僕今8個か9個か10個ぐらいになってると思うんだけど、それを固定しておいて、
過去記事に書けば今度過去コンテンツになるわけですよ。
日付レイヤー、日付アーカイブを載せれば下の方に、そうすれば何年何月何かしてたなとかタイトルも見れるし、
カテゴリー付ければ仕事のカテゴリーみたいな感じ、何の仕事みたいなことで分けられていくから、
ここの中でもコンテンツは溜まっていくんだけど、一見ね、それから今日以降は更新ないとしても新しい記事の。
でも実はそのメニューの先にはブログとかYouTubeとかポッドキャストとかあるじゃないですか。
そうするとそのメニューの先は絶えず毎日のように更新してるっていう、こういうレイヤーになってるんですよ。
なるほどね。
だから付き合ってくれた方には楽しんでもらえるかなっていうような仕組みを考えたつもりなんですけどね。
サイトの楽しみ方と今後の展望
面白いと思う。なんか面白い。
これやった人にしか伝わんないですよね。
見てると楽しい、すごく。
結局、ゆめさんもハテナブログメインで動かしてるの3つあるじゃないですか。
自分ブログとおやつブログと、それから写真のおやつブログと、それから関西インコのサブチャンブログと。
で、こう、まさか1年2年前こんなことになるとは思わなかったと思うんだけど、やってみると面白いでしょ。
面白いです。まさか自分がブログを書き始めるとは夢にも思ってなかったですよ。
これってさ、SNSの一部で、仕組みの一つではあるんだけど、特にハテナなんかは。
ブログはちょっとSNSっぽくはないんだけど、今のSNSってこう、数を集めて何か集客して何かやるとかっていうようなのが当たり前って思われてる中で、
やっぱり自分の基礎体力というか、自分のコンテンツというか自分の楽しみを持ってる人がどこかに出ていった時に面白いんだよなっていうのを自分の中で感じられたら。
そうですね、おっしゃる通りですね。
これがスタンドFMのポッドキャストにも言えるし、ブログにも言えるしっていうのを大きく思うわけですよね。
スタンドFMでフォロワーさんいっぱい溜めるのが正義じゃなくて、ここで仲間遊び、自分遊び、自分コンテンツ、宅配がどれだけ出てきたかっていうこういう蓄積が大事なのかなって思ったりするんですけどね。
そうですね、おっしゃる通りだと思います。
というわけで、今日はエミさんに僕のサイトを見ていただきまして、拡散いただきました。
ありがとうございます。
拡散というか、僕が勝手に喋っちゃっただけ。
ありがとうございます。
ではこの後、おばあちゃんラジオの収録に入りたいと思います。
よろしくお願いします。
よろしくお願いいたします。
14:42

コメント

スクロール