NKPのアプリカタログ実装するときにハマったことメモ NKPカタログ一覧に表示されない場合の確認と削除方法 NKPカタログ一覧に表示されない場合の確認と削除方法 カタログ登録に失敗した後、間違って登録された情報を削除しないと 修正して正しい設定をいれて…
この記事は、Nutanix Advent Calendar 2025の11日目として書きました。ログほいほいHelmチャート化したので、これを活用してNKPアプリケーションカタログに登録してみます NKPがなんのかというのは、ここでは説明は飛ばして とにかくどうやって自作Webアプリ…
この記事は、Nutanix Advent Calendar 2025の2日目として書きました。ログほいほいの機能自体は、前回の記事で概ね開発完了したわけですが、 ここから次の目標として、Nutanix Kubernetes Platform（NKP）アプリケーションカタログにチャレンジしたいと思い…
Nutanix ログほいほいがついにKubernetes化に対応です Kubernetes化に合わせて、大きくリファクタリングも行いました 変更点をピックアップします リファクタリング方針（Tidy First）で基盤整備を優先し、以降の機能追加を速く安全にする バックエンドAPIの…
Socket.IOは、リアルタイム双方向通信を実現するJavaScriptライブラリなのですが、FlaskとFastAPIでは実装がまた別でここも作り直しになります時間のない人向けの最終形態は githubへ github.com 最小の実装 バージョン情報 FastAPIでの実装のとっかかり Soc…
今までなんとなくFlask使っていましたが、どうやら遅いらしい というわけで、簡単なAPIを作るならFastAPIが良いというのを聞いて早速お試し いつもどおり、Docker Composeを使ってフロントエンド（Next.js、ポート7777）とバックエンド（FastAPI、ポート7776…
Nutanix Advent Calendar 2024 21日目の記事です！Nutanix Advent Calendar 2024 adventar.orgさて、みなさん待望のログほいほいの続報です 前の記事から随分と間隔もあいてしまい、ログほいほいも長期プロジェクト化してきました いまさらログほいほいがな…
次はシスログをホイホイします一旦シスログサーバに飛ばしたログを検索するようなシステムにしています 初期段階でのイメージ図 シスログビューワー Nutanixのシスログは現状クラスタから送信するには、CVMでCLI設定しなきゃいけなかったり 事前の設定がメン…
ちょっと時間が空いてしまいましたが、ぼちぼち開発は続けています 今回から各種ログページに入っていきます1つ目は、リアルタイムログビューワーです コードを書き始める前に考えた当初のイメージ図 リアルタイムログビューワー 今回のしくみ 工夫した点 使…
この記事は Nutanix Advent Calendar 2023 の12月2日分として執筆しました。ここまで仕事の合間に時間をかけながらちょこちょこと作ってきた「ログほいほい」ブログ以外にも今までに Nutanix Meetup でも、ログほいほいについてお話してきました アカウント…
足回りが揃ってきたので、実際にWebページを作っていきます まずは入口となる「クラスタ登録」と「クラスタを選択」して次のページに進む TOPのページです手書きの設計図より 今回の完成ソースはコチラです 画面遷移の設計 登録されたPCの表示 Prism Central…
フロントエンドはJava Scriptフレームワークの Next.jsをベースに作りました バックエンド側は FlaskをAPIゲートウェイ的にたてて、Pythonでデータのやりとりの中心として作っていきます 開発環境全体像 Githubリポジトリ GitHub - konchangakita/blog-logho…
今回から Github でコードを公開していきます Githubリポジトリ このブログ用リポジトリはここに公開していきます https://github.com/konchangakita/blog-loghoi.git開発用サーバで、git cloneすると良いです % git clone https://github.com/konchangakita…
今回は、開発用のリモートサーバをセットアップして、ローカルPCからどうやって開発やってくかの基礎部分を整備していきます インストール・設定するもの ローカルPCの開発環境 OS： MAC/Windows エディタ：VScode REST APテスト用：Postman リモートサーバ…
まずは完成予想図を描いていきます 開発素人なので、分かりやすいところから攻めます 全体のイメージと画面遷移を考える ざっくり5つの画面から構成することにします １．クラスタ選択・登録 ２．各種設定と各機能へ入り口 ３－１．リアルタイムログビューワ…
しばらくブログの更新止まっていましたが、今年も開発チャレンジの季節がやってきました こんどは何をつくる？ Nutanix で検証・構築・運用してみてこんなことに遭遇したことないでしょうか？ Nutanix の何か挙動がおかしい・アラートが出てるけど、ログ取得…
こちらの記事は、Nutanix Advent Calendar 2022 3日目の記事です NKEに再入門中ですので、なんか作ってみようと、MLOps入門として、KubeflowをとりあえずNKE上に構築してみようと思います Kubeflowまだ何よくわかってないですがKubeflowとは Kubeflowは、Kub…
こちらの記事は、Nutanix Advent Calendar 2022 2日目の記事ですちょっと昔に Nutanix Karbon で Kubernetes入門していました 【Nutanix Karbon】Xi IoTの為のKubernetes環境を作ってみる - konchangakita今は Nutanix Karbon から NKE（Nutanix Kubernetes …
SSR で Fetch して表示するデータはそろってきましたここでページ移動しても共通で表示させる「ナビゲーションバー」を Layout コンポーネントを作ってみます【Nutanix UUIDエクスプローラーを作ってみよう】Next.js特訓 ・ログインページをデザイン ・フォ…
Fetch で得た レスポンスデータ を使ってページ遷移までを行いました 次に、ページ遷移した後に表示するデータをバックエンド（Flask、Elasticsearch）から取得して サーバサイドレンダリング（SSR）を行います 【Nutanix UUIDエクスプローラーを作ってみよ…
前回はとりあえず fetch してレスポンスを確認しただけだったので、フォーム入力されたデータを使って、ページ遷移します下記エントリで Native React で Fetch を作り込んだ「/api/connect」、「/api/latestdataset」からデータひっぱってきたいと思います …
フォームで受け取ったデータ（Prism IP、ユーザ名、パスワード）を使ってバックエンドにリクエスト行い、レスポンスを取得する Fetch を実装します ※SSR（サーバサイドレンダリング）までは実装は次でNext.jsの実装とともに、フロントエンドとバックエンドの…
Nutanixクラスタに接続するための「Prism IP」、「ユーザ名」、「パスワード」フォーム入力の制御には、通常入力を必須にしたり、エラーメッセージの実装を作り込む必要があります そうすると、フォームごとになかなかコードが増えてくし、なによりそれぞれ…
Native React の環境では、一つのページ（URL）の中でNutanixクラスタへ接続、検索、結果表示を行う、SPA（シングルページアプリケーション）でのカタチで作ってました今回はなんとなく、それぞれ別にページを作っていきます 【Nutanix UUIDエクスプローラー…
tailwindcss.com daisyui.com fontawesome.com 今回はNext.js環境に、デザインを意識したコンポーネント群を導入、初心者なのでとりあえずフレームワークを満載にして、フロントエンド開発環境をパワーアップさせてみます【Nutanix UUIDエクスプローラーを作…
React を CDN でぼちぼちJavaScriptしてきましたが、ここからフロントエンド部分を独立させ大きく開発環境を進化させます フロントエンドのコンテナを別に作り、Reactベースのフロントエンドフレームワークの Next.js を導入していきます【Nutanix UUIDエク…
前回まで、CDNを使い fetchして取得したデータで state を更新して、表示というところまでを実装してきました データ表示部分にリアルタイムでフィルタする動作を付け加えてみます ようやく JavaScript 触ってるっぽい感じに 【Nutanix UUIDエクスプローラー…
fetchって言葉は今回実際使ってみるまで、知らなかったのですが（Web初心者丸だし。。。）、Webページ上からFormなどから httpリクエストしてデータをひっぱってくるやつです 【Nutanix UUIDエクスプローラーを作ってみよう】シリーズ ・Flask表示までのまと…
ようやくここから JavaScript っぽいことをはじめていきます（JavaScriptよくわからないまま）【Nutanix UUIDエクスプローラーを作ってみよう】シリーズ ・Flask表示までのまとめ ・React で JavaScript へ挑戦 - CDN導入編 ・React で JavaScript へ挑戦 - …
Flask の render template 機能で、Webページ表示というところまで作ってみました 次は、Webページの中身を JavaScript を使って表示というのにチャレンジです ちな JavaScript は全くの初心者ですJavaScript の2大フレームワークとして、React と Vue とい…
