これは SMat Advent Calendar 2024 の12/5分の記事です。 株式会社エスマット エンジニアの若林です。 弊社では「SmartMat Cloud」というIoT重量計 x SaaSでモノの流れを可視化するサービスを提供しております。弊社で働いているエンジニアはほとんどがWebアプリエンジニアで、組み込み系のソフトエンジニアは現在私しかおらず少し寂しさを感じています。 そこで組み込み系の技術についてWebアプリエンジニアにも触れてもらうために、今回はRTOSに関して記事を書いてみました。同じような会社は他にもあると思うのでIoTを取り扱っているエンジニアの方はぜひご覧ください。 RTOSとは RTOS(Real-Time Operating System)とは、時間的な制約がある処理を実行するための機能や特性を備えたOSのことです。 家電やIoTデバイスなどの組み込み機

はじめに Wikipedia の JWT (JSON Web Token) に関する記事が誤っていたので、2020 年 5 月 9 日、英語版、日本語版ともに修正を行いました。 修正前の記事では、JWT のことを「JSON をベースとしたアクセストークンのためのオープン標準である」と説明していました。しかし JWT は用途を限定しない汎用的なデータフォーマットです。アクセストークンのフォーマットとして JWT を採用することは、JWT の応用事例の一つに過ぎません。なお、アクセストークンのフォーマットは必ずしも JWT とは限りません。→ 参考:『図解 JWS/JWE/JWT/IDトークン/アクセストークンの包含関係』 JWT を知らない状態で OAuth と OpenID Connect の学習を始めると、「JWT はアクセストークンのための技術である」、「JWT はユーザ認証のための技

はじめに Google Apps Script (GAS) は HTML Service という機能を使って AppsScript関数 を呼び出せる Webアプリ を作ることができます。 この記事では HTML Service を使ってGASで Webアプリ を作る方法をまとめたものです。 Webアプリの作り方 Webアプリを表示する まずはシンプルなWebページを表示してみましょう。 新規または既存のプロジェクトを開く 新規または既存のGASのスクリプトプロジェクトを開いてください。 サーバサイドの処理を定義 GASで以下のようなサーバサイドの処理を書きます。

最新のMicrosoft Power AutomateのAIエクスペリエンスは、エンタープライズオートメーションの可能性の境界を再定義し、ビジネスプロセスの最適化と管理方法を変革して、より多くの成果を達成します。開発者は高度なオートメーションをより迅速に作成できるようになり、ビジネスアナリストは重要なプロセスを迅速に抽出、分析、最適化でき、IT管理者は大規模なオートメーションをシームレスに管理および統治できます。Copilot in Power Automate は、貴重な時間を節約し、コストを削減するソリューションの構築を迅速化し、ビジネス成果を達成します。Power Automateの高度でエンタープライズグレードのインテリジェントオートメーションソリューションで未来に踏み出しましょう。 AIを活用して高度で信頼性の高いオートメーションを迅速に構築 開発者はビジネスプロセスの革新の鍵で

Leaning Technologiesは、Webブラウザ上でx86バイナリをそのまま実行できるWebAsesmbly製の仮想マシン「WebVM」をバージョンアップした「WebVM 2.0」を公開しました。 従来のWebVM 1.0では、Webブラウザ上の仮想マシンでx86版のLinuxを起動し、コマンドラインからさまざまな操作が可能でした。 参考：WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能 今回公開されたWebVM 2.0では、GUIを備えたLinuxデスクトップ環境までWebブラウザ上でサポートされたことが最大の特徴です。 下図で示されるように、仮想マシン上でさまざまなプロセスを実行し、さらにLinuxシステムコール経由でGUIのディスプレイ、ローカルディスク、ネットワーキングをサポートしています

はじめに 突然ですが、先日私の PCが壊れました。仕方なく新しいノートパソコン、具体的には Surface Pro 7（Windows 10）を購入したので、これを機に Reactの開発環境をゼロから構築しました。React開発環境の構築手順については過去に書かれた記事が既にいくつかあったのですが、2022/07の現在においては Docker Desktopが 2021/09に有料化 → Docker CE等に切替えが必要 Ubuntu 18.04 LTSのサポート期限が 2023/04に終了 → Ubuntu 22.04 LTS等に切替えが必要 などと、当時と少し状況が変わっているようです。実際に環境構築してみたところ、上記に伴い追加の手順がいくつか発生することが分かりました。同じ場所にハマる人が一人でも減るよう、今回は Windowsにゼロから WSL2(Ubuntu 22.04) +

はじめに 最近、Qiitaに投稿される記事を見ていると、「Dify」という単語をよく目にするようになりました。記事の内容から、自分のPC上でChatGPTのような「チャットボット」を簡単に作成できるツールのようだと感じたため、今回はDifyの構築方法や操作感について確認してみることにしました。 Difyのインストール Difyのインストールと環境設定は、公式サイトの以下のページを参考に進めました。 今回はWindows OSでgitコマンドを実行できるように事前にインストールしておく必要があります。また、Docker Desktopもあらかじめインストールされていることが前提条件です。これらの手順については、多くのサイトで詳しく解説されているので、そちらを参考にしてください。 事前に必要なこと： 項目 説明

ノーコード＆AIカオスマップ更新【2024年10月版】＜２年ぶり更新＞ノーコードカオスマップを更新 ＋ AIカオスマップを追加【一般社団法人NoCoders Japan協会】 一般社団法人NoCoders Japan協会は、『ノーコードカオスマップ（2024年版）』の2年ぶりの更新に加え、新たに『生成AIカオスマップ（2024年版）』を公開いたします。これにより、ノーコードと生成AIの分野の急速に進化するサービスの全体像を一目で把握できるようになります。 【目的と背景】 当協会は2020年に設立され、「全ての人々が自分たちの身近な課題をノーコードで解決する社会をめざす」をキーワードにノーコードの普及活動を行っております。 HP：https://no-coders-japan.org/ 昨今、「生成AI」がノーコードの進化を後押しする流れとなっています。設立当初に比べ、圧倒的に優れたUXを提

みんなで投票しに行こう！

本記事のテーマはGitHub Actionsです。個人的に「もっと早く知りたかった！」と考えているグッドプラクティスを、厳選してお届けします。想定読者は次のとおりです。 普段GitHub Actionsを雰囲気で運用している人 GitHub Actionsをコピペや生成AIで乗り切っている人 他者が書いたコードの意味をより深く理解したい人 本記事でGitHub Actionsの基本は説明しません。グッドプラクティスを含めて基礎から学びたい人は、拙著『GitHub CI/CD実践ガイド』を読んでみてください。GitHub Actionsの基本構文から運用のコツまで、網羅的に解説しています。さて書籍紹介はこれぐらいにして、さっそく本題へ進みます。 GitHub Actionsの設計指針 GitHub ActionsはCI/CDや各種自動化で役立つ、汎用的なワークフローエンジンです。一般的に長期

スタンドアロンなWebAssemblyランタイム「Wasmer」の開発元であるWasmer社は最新のWasmer 4.4の新機能として、C言語をWebAssemblyにコンパイルし、WebAssembly環境でそのまま実行可能する機能を発表しました。 下記はWasmer社が用意した、Webブラウザ上にWebAssemblyでBash環境を構築する「wasmer.sh」のコマンドラインから、wasmerによりC言語をコンパイルしてWebAssemblyモジュールを生成し、実行する操作を筆者のWindowsマシンで実際に試したところです（赤線は筆者による）。 Webブラウザ上でC言語をWebAssemblyにコンパイルし、そのままWebAssembly環境上で実行できています。 合わせて登場したJavaScript SDKによってNode.jsやBunなどのサーバサイドのWebAssembly

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

# 参考資料 - https://gist.github.com/voluntas/9c1d9d51e86a853fed6889f743a12145 - https://amzn.to/4ewrbw7 - https://amzn.to/3XzYYh4 - https://www.ipa.go.…

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

はじめに Reactの人気はどんどん加速しています。これからフレームワークを学ぶならReactを選ぶのは賢い選択でしょう こんにちは、Watanabe Jin(@Sicut_study)です。 今回はReactをこれから学んでいこうと思っている方に向けて、初心者チュートリアルを作成しました。 このチュートリアルではReactを書く上で欠かせないことを紹介しています。 実際にアプリを作りながらReactの機能について学ぶことによってより深く理解することが可能です。 このチュートリアルを最後までやったら、次に自分で習ったことを活かして簡単なTODOアプリなどを作れば基本がしっかり身につくようになっています。 またこのチュートリアルではJavaScriptではなくTypeScriptを採用しています。 モダンな会社ではTypeScriptが採用されることが多いはずだなので、少しでも慣れていただけ

はじめに CSVファイルをExcelで開こうとしたとき、電話番号や郵便番号の先頭のゼロ（0）が自動的に消えてしまったり、文字化けしてしまう...。そんな悩みをお持ちの方はいませんか？この記事では、データを正確に保持しながらCSVファイルを開く方法を簡潔にご紹介します。 1.CSVファイルとは そもそもCSVファイルって何？というところから説明します。 CSVはComma Separated Value（カンマで区切られた値）の略であり、CSVファイルはテキストデータの各項目を、カンマ（,）で区切って表現したファイルです。 言葉では理解しにくいので、画像で見てみましょう。 まず、こちらがExcelでCSVファイルを開いたときの画像です。 普段、Excelでデータを作成・編集しているときと同じように見えますよね？CSVといっても、特に変わったことはなさそうです。 では、Windowsの「メモ帳

世界経済フォーラム（WEF）は、生産性を高めたスマートファクトリーとして、大手の工場だけではなく、中小の工場も紹介している。だがスマートファクトリーの実現においては、工場現場の責任者やリーダーは、OT（Operational Technology：制御技術）とIT（Information Technology：情報技術）の相互扶助を検討しなければならず、どちらか一方の技術だけではセキュリティの適用が難しい。工場のセキュリティ対策として推奨される項目はあるものの、その対策には陥りがちな課題がある。今回は、スマートファクトリーにおけるセキュリティの課題について解説する。 2020年前後から製造業のサプライチェーンに影響を与えるリスク要因として、地震などに加えてパンデミックが急浮上した 。日本は2011年3月に東日本大震災を被災し、そこからサプライチェーン対策を試みてきた。具体的には、アジアなど