{"pages":{"services":"
\n
サービス

いま、
届けたいもの。

ホームページを、自分たちで更新したい。見に来た人を、ページの切り替えで待たせたくない。そんな相談に応えるサービスと、いま開発しているものをご紹介します。

お困りごとから探す何を頼めばいいか分からない時は、こちらから。
\n
\n
おすすめ

いちばんに
届けたい、3つ。

\n
\n

このサイトの作り方

HLSPA（フルスパ）

Webサイトに、アプリのなめらかさを。

HTMLのページを生かしたまま、ページを移る時の待ち時間を減らす仕組みです。いまのサイトに入れられるか、構成や動きを見て確かめます。

HLSPA（フルスパ）を見る
\n
\"STAMPP

いま、つくっているもの

STAMPP Local CMS

管理画面を、インターネットに置かない。

記事を書く画面は、自分のパソコンの中。AIの提案は人が確かめてから反映し、サーバーへ出すのは出来上がったページだけです。

開発中です。画面は試作のものです。

STAMPP Local CMSを見る
\n
\"琉球大学財務部の当時のWebサイト画面\"

2011年から

STAMPP CMS

更新できることを、会社の力に。

お知らせや予定表を、担当の方が自分で更新できるように。問い合わせやサイト内検索も、会社の運用に合わせて組み立てます。

STAMPP CMSの実績を見る
\n
\n
\n
ほかにも

PHPとWebで、
こんなものも。

\n
\n

一番目の柱・PHP

Web業務システム

紙やExcelの仕事を、ブラウザで開ける形に。いま動いているシステムを直して引き継ぐ仕事も。

PHPでできることを見る
\n

いまのサイトの見直し

Webサイトの再点検

その仕組みを選んだ理由は、いまも同じですか？　管理画面の置き場所や更新の手間を、いまの使い方に合わせて見直します。いまのまま使う、という答えもあります。

再点検について見る
\n

サイトの修正

編集室

画面の気になる所に丸を付けて、声や文字で直してほしいことを伝える道具です。開発中です。

編集室を見る
\n

アプリ

できてえらいね！スタンプ

おうちの中の小さな「できた」を、スタンプでためていくアプリです。Web版・Android版を公開しています。

アプリを見る
\n
\n
\n
\n
","works":"
\n
制作実績

つくって終わらず、
使われるところまで。

これまでの制作・開発の記録から、スタンプが向き合ってきた仕事を選びました。

当時の記録をもとにしています。現在の取引関係を示すものではありません。

\n
\n

2016　Webシステム

琉球大学 留学生センター

検索体験を、
小さな画面にも。

作文コーパスの検索条件から結果表示までを、画面の狭い端末でもたどれる構成へ。情報量の多い検索システムだからこそ、使う人が迷わない順番を考えました。

\"JCK作文コーパス検索システムの当時の紹介画像\"
JCK 作文コーパス検索システム
\n

2015　Webリニューアル

沖伸総業

必要になる前に、
CMSを押しつけない。

まず話を聞き、当時の運用に必要なものを選ぶ。更新機能を先回りして増やすのではなく、必要になった時点で次の段階へ進める静的なサイトとして設計しました。

技術を増やすことより、
ちょうどよい形を選ぶこと。

\"沖伸総業コーポレートサイトの当時の画面\"
沖伸総業 コーポレートサイト
\n

CMS・運用

ゆいワークス・琉球大学 財務部ほか

更新する人のための、
CMS。

お知らせ、予定表、問い合わせ、サイト内検索。表に見えるページだけでなく、日々更新する人の仕事まで含めて、必要な機能を組み立ててきました。

\"ゆいワークスの当時のWebサイト画面\"
ゆいワークス
\"琉球大学財務部の当時のWebサイト画面\"
琉球大学 財務部
\n
いまの仕事

公共団体の
イベントサイトも、
手がけています。

広告代理店さまや制作会社さまからのご依頼で、公共団体のイベント特設サイトや、公開日に合わせたWebシステムの開発・運用にも携わっています。

個別のお名前は載せていませんが、ご相談内容に応じて、お話しできる範囲でご紹介します。

お仕事について問い合わせる
\n
\n
","company":"
\n
会社概要

会社概要

株式会社スタンプは、新しいスタイルを提案し、より多くの方へ「しあわせ」の輪を広げることで、「たのしい！」を創り続ける会社を目指していきます。

\n

会社の情報

\n\n\n\n\n\n\n\n\n\n\n\n
会社名株式会社スタンプ
本社〒901-2424 沖縄県中頭郡中城村字南上原522 カーサ・スペランツァ 103号室
東京事務所東京都中央区日本橋2丁目16-4 remix日本橋 6階
本社電話番号098-895-7557（FAX 098-993-7367）
設立日2007年12月3日
代表取締役當山 聖和
資本金1,000万円
主な事業内容
  • コンピューターおよびインターネットを利用したシステムプログラムサービスの開発・運営・運用事業
  • 主にインターネットを利用した商品の販売
  • インターネット関連事業
  • インターネット関連技術者の人材派遣業務
  • 前各号に付帯又は関連する一切の事業
従業員人数プログラマー4名、事務職1名
取引銀行
  • ゆうちょ銀行
  • 沖縄銀行
  • 琉球銀行
  • 沖縄海邦銀行
主要取引先
  • 琉球大学
  • 株式会社 フューテックシステム
  • 株式会社 琉球ネットワークサービス
  • 株式会社 アカネクリエーション
  • 株式会社 フラッシュエッヂ
  • ゆいワークス 株式会社

（順不同）

代表あいさつを読むスタンプに相談する
\n
","contact":"
\n
お問い合わせ

Webのこと、
一緒に考えましょう。

サイトを更新したい、古いシステムを直したい、AIを仕事で試したい。電話でも、フォームでも、ご相談ください。

\n

連絡のしかた

電話

098-895-7557

平日 9:00〜18:00

FAX 098-993-7367

フォーム

「いま困っていること」と「こうなったら助かる」を、分かる範囲で書いてください。サイトのことなら、そのURLも。

フォームで送る

フォーム

フォームで送る

送っていただいた内容は、Googleフォーム（Google LLCのサービス）で受け付けます。

ここに入力画面が入ります（準備中）。それまでは、お電話でご連絡ください。

ご相談の例

たとえば、
こんなご相談。

  • ホームページを新しくしたい
  • 自分たちで更新したい
  • Excelや紙の管理を、Webにしたい
  • WordPressで「難しい」と言われた
  • 古いシステムを引き継いでほしい
  • アプリがほしい
  • AIを仕事に使いたい
  • 技術者を探している
お困りごとから探す
\n
","message":"
\n
代表あいさつ

必要なものを、
ちゃんと使う。

\n

代表取締役から

株式会社スタンプ 代表取締役の當山聖和です。

スタンプは2007年に設立した、沖縄のWeb技術・Webシステムの会社です。
CMSは2011年から。
PHPで仕組みをつくり、CMSで、使う人が自分で更新できる形にする。この二つを、ずっと続けてきました。

いまは、そこにAIを加えています。AIは魔法ではなく、道具です。調べる、作る、直す。その手間を少し軽くして、人が決めることに時間を使えるようにします。

昔からある技術も、これから使う技術も。必要なものを、ちゃんと使う。それがスタンプのやり方です。

Webのことでも、AIのことでも。困ったら、まずは話を聞かせてください。

株式会社スタンプ
代表取締役　當山 聖和

\n
","history":"
\n
過去に開発したサービス

これまでの開発

CMSでホームページを更新する。ブログの新しい記事を、一つのホームページへ集める。スタンプが過去につくったサービスです。

ここは過去の開発の紹介です。現在の販売や申込みの案内ではありません。

\n
過去の開発サービス

黒猫CMS

HTMLを直接さわらずに更新したい方と、PHPで細かく作り込みたい制作者。その両方に向けて開発したCMSです。

使う人の更新と、制作者の作り込み。その二つを考えた、スタンプのCMS開発の一例です。

過去の開発サービス

GetRss

複数のブログの最新記事を、ホームページにまとめて表示。ホームページ側へ、もう一度載せる手間をなくすためのサービスでした。

ブログの記事を書く作業は、そのまま残ります。省くのは、ホームページへの再掲載です。

\n
","go":"
\n
始めました

GoLang（Gin）
始めました

Go言語と、軽いWebフレームワークのGinで、システムづくりを始めました。まずは管理画面から作っています。

\"GoLang
バナーのGopherは、Renée Frenchさんのデザインをもとにしています（CC BY）。
\n
\n
選んだ理由

シンプルで、速い。

Goは文法がシンプルで、動きが速い言語です。大きくなっても保守しやすいWebアプリを作れると考えて、使い始めました。

\n
作っているもの

Ginで、
管理画面を。

  • 画面・処理・データを分けて作る（MVC）
  • データベースは、GORMで扱う
  • ログインは、JWTで確かめる
  • 認証のチェックは、Ginのミドルウェアで一か所にまとめる
  • 処理とデータの出し入れを層に分けて、テストしやすくする
\n
やってみてわかったこと

まず画面から、
作ってみる。

最初はAPIではなく、HTMLの画面を返すところから始めました。画面の動きをすぐ確かめられるので、関わる人とイメージを合わせやすい。覚えることも少なく、社内で知識をためやすい進め方でした。

これから、必要に応じてAPI化も考えていきます。

\n
\n
","flutter":"
\n
始めました

Flutter
始めました

スマホアプリとWebを、ひとつのコードでつくれるFlutterを使い始めました。

\"Flutter
Flutter始めましたのバナー
\n
\n
作っているもの

ひとつのコードで、
スマホとWebへ。

  • 画面の状態は、Riverpodでまとめて管理する
  • 通信のしかたは、スマホとWebで自動で切り替える
  • スマホでは、ログインの情報を暗号化して保存する（FlutterSecureStorage）
  • Webでは、ブラウザーの保存場所を使う（SharedPreferences）
  • 部品のつなぎ込みもRiverpodで。テストのときに差し替えやすくする
\n
やってみてわかったこと

同じコードでも、
端末ごとの違いはある。

ひとつのコードで複数の端末に出せても、通信や保存のしかたは、それぞれに合わせる必要があります。そこを最初に分けて作っています。

\n
\n
","laravel_react_python":"
\n
始めました

Laravel・React・Python
始めました

PHPを土台にしながら、使える技術を少しずつ増やしています。

\"Laravel
Laravel・React・Python始めましたのバナー
\n
\n
Laravel

PHPの
フレームワーク。

PHPを長く使ってきた会社として、Laravelでも、整ったWebアプリをつくれるようにしています。

\n
React

画面の操作を、
なめらかに。

操作していて気持ちのいい画面をつくるために、Reactを使い始めました。

Reactのサンプルを見る外部のサイトが別のタブで開きます。
\n
Python

データと、
AIのために。

データの分析や、AIを使う仕事のために、Pythonも使っています。

\n
\n
","editorial_room":"
\n
いま、つくっているもの

編集室

「この見出しを短く」「この写真を替えて」。Webサイトの画面に丸を付け、声や文字で修正を伝える道具「編集室」を開発しています。言葉だけでは伝えにくい修正も、制作する人と依頼する人が、同じ画面で場所を確かめながら進められます。

\n
\n
しくみ

丸を付けて、
声で伝える。

  • ページを見ながら、気になる所を丸やペンで囲む
  • 直してほしいことを、声か文字で伝える。声は手元のパソコンで文字にする
  • 指示は番号つきで残り、あとから読み返せる
  • 描いた印は、Ctrl+Zで取り消せる
\"編集室で、ページの見出しに丸を付けて指示を書いた画面\"
丸を付けた所に、指示が番号つきで残ります。
\n
作業の画面

ページごとに
確かめて進む。

確かめるページの一覧、実際の表示、指示を書く欄を、一つの画面にまとめています。見終わったページは「このページはOK」にして、次のページへ進みます。

ナビゲーションのように、どのページにも出てくる部分への指示もまとめて出せます。

\"編集室の作業画面。左にページの一覧、中央に表示、右に指示を書く欄\"
左からページの一覧、表示、指示を書く欄。
\n
いっしょに使う道具

つくる・直すは
編集室。
更新はCMS。

サイトを作り直すときは、編集室で直してほしいことを伝えます。公開したあとの毎日の更新は、STAMPP Local CMSで行います。どちらも手元のパソコンで動き、AIが手伝い、決めるのは人です。

STAMPP Local CMSを見る

\n
これから

伝えた指示を、
そのまま制作へ。

  • 保存した指示を、制作を手伝うAIへそのまま渡す仕組み
  • 直した版をいくつか作り、よい所を組み合わせて選ぶ機能

編集室は開発中です。画面は試作のもので、指示の文は例です。

修正の伝え方を相談する
\n
\n
","mcp":"
\n
新しく始めること

MCP開発

問い合わせの返事を下書きする、予約の空きを調べる。そんな仕事をAIに手伝ってもらえるよう、いまのCMSやWebシステムに連携する仕組みをつくります。使うのは「MCP」という共通の決まりです。まずは、いまの仕組みで何ができるかを一緒に確かめます。

\n
\n
MCPとは

AIとシステムを
つなぐ、
共通の口。

MCP（Model Context Protocol）は、AIとほかのシステムをつなぐための、共通の決まりごとです。2024年にAnthropic社が公開し、いまではChatGPTやClaudeなど、多くのAIが対応しています。

差し込み口の形が決まっていれば、どの会社の機械も同じケーブルでつなげます。MCPも同じで、決まった形の口をひとつ用意すれば、いろいろなAIから同じようにつなげます。

この口で扱うのは、「記事を読む」「下書きを入れる」「予約の空きを調べる」といった、あらかじめ決めた仕事です。AIへの指示だけに頼らず、読める情報と変更できる範囲を、つなぐ先のシステム側でも制限します。

\n
スタンプがすること

いまの仕組みに、
口を足す。

  • いまのWebサイトや、PHPでつくったCMS・Webシステムを見せていただきます
  • AIに手伝ってほしいことを、一緒に決めます
  • 決めたことだけを、MCPの口として開けます
  • AIが、いつ・何をしたかを記録に残します

スタンプは、PHPでWebシステムをつくり、2011年からCMSをつくり続けてきました。いまの機能や運用を読み解き、必要な部分をつなぐ設計からお手伝いします。

つくり直したほうが早いこともあります。そのときはWebリニューアルとして、一緒に考えます。

\n
たとえば

こんなことを、
AIに頼めます。

  • お問い合わせの内容をAIが読んで、返事の下書きを用意する
  • お知らせの下書きを、AIがCMSに入れておく（公開するかどうかは人が決める）
  • 予約や在庫の状況を、AIに聞いて答えてもらう
  • 社内のWebシステムの数字を、AIがまとめて知らせる

できることは、つなぐシステムによって変わります。

\n
大事にしていること

開けるのは、
決めた所だけ。

  • 見せないものを、先に決める個人情報や社内だけの情報を、どこまでAIに渡してよいか、一緒に決めます。接続できる人も確かめ、この連携で読める情報をシステム側で絞ります。
  • させることを、ひとつずつ決める読むだけにするか、下書きまで任せるか。できる操作を、その範囲に絞ります。
  • 少しずつ広げる手元や社内だけで使う方法も含め、必要な接続範囲を選びます。最初は読むだけにして、使い心地を確かめながら広げます。
  • 大事な操作は人が決める公開・送信・削除など、あとから戻せない操作は、人が確かめてから行います。
  • 記録が残るAIがいつ・何をしたかを残すので、あとから確かめられます。
\n
進め方

小さく始めて、
広げていく。

  1. 聞く

    いまのシステムと、AIに手伝ってほしいこと。それから、AIに読ませたくないものを聞かせてください。

  2. 試す

    まずは、AIが読むだけの口をつくって、使い心地を確かめます。

  3. 広げる

    使いながら、下書きや反映など、任せることを広げます。

\n
ご相談

まずは、
お話から。

「うちのシステムにも、つけられるかな」という段階からで大丈夫です。

AIとのつなぎ方を相談する
\n
\n
","apps":"
\n
アプリ

アプリ

親子で使うアプリを、Webとスマホ向けにつくり、公開しています。

\n
\n
自社開発のアプリ

できてえらいね！
スタンプ

\"\"

できたね、をためる。
おうちのスタンプカード。

「おかたづけ できたね」「はみがき じぶんで できたね」。おうちの中の小さな「できた」を、スタンプでためていくアプリです。ためたスタンプは1枚の絵にして、はなれて暮らす家族にも送れます。

  • Web版公開中
  • Android版2026年10月、Google Playで公開
  • iPhone版準備しています

できてえらいね！スタンプのページへ

Google Playで見る

\n
画面

こどもは、
押すだけ。

  • \"「はみがき
    スタンプはオリジナルの絵。3つのテーマに24種類。
  • \"おもいでカードの画面。なまえ、ためたスタンプ、ごほうびの写真が1枚の絵にまとまっている\"
    ためたスタンプを、1枚の絵に。
  • \"おうえんページの画面。こどものカードと、おうえんするボタンがある\"
    じいじ・ばあばは、ブラウザで見て応援。

写真の欄は絵で、実在のこどもは写っていません。

\n
家族で

はなれていても、
見守れる。

  • パパとママのスマホをつなぐ一度つなぐだけで、カードもスタンプも写真も同じになります。どちらで押しても消しても、両方に同じ数が出ます。
  • おうえんリンクおじいちゃん・おばあちゃんは、アプリを入れなくても、ブラウザで開くだけで見て応援できます。見られるのは招待したカード1枚だけで、リンクには期限があり、いつでも止められます。
  • 応援が、こどもに届く応援が届くと、こどもの画面に「おばあちゃんが みてくれたよ！」と出ます。
\n
大切にしていること

こどもの画面は、
こどものもの。

  • 広告なしこどもが見る画面には、広告も、買うボタンもありません。
  • 設定や購入の前に確認かんたんな計算に答えてから進む画面を設けています。
  • 登録はいらないアカウントの登録なしで使えます。なまえは任意で、ニックネームで使えます。
\n
無料で使えること

まずは、
無料で。

カード2枚までのカードづくり、スタンプ、花火の演出、ごほうびの写真1枚は、無料のまま使えます。家族から招待されたときも、無料のまま参加できます。

きょうだいの分のカード、ごほうびの写真4枚、おもいでカード、家族のスマホをつなぐ機能は、「おもいでパック」（600円・買い切り）で使えるようになります。家族のだれかが1回買えば、つないだスマホでも使えます。

プライバシーポリシー　特定商取引法に基づく表記

\n
開発事例（自社製品）

Webの技術で、
アプリまで。

画面は、フレームワークを使わない素のHTML・CSS・JavaScriptでつくりました。同じコードをAndroidアプリにもして、Google Playで公開しています（Capacitor）。家族のスマホの同期や応援はCloudflareのサーバーの仕組みで、課金はRevenueCatとGoogle Playの決済で動かしています。

  • 確かめながら直す家族の同期などの仕組みに、自動のテストを103件用意しました。手元と本番の両方で全件通ることを確かめ、わざと壊してテストが落ちることも確かめています。
  • 起きて、直したこと片方のスマホで押したスタンプが、もう片方に出ないことがありました。一覧が数秒遅れて届く性質が原因だと突き止め、読み直しの幅を持たせて直しました。iPhoneでLINEから開くとデータが消えたように見える件は、端末の中で暗号化して渡す「あいことば」での引っ越しをつくりました。
  • AIを、開発の相棒に企画と判断は代表が行い、実装・確認・資料づくりにAIの手を借りています。Google Playの新しい要件で提出が止まったときも、1日で土台を新しくして出し直しました。
\n
\n
","php":"
\n
一番目の柱・PHP

PHPでできること

顧客名簿や在庫をみんなで確認したい。商品を条件に合わせて探したい。そんな仕事を、ブラウザで使える仕組みにします。スタンプが長く使ってきたPHPは、その裏側を支えるプログラムの言葉です。

\n
\n
Web業務システム

紙やExcelの仕事を、
ブラウザで。

業務システムは、お客さまの名簿や、商品と売り上げの管理など、会社の仕事を助けるしくみです。それをホームページのようにブラウザで開ける形にしたものを、Web業務システムと呼んでいます。

  • 本社でも支店でも、同じ情報を事業所が増えても、同じ名簿や同じ在庫を見ながら働けます。
  • ソフトを入れなくていいパソコンにソフトを入れなくても、ブラウザを開けば使えます。
  • 情報が一か所にまとまるファイルが人ごとに分かれず、いちばん新しい情報をみんなで使えます。
\n
ホームページとシステムの境目

WordPressで
「難しい」と
言われたら。

こんな時は、システムの出番かもしれません。

  • WordPressで「難しい」と言われた
  • WordPressで作ったけれど、探しにくい・入力しにくい
  • 相談の中に「データベース」という言葉が出てきた

WordPressの中にもデータベースはありますが、記事を入れるための形です。商品の値段や型番は記事に付け足す項目として入るので、データベースのようなものは作れても、いくつもの条件で絞り込む検索は苦手です。

スタンプは、WordPressで作った部分は壊さずに、商品のデータベースだけを探しやすい形で作ってつなぐ開発もしてきました。

\n
CMSのよいところ

WordPressと
Movable Typeの
よいところ。

どちらも、ホームページを作って更新するためのしくみ（CMS）です。

  • WordPressお問い合わせフォーム、地図、SEOを整える道具など、追加して使える部品が豊富です。必要なものを選び、組み合わせて使えます。
  • Movable Type（MT）ページをHTMLとして書き出し、管理画面と公開サイトを分けて運用できます。

商品数が多い、検索条件が複雑、社内の仕事と連動させたい、といった場合は、必要な機能と運用に合わせて構成を選びます。

システムにすると、必要な機能はそのつど作ることになります。ページの題名や説明文、検索エンジンへの案内といったSEOの基本も、自分たちで組み込みます。小さな機能なら、AIの手を借りて、前より早く作れるようになってきました。

\n
3つの道

いまのCMSを、
どうするか。

  • そのまま使うホームページとして使うのが中心なら、WordPressやMTのままが、いちばん手軽です。
  • 足すデータベースなど、足りないところだけをシステムにして、いまのCMSとつなぎます。
  • 卒業する仕事の中心がデータになってきたら、全体をシステムにします。
\n
このサイトの作り方

HTMLのまま、
SPAのように。

ReactなどでつくるSPAは、ページを読み直さずに画面を切り替える作り方で、アプリのような画面に向いています。

HTMLのページにJavaScriptを加え、ページ全体を読み直さずになめらかに切り替える作り方です。スタンプではHLSPA（フルスパ）と呼んでいます。PHPで作るページにも取り入れられますが、URLの形や画面の動きを調べ、必要な調整をして組み込みます。各ページは直接開いても読めるHTMLで用意します。このサイトでも使っています。

HLSPA（フルスパ）を、くわしく見る
\n
ご相談

いまの仕事の
流れから。

紙やExcel、いまのホームページのままで大丈夫です。どこから始めるのがいいか、一緒に考えます。

業務システムを相談する
\n
\n
","hlspa":"
\n
このサイトの作り方

HLSPA（フルスパ）

Webサイトに、アプリのなめらかさを。

ページを移るたびに画面全体を読み直す待ち時間を減らし、次の内容へすっとつなぎます。HTMLのページを生かしてJavaScriptを加える作り方です。スタンプではHTML Like SPA、略してHLSPA（フルスパ）と呼んでいます。

\n
\n
4つのよいところ

速く、軽く、
壊れにくく。

  • 速く、なめらかリンクにマウスを乗せた時などに、次のページを先に読み込みます。準備できた内容へ切り替えることで、ページを移る時の待ち時間を減らします。
  • 検索やシェアは、ふつうのサイトのままそれぞれのURLを直接開けるHTMLのページとして用意します。検索向けの情報やシェアした時の表示も、ページごとに整えます。
  • いまのサイトを生かせるか、確かめる既存のページを生かし、移動をなめらかにできるか調べます。URLの構成やフォームなどの動きによって調整が必要なため、導入範囲はサイトを確認して決めます。
  • 小さく、壊れにくい本体のJavaScriptは、圧縮した転送量で約5KB。なめらかな切り替えを使えない場合には通常のページ移動を使う設計です。
\n
その証拠に

このサイトが、
フルスパです。

画面の上の丸い音ボタンで音楽をつけて、ほかのページへ移ってみてください。音楽が止まらないのは、ページを丸ごと読み直していない証拠です。

  • 音楽やヘッダーは、そのまま入れ替わるのはページの中身だけ。外側にある音楽やヘッダーは残ります。
  • 戻る・進むも、ふだんどおりブラウザの戻るボタンで、前のページの同じ場所に戻ります。
\n
SPAとの違い

どのページも、
そのままのHTML。

ReactなどでつくるSPAは、ページを読み直さずに画面を切り替える作り方で、アプリのような画面に向いています。画面は、JavaScriptが組み立てます。

フルスパは、どのページも、はじめからそのままのHTMLです。JavaScriptがするのは、ページを移る時のつなぎだけ。フル（full）は、どのページもフルのHTMLだから、です。

PHPが出力するHTMLにも取り入れられます。導入時には、URLの形や既存の動きに合わせて調整します。ページの内容に加え、移動後のフォーカスや読み上げも確かめます。

\n
向いているサイト

読んでもらう
サイトに。

会社やお店のサイトのように、ページを読んでもらうサイトに向いています。音楽や動きを、ページをまたいで続けたい時にも。

画面の中で大きく状態が変わる、アプリのような画面には、SPAが向いています。どちらがいいかは、サイトの使われ方で選びます。

ページを読み直さずにHTMLを差し替える考え方は、PJAX、Turbo、htmxなど、前からあります。スタンプは、HTMLを先にきちんと作るやり方に合わせて、小さく作りました。

\n
ご相談

いまのサイトに、
足せるかどうか。

いまのホームページに足せるか、新しくつくる時に入れるか。サイトを見ながら、一緒に考えます。

フルスパを入れられるか相談する
\n
\n
","cms":"
\n
二番目の柱・CMS

STAMPP CMS

2011年から、CMSをつくり続けています。

公開したあとも、使う人が自分で更新できるように。表に見えるページだけでなく、日々更新する人の仕事まで含めて、会社ごとに組み立ててきました。

\n
\n

実績

琉球大学 財務部・ゆいワークスほか

更新する人のための、
CMS。

お知らせ、予定表、問い合わせ、サイト内検索。必要な機能を、その会社の運用に合わせて組み立ててきました。

当時の記録をもとにしています。現在の取引関係を示すものではありません。

\"琉球大学財務部の当時のWebサイト画面\"
琉球大学 財務部
\"ゆいワークスの当時のWebサイト画面\"
ゆいワークス
\n
3つの方式

同じCMSを、
すべての会社に当てはめない。

毎日だれが更新するか、どんな機能を増やしたいか、Web以外にも情報を届けたいか。まずは使い方を聞き、合う方式をご提案します。技術の名前を決めてから相談する必要はありません。

01

STAMPP CMS
（弊社オリジナル）

必要な機能だけを、扱いやすく。会社ごとの運用に合わせて設計します。

02

STAMPP CMS
（Laravel型）

Laravelを基盤に、拡張と保守を見通せる構成で育てます。

03

STAMPP CMS
（Headless型）

Web・アプリ・社内ツールへ、同じ情報を必要な形で届けます。

CMSは、システムの土台

記事の更新にも顧客名簿の管理にも、「登録・編集・削除・一覧」という共通の仕事があります。

その土台を生かし、項目や探し方、見られる人の範囲は、扱う情報に合わせて設計します。

すべてを一から作るのではなく、使える部分は使い、会社ごとに必要なところを整えます。

\n
これから

管理画面を、
手元のパソコンへ。

STAMPP CMSの経験から、新しい形も試しています。管理画面をインターネットの上に置かず、自分のパソコンの中で記事を書く「STAMPP Local CMS」です。いま開発中です。

STAMPP Local CMSを見る
\n
ご相談

いまの更新の
しかたから。

だれが、どのくらいの間隔で、何を更新しているか。そこから、ちょうどいいCMSを一緒に考えます。

更新のしかたを相談する
\n
\n
","find":"
\n
サービス

お困りごとから探す

どれに当てはまるか分からなくても大丈夫です。近いものを選んでください。

\n
\n
お困りごと 01

ホームページを、
新しくしたい。

こんな時に

    \n
  • 見た目が古くなった
  • スマホで見にくい
  • 更新できる人がいなくなった

スタンプがすること

いまのサイトを調べて、残すもの（原稿、画像、検索で見つかるページ）と変えるものを分けてから、つくり直します。公開したあとも更新し続けられる形で仕上げます。

つくり直すかどうかから決めたい時は、いまの仕組みを見直す「Webサイトの再点検」もあります。

制作実績を見るSTAMPP CMSを見るWebサイトの再点検を見るこのことを相談する

\n
お困りごと 02

自分たちで、
更新したい。

こんな時に

    \n
  • お知らせを出すたびに、業者に頼んでいる
  • 更新の画面が使いにくい
  • 担当が変わると、更新が止まる

スタンプがすること

会社ごとの運用に合わせたCMSをつくります。新しい形として、管理画面をインターネットに置かないSTAMPP Local CMSも開発しています。

いまの仕組みのまま、更新のしかたを整えるだけで足りることもあります。「Webサイトの再点検」で、一緒に確かめます。

STAMPP CMSを見るSTAMPP Local CMSを見るWebサイトの再点検を見るこのことを相談する

\n
お困りごと 03

Excelや紙の管理を、
Webにしたい。

こんな時に

    \n
  • 名簿や在庫をExcelで回していて、どれが最新か分からない
  • 本社と支店で、同じ情報を見たい
  • パソコンにソフトを入れずに使いたい

スタンプがすること

PHPで、ブラウザで開けるWeb業務システムをつくります。情報が一か所にまとまり、いちばん新しい情報をみんなで使えます。

Web業務システムを見るこのことを相談する

\n
お困りごと 04

WordPressで
「難しい」と
言われた。

こんな時に

    \n
  • 商品をたくさん入れて、いくつもの条件で探せるようにしたい
  • 相談の中に「データベース」という言葉が出てきた

スタンプがすること

WordPressで作った部分は壊さずに、データベースの部分だけを探しやすい形でつくって、つなぐこともできます。

ホームページとシステムの境目を読むこのことを相談する

\n
お困りごと 05

古いシステムを、
引き継いでほしい。

こんな時に

    \n
  • つくった会社と連絡がとれない
  • 直したいのに、中身が分かる人がいない
  • サーバーの管理も任せたい

スタンプがすること

いま動いているPHPのシステムを読み解いて、直し、引き継ぎます。Webサーバーの管理も行っています。

PHPでできることを見るこのことを相談する

\n
お困りごと 06

アプリが
ほしい。

こんな時に

    \n
  • 現場の手順を、スマホで使えるようにしたい
  • お客さまに使ってもらうアプリをつくりたい

スタンプがすること

現場の入力や確認、次の人への引き継ぎを、スマホやブラウザでできるように。業務に合うWebアプリやPWAを、Go・Pythonなどの技術で設計します。自社のアプリもつくっています。

自社アプリを見るこのことを相談する

\n
お困りごと 07

AIを、
仕事に使いたい。

こんな時に

    \n
  • AIで何ができるのか、まず知りたい
  • 試してみたいが、どこから始めればいいか分からない

スタンプがすること

問い合わせへの返事を下書きしたい、毎日の数字をまとめたい。いまの仕事を聞き、AIに任せる範囲と人が確認する範囲を一緒に決めます。まずは小さな試作で確かめます。

AIへの向き合い方を読むこのことを相談する

\n
お困りごと 08

開発を手伝ってくれる
技術者を、探している。

こんな時に

    \n
  • チームに、PHPやWeb開発を担う技術者が足りない
  • 開発現場の進め方や意図をくみ取れるエンジニアに入ってほしい

スタンプがすること

仕事の目的や現場の進め方を確かめ、チームの一員として開発を支援します（SES）。

技術者の支援を相談する

\n
\n
","stance":"
\n
Webの仕事

スタンプの姿勢

PHPで仕組みをつくり、CMSで使い続けられる形にする。その経験を土台に、業務アプリやAIまで。導入したあとも、現場で使い続けられる形を考えます。

\n
\n
01　一番目の柱・PHP

Webシステムを、
つくる・直す・引き継ぐ。

ホームページの見た目だけでなく、その裏で動く仕組みをPHPでつくります。新しくつくる仕事も、いま動いているシステムを直して引き継ぐ仕事も。Webサーバーの管理も行っています。

PHPでできることを、くわしく見る
\n
02　二番目の柱・CMS

使う人が、
更新できる仕組み。

公開したあとも、内容を変えていけるように。会社ごとの運用に合わせて、3つの方式から選びます。

01

STAMPP CMS（弊社オリジナル）

必要な機能だけを、扱いやすく。会社ごとの運用に合わせて設計します。

02

STAMPP CMS（Laravel型）

Laravelを基盤に、拡張と保守を見通せる構成で育てます。

03

STAMPP CMS（Headless型）

Web・アプリ・社内ツールへ、同じ情報を必要な形で届けます。

CMSは、システムの土台

コンテンツは、つまりデータ。記事も、顧客名簿も、同じ形で扱えます。

記事の更新も顧客名簿も、基本となる「登録・編集・削除・一覧」は共通しています。

共通する仕組みを生かし、会社ごとに必要な機能を作り足します（ハーフカスタマイズ）。そのぶん、ゼロから作るより費用と時間を抑えられます。

STAMPP CMSの実績を見る
\n
03　Webリニューアル

つくり直す前に、
残せるものを見つける。

原稿、画像、検索で見つかるページ、日々の更新のしかた。いまあるサイトを調べて、残すものと変えるものを分けてから、育て直します。

  1. 調べるいまある情報と、その使われ方を調べます。
  2. 編集する伝わる順番と言葉に直します。
  3. つくる更新し続けられる形で実装します。

つくり直すかどうかから決めたい時は、「Webサイトの再点検」から始めます。調べた結果、いまのまま使う答えもあります。

Webサイトの再点検を見る

\n
04　業務アプリ

現場の手順を、
使えるアプリへ。

Go・Pythonを含む技術で、業務に合うWebアプリやPWAを設計します。画面だけでなく、入力、確認、引き継ぎまでをひとつの流れとして扱います。

新しい技術を試した記録は、TOPの「始めました」に載せています。

\n
05　これから使う道具・AI

AIを入れる前に、
仕事の流れを見る。

調べもの、文章の下書き、システムの情報をまとめること。いま時間がかかっている仕事を聞き、AIが手伝えるところを一緒に探します。人が確かめるところも、先に決めておきます。

  1. 相談と調査現場の困りごとと、残したい判断を確かめます。
  2. 小さな試作早めに動く形をつくり、仕事に合うか試します。
  3. 人とAIの分担便利さだけでなく、責任と運用まで決めます。
\n
06　技術者の支援（SES）

技術だけでなく、
相手の仕事を理解する。

技術の名前だけで人を合わせず、チームの目的と現場の進め方を理解できる人を届けます。

\n
\n
","local_cms_sales":"
\n
営業の方へ

STAMPP Local CMSを、
ひとことで。

ホームページを更新する画面を、インターネットの上ではなく、お客さまのパソコンの中に置くCMSです。技術の言葉を使わずに、お客さまへご紹介いただくためのページです。

\n
\n
30秒で伝えるなら

3つだけ、
覚えてください。

  • 更新の画面が、外から見えないホームページを直す画面は、お客さまのパソコンの中にあります。インターネットの上には、できあがったページだけを置きます。
  • 文章の下書きは、AIが手伝うAIが下書きや言い直しの案を出し、使うかどうかは人が決めます。
  • 更新しても、デザインが崩れにくい決まった枠に、文章と写真を入れるだけです。ページの作りを、更新する人が直接さわることはありません。
\n
こんなお客さまに

向いているのは、
こんな会社。

向いている

  • お知らせやコラムを、自分たちで定期的に更新したい
  • ホームページの管理画面が、外から狙われないか気になる
  • 担当が替わっても、同じ形で更新を続けたい

いまは向いていない

  • 出先から、いつでもどこでも更新したい（更新は、CMSを入れたパソコンから行います）
  • 会員登録やネットショップのように、見る人がサイトに書き込む仕組みが中心
\n
よく聞かれること

お客さまに
聞かれたら。

  • WordPressと、何が違うの？更新する画面の置き場所です。WordPressはふつうインターネットの上、STAMPP Local CMSはお客さまのパソコンの中です。
  • 外から入られない？インターネットの上に、更新の画面（ログインの入口）を置きません。外からログインを試される入口が、はじめからありません。
  • AIが、勝手に書き換えない？AIが出すのは「案」だけです。使うかどうか、公開するかどうかは、人が決めます。
  • 間違えて更新したら？変えるたびに前の版が残り、いつでも戻せます。
  • いつから使える？　いくら？いまは開発中です。まずはスタンプの自社サイトで試していきます。提供の範囲・時期・費用は、スタンプから個別にご案内します。
\n
お伝えいただく時の約束

言えること、
まだ言えないこと。

言えること

  • 更新の画面を、インターネットの上に置かない
  • AIは案を出し、決めるのは人
  • 決まった枠に入れるので、デザインが崩れにくい
  • 前の版に、いつでも戻せる
  • 2007年設立のスタンプがつくっている（CMSは2011年からつくり続けている）

まだ言えないこと

  • 発売日・価格・「完成している」「すぐ使える」
  • 「絶対に安全」「ハッキングされない」といった言い切り
  • 導入した会社の数や実績（いまは、スタンプの自社サイトで試していく段階です）
  • ほかのCMSや、お客さまのいまの制作会社を悪く言うこと
\n
\n
","local_cms_tech":"
\n
技術の方へ

STAMPP Local CMSの
しくみ。

開発中のCMSです。いまの作りを、技術の言葉でまとめました。

\n
\n
構成

手元で動く、
PythonとSQLite。

管理画面は、手元のパソコンで動くWebアプリです。中心はPythonとSQLiteで、既定では、そのパソコンの中からしか開けません。

表示はテンプレート（Jinja2）で組み、できあがったHTMLを書き出します。書き出したフォルダは、Cloudflare Pagesなど、HTMLのファイルを置けるサーバーにそのまま置ける形です。公開先へ自動で送る仕組みは、これからです。

\n
版と公開

変えるたびに、
版が残る。

  • 版は書き換えない記事は変えるたびに新しい版として残り、前の版はそのまま。いつでも戻せます。
  • 公開の状態と日時下書き・公開・非公開と、公開する日時で決まります。書き出しに入るのは、その時点で公開してよい記事だけです。
  • 人の操作は確認を通る登録や更新は、確認の画面を通ってから保存します。
\n
AIとの分け方

AIは、
案を出すだけ。

AIのエージェントは、いまの記事を読み、変更の案（候補）を出せます。採用、公開、削除、外への送信、公開先への反映はできません。案は項目ごとに人が確かめて、採用します。

AIが使う入口は、人の画面とは別の鍵で、案を出すことだけに絞っています。

\n
入力とテンプレート

入力の欄は、
種類ごとに決める。

  • 欄の並びと名前記事の種類ごとに、入力欄の並びと表示・非表示を変えられます。欄の名前や説明はJSONで書きます。
  • 本文と画像見出し・本文・画像の組を5つまで。画像は16:9に切り出し、WebPで書き出します。
  • リンクと添付ファイルそれぞれ5つまで。添付はPDF・Word・Excel・PowerPoint（6MBまで）です。
\n
データ

記事は、
書き出せる。

記事をJSONLの形で書き出し、いまの記事と照らし合わせられます。取り込みは、これからです。データベースまるごとのバックアップと復元もあります。

\n
これから

まだ、
できないこと。

  • できあがったHTMLを、公開先へ送る仕組み
  • お問い合わせフォームの受付
  • AIとの会話で、入力画面を整える機能
  • 書き出した記事の取り込み
\n
\n
","site_recheck":"
\n
Webサイトの再点検

その仕組みを
選んだ理由は、
いまも同じですか？

選んだ時は、それがいちばん合っていた。でも、更新する人も、更新の回数も、使える道具も変わりました。新しく選び直す前に、選ぶ時の物差しから一緒に見直します。

\n
\n
なぜ、いま

選んだ時と、
いまは違う。

何年も前に選んだ仕組みは、その時の会社にいちばん合っていたはずです。その後、更新の担当が替わり、更新の回数が変わり、AIのような新しい道具も使えるようになりました。仕組みそのものは悪くなくても、いまの使い方には合わなくなっていることがあります。

乗り換え先を探す時も、前に選んだ時と同じ物差しのまま選ぶと、また同じ所で困ることがあります。まず、物差しのほうを見直します。

\n
見直す物差し

たとえば、
こんなこと。

  • 管理画面の置き場所インターネットの上に置くか、社内のパソコンの中に置くか。
  • 更新する人と回数誰が、どれくらいの間隔で、何を更新しているか。
  • 使っている機能入れたままのプラグインや追加の部品のうち、いま本当に使っているもの。
  • 保守の手間公開や更新の手順と、仕組みそのものの更新（バージョンアップ）にかかる手間。
  • 残したいもの原稿、画像、検索で見つかるページ。
\n
答えは、ひとつではない

いまのまま、
という答えも。

  • いまのまま使う仕組みは替えずに、設定や更新の手順を整えます。
  • 減らす使っていない機能や部品を外して、手入れする所を少なくします。
  • 置き換える会社ごとのCMS（STAMPP CMS）や、管理画面をインターネットに置かないSTAMPP Local CMSなど、ほかの仕組みへ移します。
  • つくり直す見た目や構成から新しくする時は、Webリニューアルとして進めます。

どれをおすすめするかは、調べてからお伝えします。最初から、どれかに決めてかかることはしません。

STAMPP CMSを見るSTAMPP Local CMSを見るつくり直す時の進め方を見る

\n
進め方

話を聞いて、
調べてから。

  1. お話を聞くいまのサイトで困っていること、これからやりたいことを伺います。
  2. 調べるいまの仕組み、使っている機能、更新のしかたを調べます。
  3. 物差しを決める何を大事にして選ぶかを、一緒に決めます。
  4. ご提案選べる答えと、その理由をお出しします。進めるかどうかは、そのあとで決めていただけます。

初回のご相談とお見積りは無料です。詳しい調査が必要な場合は、先に費用と内容をご案内します。

\n
\n
"}}