Kaboom.js is a Javascript game programming library that helps you make games fast and fun. // start the game kaboom() // define gravity setGravity(2400) // load a default sprite loadBean() // add character to screen, from a list of components const player = add([ sprite("bean"), // renders as a sprite pos(120, 80), // position in world area(), // has a collider body(), // responds to physics and g

京セラ傘下の京セラコミュニケーションシステム（KCCS）はあらゆるモノがネットにつながる「IoT」向けに低価格で使える通信システムの用途を広げる。通信料が年間1000円程度で、浸水を検知するセンサーや段ボール箱に取り付け開封を検知するセンサーなどをそろえた。自治体などを開拓し、2026年3月期に通信量を3倍に伸ばす目標だ。「これまで何度も内水氾濫が起きた」。京都府南丹市の危機管理監は話す。従来

この本の概要 本書はCI/CDの設計や運用について，GitHubを使ってハンズオン形式で学ぶ書籍です。GitHub Actionsの基本構文からスタートし，テスト・静的解析・リリース・コンテナデプロイなどを実際に自動化していきます。あわせてDependabot・OpenID Connect・継続的なセキュリティ改善・GitHub Appsのような，実運用に欠かせないプラクティスも多数習得します。 実装しながら設計や運用の考え方を学ぶことで，品質の高いソフトウェアをすばやく届けるスキルが身につきます。GitHubを利用しているなら，ぜひ手元に置いておきたい一冊です。 こんな方におすすめ GitHubは使っているけれど，プルリクエストぐらいしか利用していない CI/CDというキーワードは知っているけれど，自分で設計したことはない GitHub Actionsには触れているけれど，正直雰囲気で運

アジャイル開発に初めて触れる人が基本的なポイントをおさえるための資料です。 アジャイルチームに初めてジョインする方、アジャイルを導入している企業に入社した新入社員、などが読むことを想定しています。 2024.05.16 イニシャルコミット 2024.05.19 アイゼンハワーマトリクスの緊急度が反転していたバグを修正

JavaScript SQL database for browser and Node.js. Handles both traditional relational tables and nested JSON data (NoSQL). Export, store, and import data from localStorage, IndexedDB, or Excel. AlaSQL - is a lightweight client-side in-memory SQL database designed to work in browser and Node.js. AlaSQL was written with pure JavaScript and does not use browser WebSQL database. AlaSQL is fully functio

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

It is important to note that the component model does not support low-level (C-style) pointers. As such, you cannot pass object graphs or recursive data structures. In this respect, it shares the same limitations as JSON. To minimize data copying, the component model introduces the concept of resources, which we will explore in more detail in a forthcoming section of this blog post. The jco projec

はじめに こんにちは、京セラコミュニケーションシステム　西田（@kccs_hiromi-nishida）です。 いつもは技術的な内容を投稿していますが、今回は技術Blogを毎月書くために心がけていることを投稿しようと思います！ 毎日投稿！とか毎週投稿！とかはちょっとハードルが高いな、けど継続して投稿したいと思っている方の一助になれば幸いです。 この記事の対象者 毎日Blog書くのはハードルが高いけど継続して投稿したいと思っている方 月に1本くらいはBlogを書きたいと思っている方 前置き 継続して書いているといっても月1記事程度なので、それほど参考になるかはわかりません。 そして、私に合った方法というだけで、皆さんに合うかはわかりません。 ただ、こんなやり方もあるよ！というのを見ていただき、少しでも誰かの参考になれば嬉しいです。 まずは記事の骨組みを作ろう！ 記事を作るとき、いきなり上から

おはようございます!こんにちは!場合によってはこんばんわ! SREチームマネージャーの藤原です。 今年の3月からSREチームの中で、勉強会を定期的に実施するようになりました。 本エントリでは勉強会を開催するにあたって考えたことと、実際の進め方についての事例解説です。 勉強会を通じて実現したいことの説明から、テーマ設定、効果最大化のための開催形態と頻度、現時点(2024/4・5時点)の結果について解説しています。 勉強会を通じて実現したいこと チーム内勉強会を通じて実現したいこととして、以下を設定していました。 チーム・個人としてのレベルアップ 積極的な議論への参加 相互理解 チームとしての目線合わせ 勉強会を開催するからには何かしらのスキルや考え方を身に付けたいはずです。 また、学習効果を最大化するためにも、積極的な議論への参加を実現したいと考えました。 さらには、勉強会の中での議論を通じ

はじめに 本書『Observability Engineering』は、複雑化の一途をたどる現代のソフトウェアシステムに立ち向かうための、強力な武器となる一冊であり本稿はその読書感想文です。Observability Engineering を今から知りたい方はもちろん、Observability Engineering の基礎を改めて学びたい方もぜひお読みください。この記事もかなりの長さになるので普通に書籍を読んだほうがいいかもです learning.oreilly.com 「Observability:可観測性」という言葉は、近年ソフトウェアエンジニアリングの世界で大きな注目を集めています。しかし、その概念の本質を理解し、実践に移すことは容易ではありません。 本書は、そのオブザーバビリティについて、その基本的な考え方から、具体的な実装方法、そして組織への適用まで、幅広くかつ深く解説して

横浜市内の登山グループ「葉月山の会」が、神奈川県内の１００の山を「かながわ百名山」として選定した。最高峰の丹沢・蛭ケ岳（１６７３メートル）から海辺の岬や島まで含むバラエティー豊かな選定となっている。 同会会員の登山愛好家、樋口一郎さん（６０）にそれぞれの山の特徴を紹介してもらった。山歩きの参考になる情報満載です。

データをテーブル表示するライブラリ『Grid.js』を使ってみたので共有します。 テーブルタグを使って自前で実装すると面倒なソート機能や検索機能や大量データへの対応がカンタンに実装できます。「テーブル表示をするならとりあえず使っとけ」くらいの気持ちで使ってみるのもアリだと思います。 今回はテーブルを表示して行毎に編集ボタンを表示するまでの手順を説明します。 この手順で、用意するファイルはHTMLファイル1だけ、操作はコピペだけでカンタンに使えるので良かったら試してみてください。 Grid.jsとはGrid.jsは、無料でオープンソースのJavaScriptテーブルプラグインです。 特徴は以下の通りです。 本家サイトから引用しています。 React、Angular、Vue、VanillaJsを含むほとんどのJavaScriptフレームワークで動作する ファイルサイズが小さい (12kb) 動

以前の記事で、Spring BootのソースコードからOpenAPI仕様のフォーマットのAPI定義書のYamlファイルを生成するようにしました。このYamlファイルを受け取ったフロントエンド・エンジニアはバックエンドの仕様を確認しながら開発を開始できるようになります。 しかしながら、バックエンドの開発が進んでも、フロントエンド開発チームが想定している仕様が遵守される保証はありません。実際、多くの現場ではバックエンド開発チームが断りなくAPI仕様を変更したものをデプロイする事がよくあります。その結果、アプリケーションが動作しなくなり、原因究明のためフロントエンドの開発がストップしてしまいます。 このような事態を防ぐにはどうしたらよいのでしょうか？ まず、フロントエンド(コンシューマ)側が想定しているAPI仕様に基づいてAPIのテストスイートを作成します。そして、バックエンド・サーバ(プロバイ

はじめに マイクロサービスで、E2Eテストを書く際にマイクロサービスが依存するマイクロサービスを立ち上げるのが面倒だったり、時には現実的では無い場合があるなぁと最近感じてます。 そんな中でConsumer Driven Contract（CDC）という考え方を耳にはさみ、調べてみるとSpring Cloud Contractと言うプロジェクトでCDCをサポートしているということを知り、その機能を試して見ようと思います。 このブログでは以下のことを目指します。 CDCの概要を学ぶ Spring Cloud Contractの基本的な機能を利用してCDCしてみる Consumer Driven Contract(CDC)とは？ マイクロサービスアーキテクチャにおいて、マイクロサービスAのE2Eテストしたいと考えた際に、マイクロサービスAがマイクロサービスBに依存していて、更にそのマイクロサービ

近年、ITシステムの開発においてマイクロサービスアーキテクチャを採用するケースが増えています。James Lewis / Martin Fowlerが提唱している通り、疎結合なサービスの組み合わせでシステムを構成することで様々なメリットをもたらします。一方で、従来のモノリシックアプリケーションの開発にはなかった難しさがあり、プロジェクトを円滑に推進するためには相応のノウハウが必要です。特にテストについては「やり方」を事前整備しておかないと、品質不良やスケジュール遅延につながりかねません。この不定期連載では、マイクロサービスアーキテクチャを高精度・高生産性で実現するテスト技法をご紹介します。 第1回目の今回は、サービス間のインターフェース仕様をテストする「CDCテスト」の概要をご紹介します。 マイクロサービスアーキテクチャとインターフェース仕様の課題 従来のモノリシックアプリケーションに比べ

ROKI@お子のお手伝いさん @roki_kowloon69 ｢産後の肥立ち｣ね… 上のお子が5歳の頃に 下のお子が産まれたのだけど その頃 同居のﾜｼの母が ｢産後の肥立ちが明けるまではあんまり無理しちゃだめなんだよ｣と言い聞かせてたから 何となく覚えてた＋助産師さんに憧れてるのでそれで改めて学習したのもあるんだなぁ…(   ◜ω◝ ) 2024-04-22 20:36:46 ROKI@お子のお手伝いさん @roki_kowloon69 ﾜｼが犬に噛まれた時の痛さのエピソードやら 旦那氏が蜂に刺された時にばあちゃんにまむし焼酎ぶっかけられた時のエピソードやら そういう話が作品の肥やしになってて あとはスマホ様がかなり活躍してて ﾜｼより使いこなしてるよね…(   ◜ω◝ ) 2024-04-22 20:39:14

「振り返りがうまくできない」、「振り返りをしていても、次に生かせていない」と悩んだ経験はありませんか？そんなみなさんに、すべての経験を学びに変え、成長につなげるために有効な「リフレクション」という力をご紹介します。 リフレクション（Reflection）とは、自分の内面を客観的、批判的に振り返る行為であり、日本語で言うところの「内省」です。経済産業省が提唱する「人生100年時代の社会人基礎力」としても重視されています。 ※本記事の内容は2021年3月19日発売の『リフレクション 自分とチームの成長を加速させる内省の技術』より一部抜粋したものです。メタ認知力を高めて自分を知る リフレクションには、あらゆる経験を学びに変え、自分をアップデートしつづける力があります。しかし、ただやみくもに取り組んでも、理想を実現するための知恵や気づきは手に入りません。 注意しなければならないのは、リフレクション

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を