ゲームだけじゃなく現実にもログインボーナスがあれば、少しはやる気が出るのに。

こんにちは。砂肝です。

ここ数日は天気があまりよろしくなく、気温に関してはとても過ごしやすいです。
湿度についてはジメジメとしており、除湿が欠かせません。
天気予報を見る限りではまた暑さが戻ってくるようで、秋を実感できるようになるまではもう少し時間がかかりそうです。

さて、気候の話はここまでにして早速本題に入りましょう。

皆さんは「ログインボーナス」なるシステムはご存じでしょうか？

ご存じない方へ簡単に説明すると、
ログインボーナスとは、スマートフォン向けゲームアプリやインターネットゲームに多く見られるシステムで、その日初めてゲームにログインした際に、ゲーム内で使える便利なアイテムがもらえるシステムのことです。
毎日連続してログインすればするほどもらえるアイテムが豪華になる傾向があります。

私は思いました。

このシステム、ゲームだけではなく現実世界にもあればいいのに。

なぜそのようなことを思ったのかというと、当社では半年毎に自分の活動を振り返る機会があるのですが、その度に半年前から昨日までの自分をお説教したくなるのです。

そうです。
何かを始めても継続できずに何日かで坊主になってしまうのです。

きっと皆さんの中にも、何かを始めても継続できずに諦めてしまった経験がある。
という方がいると思います。いると信じています。

今までもどうしたら継続できるようになるか試行錯誤してみたものの、どれも継続に結び付く方法はありませんでした。

今回もまた継続できず、どうすればよいのかと電車に揺られながら思案していた時。
ふと、隣の人のスマートフォンの画面が目に入りました。

ちょうどゲームを起動し、「ログインボーナス」をもらっていたのです。
私は直感しました。

これだ、と。
現実にもログインボーナスがあれば、少しはやる気が出るのではないか。

この話をゲームに詳しい友人に話すと、クエスト制度もあるといいのではないか？
との助言をもらえたため、それも組み込むことにしました。
そして帰宅後、早速私のためのログインボーナス、クエスト制度を組み立てていきました。

今回はスキルアップの足掛かりとなる資格の合格を目指して、ログインボーナスとクエストを設定していきました。
報酬内容は趣味を愛し、趣味に愛されたい私を奮い立たせるために、『趣味で利用できる金額が増えていく』を報酬にしました。
趣味を続けるにも資金が必要ですからね。

実践してみた効果については先週から導入したので、まだ1週しか経っておらず、効果についてはまだ何とも言えません。
とはいいつつも、1週は続いているので期待できそうです。

資格の受検は11月の予定なので、それ以降の記事でこの取り組みについてよいご報告ができるように頑張ります。

今回も読んでくださりありがとうございました。
私の今後の学習進捗にご期待ください――！

(砂肝)

餃子のすゝめ

こんにちは！(濱)と申します。
お声掛けいただき、1年半ぶり2回目の投稿をさせていただきます。

前回は私の生涯スポーツについて紹介させていただきましたが、
今回は私がはまっている「餃子」についてお話させていただこうと思います。

友人がSNSに手作り餃子を載せているのをみて、
栃木出身の私、餃子熱に火が付きました。
「そうか！生活に足りなかったのは餃子だ…」
そんなこんなでネットに転がっている餃子のレシピを拾ってきては生活を満たしております。

今回はそんな私が選ぶ
「餃子」のおすすめ変わり種レシピをご紹介しようと思います。

■塩昆布と枝豆チーズ餃子
今まで食べた餃子の中で一番美味しい！
ビールを飲む手が止まらない…そんなレシピです。
ざっくりと
・餃子の皮
・豚ひき肉 200g
・ねぎ 1/2本
・枝豆(冷凍) 100g
・プロセスチーズ 3個
・塩昆布 大さじ3
・しょうゆ 小さじ1
・おろししょうが
もう材料だけで美味しいですよね。

餃子のタネを混ぜて皮にむにむに包んでいきます。

完成！簡単で美味しい最高の餃子です。

続いてご紹介するのは昨日作ってみて美味しかった
■大葉明太子チーズ餅
・餃子の皮(大きいものがおすすめ)
・明太子 80g
・大葉 2枚
・切り餅 2個
・ピザ用チーズ 30g
私は大葉が好きなので10枚入れました。
大葉は千切りにし、切り餅は4等分に切ります。
明太子はちょうどよい大きさに切ります。

さて、あとは餃子の皮に先程準備したもをのせていくだけ…
あれ、、、タネが全部入らない、、、
お餅が大きすぎて通常餃子のようには包めませんでした。

究極奥儀：食べられればなんでもよい
発動。
中身をとりあえず包んで何とか完成です。
皆さんが作られる際はお餅の大きさにお気を付けください。
(写真右側の四角い餃子が無理やり包んだ餃子です)


次回は餃子の皮から作ってみるのが目標です。
いつか友人を呼んで餃子パーティができる日が来たら良いな…(濱)

シンプル入退室管理
　　限りなくシンプルなタイムカードシステム

WhitePlug
　　手のひらサイズのLinuxサーバ

monipet
　　動物病院の犬猫の見守りをサポート
　　病院を離れる夜間でも安心

moni-stock
　　一括スキャンで入出庫・棚卸作業にかかる時間を短縮
　　お客様も現場も笑顔にする在庫管理システム

Smart mat
　　重さセンサIoTで在庫管理に革新を。
　　自動発注＆メールアラートで欠品・発注ミスを防ぎます

株式会社ジェイエスピー
　　横浜に拠点を置くソフトウェア開発・システム開発・
　　製品開発(moniシリーズ)、それに農業も手がけるIT企業

Svelteに入門する

早速ですが、「Svelte」とは動的なWEBサイトの開発を容易にするJavaScriptフレームワークの一種です。
・Svelte公式サイト
・Svelte日本コミュニティによるサイト

2021/8/17付で＠ITのWEBサイトで以下の記事が公開されました。
最も愛されているWebフレームワークは「Svelte」

システム開発者にはおなじみ「Stack Overflow」で公開された2021年の年次開発者調査の結果をまとめられたものです。
JavaScriptフレームワークの有名どころとして「React.js」「Vue.js」「Angular」などがあり、私はこの中では「Vue.js」をある程度使ったことがあります。

しかし、この３つのフレームワークを差し置いて「Svelte」が「最も愛されている」とはいったい....
と、同じく最も愛されている言語 毎年常連の「Rust」も（仕事以外で）使っている身としては非常に気になり、早速簡単に触ってみました。

まず特徴としては、上記３つのフレームワークに共通している「仮想DOMの操作」はせず、直接DOMを変更するようなJavaSciptを生成するとのこと。そうすることで、ダウンロードするファイルが小さくなる上、JavaScirptも高速に動作するのだとか。
また、コーディング量も他のフレームワークと比べて少なくて済むとのこと。
なるほど、いいことづくめですな....

別のサイトで、「Vite」（従来のWebpackによるJavaScprit群のビルドよりも高速にビルドしてくれるツール）で「Svelte」もビルドできるということを知り、早速ViteでSvelteプロジェクトを作って試してみることに。
「Vite」にはテンプレートを母体に簡単なサンプルプロジェクトを生成してくれるウィザードがCLIで付いています。
NPMなどJavaScriptのパッケージ管理システムをインストールした状態で「npx create-vite」コマンドを実行すればＯＫ。
普段から「Vite」を（仕事以外で）使っていたのですが、いつの間にかこの「Vite」のプロジェクト生成ウィザードで、「Svelte」を選択できるようになっていました。（ここ数カ月のアップデートですよね、多分...）
実際にサンプルプロジェクト生成までは、以下の画面のようにコマンドを入力します。

※「test1」というプロジェクト名にしています。

「test1」フォルダの構成は以下のようになりました。

※「dist」フォルダはビルド（npm run build）すると生成されます。このフォルダの中身を本番環境のWEBサーバにデプロイして稼働させます。
※このままビルドすると、「dist」に保存されたファイルの総容量は17.2KBでした。

そのプロジェクトをそのままデバッグ（npm run dev）させると、組み込みのWEBサーバがローカルで起動して以下のサンプルWEBサイトをブラウザで確認できます。

「Clicks」ボタンをタップすると「0」と表示されている数字が１ずつ加算されて表示されます。

この環境で、Svelte公式サイトのチュートリアルを少しやってみました。
なるほど、１ファイルに画面レイアウトとJavaScriptとスタイルを記述するのは、他の紹介サイトでもいわれているように「Vue.js」と同様ですね。
双方向性の実装は「Vue.js」よりさらに簡潔に表現している感じです。
また、エディタである「Visual Studio Code」でも「Svelte」のプラグインを組み込めるようになっており、コードのハイライトやある程度の入力補完がされ、実開発作業もVue.jsなどと同等に捗る気がします。
コードを修正すると瞬時に↑のブラウザに反映されています。コード量少ないとはいえ、速いです。さすがは「Vite」。


さて、ここで「Svelte」にUIフレームワークはあるのか、調べてみました。
これも色々紹介されており、現時点でGitHubのスター数が多い上位３つは順に、「Svelte Material UI」・「Smelte」・「carbon-components-svelte」のようです。

どれも軽く触ってみたところ、いわゆる「Vue.js」系のUIフレームワーク「Vuetify」には、表現力やリファレンスといった側面でまだ届かないかなーと思われます。
それでも小規模なアプリには、ゼロからスタイルを組むよりはいいと思います。
これからかついでいくUIフレームワークを１つ選ぶとすると、「Smelte」と悩んだあげく一長一短もありつつ「Svelte Material UI」に一票です。


さらに、このサンプルプロジェクトに「Capacitor」を導入し、Androidアプリを生成して動かせるか試してみました。
「Capacitor」はJavaScriptのまま、AndoridとiOSのアプリを生成できるツールです。
NPMプロジェクトに追加するだけで利用できます。
ただ生成されたアプリはAndoridやiOSのネイティブではなく、「WebView」という機能で動作するため、ネイティブに比べると起動や画面遷移・処理が遅く感じることがあるかもしれません。
その代わり、Java・Kotlin・Swiftなどの言語を学習する必要なく、WEBを作ったコードのままでモバイルアプリを生成できます。
「Capacitor」からプラグインを導入することにより、カメラや地図の機能も実装できます。
（余談ですが、FlutterもDartという言語でWEBアプリもAndroidアプリもiOSアプリも生成でき、さらにモバイルアプリは「WebView」ではなく、ネイティブ....寄りになるので速いようです）

そしてこの「Svelte」ベースのサンプルプロジェクトは、「Capacitor」の機能を利用して見事モバイルアプリでも動作することを確認できました。以下です。

こちらは、「OPPO RENO A」という実機スマホで試しています。ColorOSバージョンは6.0.1、Androidバージョンは9です。
「HELLO TYPESCRIPT」が中央揃えになっていませんね....これは本格的にアプリを作るときには障壁になりそうな予感....
「Clicks」ボタンをタップすると数字が１ずつ加算されて表示されますので、処理は有効なようです。

ということで、「Svelte」を触ってみました。
サンプルアプリだけなので、どれだけ速いかはまだ実感ないですが。
皆さんが愛しているということで、これから追っていきたいと思います。
（酒）
シンプル入退室管理
　　限りなくシンプルなタイムカードシステム

WhitePlug
　　手のひらサイズのLinuxサーバ

monipet
　　動物病院の犬猫の見守りをサポート
　　病院を離れる夜間でも安心

moni-stock
　　一括スキャンで入出庫・棚卸作業にかかる時間を短縮
　　お客様も現場も笑顔にする在庫管理システム

Smart mat
　　重さセンサIoTで在庫管理に革新を。
　　自動発注＆メールアラートで欠品・発注ミスを防ぎます

株式会社ジェイエスピー
　　横浜に拠点を置くソフトウェア開発・システム開発・
　　製品開発(moniシリーズ)、それに農業も手がけるIT企業

ココア屋さんになりたい話

３回目の投稿になります。（あ）です。
よろしくお願いします。

前回、愛猫の尊敬するところについてかきました。今日は、将来猫と一緒にやりたいことについて話します。
「おばあちゃんになったら、看板猫のいるココア屋さんをやりたい。」
大学２年生くらいの頃、ふと、ココア屋さんをやりたいなあと思いました。なんでココア屋さんなのかは、自分でもよく覚えていません。なんなら、１年に３回くらいしかココア飲まないです。
けれど、
・おばあちゃんが作るココアってほっとできそう。
・ココア専門店は現在ほとんどないから、きっと需要がある。
・老後も目標をもって過ごしたい。
という理由で、今でもこの夢を持ちつづけています。そして最近、「看板猫さんがいてくれたらいいな。」がアップデートされました。

子供のころに比べて将来の夢を聞かれることは少なくなったけれど、いくつになっても将来の夢は持ち続けたい。久しぶりに会った友人にこの話をすると、意外と盛り上がります。相手が、わたしは実はこんなことがしたいんだよね、と話し始めてくれたりもします。たまに、一緒にやりたい！といってくれるひとも。（将来アパレルブランドひらくから、その店舗の一角でココア屋さんやりなよ、と提案されたときはやんわり断りました。その人の服の系統はいわゆるストリート系で、わたしが目指すココア屋さんは落ち着ける柔らかい雰囲気。すでに方向性の違い。）
過去の思い出話も素敵だけど、未来の話はいつ聞いてもいつ話してもとってもわくわくします。

看板猫のいるおばあちゃんのココア屋さんのためには、もう少し資金（貯金）が必要です。仕事がんばろ。あと飲食店を開業するための資格もとらないと。あとココアのこともっと知りたいから、せめて１年に５回以上は飲むようにしようかな。
今日も愛猫に看板猫になってくれませんかと頼み込んでは、そっぽを向かれています。
（あ）

シンプル入退室管理
　　限りなくシンプルなタイムカードシステム

WhitePlug
　　手のひらサイズのLinuxサーバ

monipet
　　動物病院の犬猫の見守りをサポート
　　病院を離れる夜間でも安心

moni-stock
　　一括スキャンで入出庫・棚卸作業にかかる時間を短縮
　　お客様も現場も笑顔にする在庫管理システム

Smart mat
　　重さセンサIoTで在庫管理に革新を。
　　自動発注＆メールアラートで欠品・発注ミスを防ぎます

株式会社ジェイエスピー
　　横浜に拠点を置くソフトウェア開発・システム開発・
　　製品開発(moniシリーズ)、それに農業も手がけるIT企業

ワイワイガヤガヤ

「サーバ側にリクエスト届いている？」
「リクエスト送る前にエラーが出ているかも。少し時間もらえますか？」
「了解。どのくらいかかる？修正よろしく！」
-----
「パラメータを反映させるにはどこを修正すればいいだろうか？」
「ここに直接埋め込んで試してみましょうか？」
「よし、試そう！」

先日 システムソリューション部の第1グループで行われたジャンケン大会の一幕。
大会にエントリーしたメンバが、決められた仕様に則って作成されたジャンケンプログラム同士を戦わせるわけだが、そう簡単には思い通りに動かない。問題が随所で発生し、その度に原因を特定すべく皆でトレースログやプログラムを見ながら調査する。そんなシーンが上記のやり取りだ。
Zoomを使ってリモート環境で実施された催しだったが、そのやり取りに十数年前、私がまだ開発作業を担当していた頃を思い出した。

当時はほぼ毎日 終電の時間まで作業をしていた。担当機能部を持ち寄り 結合させる時には、プロジェクトメンバで顔を突き合わせて「あそこが動かない」、「今日はここまで動かそう」と毎日ワイワイガヤガヤとトライ＆エラーを繰り返す。毎日終電で体力的にはギリギリでやっていたと思う。栄養ドリンクの空き瓶が自席を囲むように並んでいた。が、不思議と辛いと思うことは無かった気がする。
自分が担当した機能が動かない時も、大きな問題がなかなか解消されない時も、大変な場面はいくつもあったと思うが、そこには助けてくれる仲間がいて、一緒に悩んでくれる仲間がいた。
システムが出来上がった時の感動。お客様先でデモを行って喜んでもらえた時の感動。感動もまた一緒に分かち合える仲間がいた。

今の開発作業は様々なことが洗練され、よりシステマチックに事が進む。
レビューにしてもコメントファイルやチケットによる文章のやり取りで、担当者が顔を合わせて会話することはあまり無い。
各工程で抽出すべきバグは取り除かれるので、結合時にお祭りのようになることもほぼ無い。
個人のやるべきことがハッキリし、自分のペースで作業を進められる点は素晴らしいがワイワイガヤガヤ感がもっとあったらと個人的には思う。この”個人作業”の感覚はコロナの影響でより濃くなったと感じる。リモート環境で作業ができるのはとても良いが、私が味わっていたチーム開発のあの醍醐味を皆さんにも味わって欲しいとも思う。
これが実現できる可能性をジャンケン大会で示してくれた。物理的に離れていても音声で繋がったプロジェクトメンバでワイワイガヤガヤと目的達成に向けて意見を交わす。様々な工夫で開発作業をより楽しいものに変えていって欲しいと思う。（ほ）

シンプル入退室管理
　　限りなくシンプルなタイムカードシステム

WhitePlug
　　手のひらサイズのLinuxサーバ

monipet
　　動物病院の犬猫の見守りをサポート
　　病院を離れる夜間でも安心

moni-stock
　　一括スキャンで入出庫・棚卸作業にかかる時間を短縮
　　お客様も現場も笑顔にする在庫管理システム

Smart mat
　　重さセンサIoTで在庫管理に革新を。
　　自動発注＆メールアラートで欠品・発注ミスを防ぎます

株式会社ジェイエスピー
　　横浜に拠点を置くソフトウェア開発・システム開発・
　　製品開発(moniシリーズ)、それに農業も手がけるIT企業