「JetsonよりエッジAIに最適」、ルネサスが最新AIアクセラレータ搭載MPUを発売：人工知能ニュース（1/2 ページ） ルネサス エレクトロニクスは、新世代のAIアクセラレータ「DRP-AI3」を搭載し、消費電力1W当たりのAI処理性能で表される電力効率で従来比10倍となる10TOPS/Wを実現した「RZ-V2H」を発売する。 ルネサス エレクトロニクスは2024年2月29日、新世代のAI（人工知能）アクセラレータ「DRP-AI3」を搭載し、消費電力1W当たりのAI処理性能で表される電力効率で従来比10倍となる10TOPS/Wを実現した「RZ/V2H」を発売すると発表した。同月開催の「ISSCC（International Solid-State Circuits Conference） 2024」で発表した最大130TOPSのAI処理性能を持つAIアクセラレータを用いており、ISSC

2024年2月26日、NIST（米国立標準技術研究所）は、「NIST サイバーセキュリティフレームワーク（NIST Cybersecurity Framework：NIST CSF）」のバージョン2.0を正式に公開した。2014年4月に初版であるNIST CSF 1.0が公表されて以来、約10年ぶりの大幅改訂である。 本記事では、NIST CSF 2.0における主な改訂のポイントと、特にインパクトの大きい6つ目の新機能「GV（統治）」について解説する。 はじめに 2020年代に入り、新たな生活様式の変化に起因する脅威の発生、世界各国での深刻かつ大規模なサイバー攻撃の急増、生成AIなど新技術の普及に伴うリスク増加など、セキュリティ脅威が多様化・複雑化している。そのような状況に合わせて、各国でサイバーセキュリティに関する法規制・号令の発出、ガイドラインなどが整備されてきた。 直近10年間の脅威

Web-llmという、webGPUを使ったライブラリで遊んでおり、最近メインPCをWindowsからUbuntuに変えたことで色々と詰まったので、それについてのざっくりとした情報整理を行う。 WebGPUのそもそもの対応 Can I useを使うと以下のことがわかる PC以外のブラウザ、つまりスマホは対応していない 最新版のChrome,Edge,Operaではreleaseで対応している ただし、Linuxではフラグの有効化が必要 Firefoxではreleaseで対応しているもののフラグ有効化が必要 SafariではTechPreviewかつ設定で有効化が必要 基本はこれを抑えておけば大丈夫だが、web-llmではもう少し深堀りが必要になる WebGPUの詳細の対応について 次に、各ブラウザで https://webgpureport.org/ にアクセスしてみる。 以下のスクショはす

本書ではGitHub Organizationをセキュアに運用する方法について解説します。 GitHubは大変便利なサービスで、個人利用のみならず組織で活用されるケースも多いです。しかしGitHubの初期設定は利便性重視であり、セキュリティ対策は利用者による明示的な設定が必要です。 本書では意外と日本語でまとまった情報がない、Organizationレベルのベストプラクティスを体系化しています。GitHub Organization管理者はもちろんのこと、ソフトウェア開発者にも有益な情報を提供します。

はじめに 自動テストが叫ばれて10数年以上の時を経ていますが、今なお開発者の興味を惹くトピックの1つであります。 実際、Developers Summit 2023ではテストを主題とした講演が多く、また人気も博したと耳にします。 さて自動テストと共に話題になるトピックの1つと言えばテスト駆動開発でしょう。 ただテスト駆動開発は、設計・開発手法のため自動テストとは厳密にはジャンル違いであり、誤解を受けがちなトピックでもあります。 またテスト駆動開発を解説する書籍の多くが、Java等のオブジェクト指向言語のスタイルで書かれているためフロントエンドエンジニアのコードスタイルとは若干差異があリます。 当記事ではフロントエンドエンジニアのためにテスト駆動開発の技法の数々をTypeScript、Reactを用いて実践します。 フレームワークとしてReactを採用しましたが、記事内のコードはモダンフロン

ESP-IDFの各機能を使うためのライブラリはいくつかのクレートに分かれている。 esp-idf-hal: GPIOやADCなどのペリフェラル、delayなどの基本機能。 embedded-hal（マイコンの種類を問わない標準化されたAPI）に準拠している esp-idf-svc: 無線通信など WiFiの管理（モード変更、アクセスポイントへの接続など）はここ タイマなどに対する高水準なAPIや、ロギングなどの便利な機能も含まれている esp-idf-sys: ESP-IDFのC関数をほぼそのままラップしたもの ESP-IDF特有のビルド時処理などもここに含まれる 直接esp_idf_sys::以下の関数を呼ぶことはなくても、必ず必要になる極めて重要なクレート。 Rust標準ライブラリ（std::以下）: PCではOSが提供するような機能（コンソールやスレッドなど） ソケット通信はここ（標

はじめに Connect は最近注目されているgRPC のライブラリです。 web, Node.js, Go などの環境でgRPC を使うことができるようになります。 gRPC-web などでも同様のことができていましたが、Proxy サーバを立てる必要がありました。 Connect は、Proxy サーバを立てる必要がなく、gRPC の通信を行うことができます。 今回は、Connect を使ったWebアプリケーションを運用してわかった、メリットを紹介します メリット 主なメリットは下記の３点です。 Node.js, Go, Kotlin, Swift などの複数の環境でgRPC を使うことができる HTTP/1.1, HTTP/2, WebSocket などの通信を行うことができる gRPC のAPI定義から、サーバ、クライアントの両方に型定義を持ったコードを生成できる .proto フ

CHANGELOG やリリースノートの作成、バージョン更新を自動化してくれる Release Please を GitHub Actions から利用する機会があったので、使い方について簡単に紹介する。 環境 google-github-actions/release-please-action: v3 Release please とは Release Please automates CHANGELOG generation, the creation of GitHub releases, and version bumps for your projects. It does so by parsing your git history, looking for Conventional Commit messages, and creating release PRs. Rele

なんと あの Arduino に日本のメーカーのマイコンを載せた新作が出たというので、 これは試してみるしかありません。 以下 速さ優先でざっくりとした説明となります。 ハードウェアについては、イチロヲさんの記事を参考にして下さい。 probe-rs にターゲットを追加します まず マイコンに対応する CMSIS-Pack をダウンロードしておきます。 現在の配布ファイルの名前は Renesas.RA_DFP.4.5.0.pack です。 probe-rs を clone します。 probe-run が使っているバージョンにします。 git clone https://github.com/probe-rs/probe-rs -b v0.18.0 probe-rs-0.18.0 CMSIS-Pack を yaml に変換します。 cd probe-rs-0.18.0/target-gen

背景 FlutterとSupabaseを使用したアプリを開発している時、ユーザーの退会機能を実装が必要になりました。(よくあるケース) 事前準備 supabaseのプロジェクトが作成されていること flutterのアプリとsupabseの繋ぎ込みができていること https://supabase.com/docs/guides/functions/quickstart#prerequisites が終えていること Edge Functions側の実装 SupabseにあるFlutterのドキュメントなどを確認していましたが、Auth userの削除処理について明記されていませんでした。(自分の確認不足でしたらすみません) そこでEdge Functionsを利用します。 ここではさまざまなユースケースがあり、コードも公開されています。 またTypeScriptのサポートされ、Denoが使用

SupabaseでPGroongaを使ってみよう Supabaseで日本語のいい感じな全文検索拡張機能であるPGroongaが使えるので、その使い方の例を紹介します まずはサインアップ まずはsupabaseにサインアップしてアカウントを作成し、適当に組織を作り、下記のようなダッシュボードにアクセスしDBを作ります ExtensionをONにする Supabaseは日本語検索に強いPGroongaを使えるので、こいつをONにします 左側のDatabaseのExtensionを開いて検索フィールドにPGroongaと入れると出てきます（左側のPGroongaを選択してね） サンプルデータの作成 PGroongaのオフィシャルドキュメントのハウツー内に「PostgRESTでPGroongaを使う方法」という記事がありますので、これを参考にサンプルデータを作っていきます サンプルデータ SQLの

この記事は「クライアントサイドでデータのCRUD」をする前提で書いています。 サーバーサイドでデータのやりとりをする場合は従来の考え方（PHPなどのようにサーバーサイドで処理するイメージ）で問題ないでしょう。 Supabaseのドキュメントを読んでもINSERT / UPDATEの際のバリデーション方法が全く書かれていない...。Githubのディスカッションやissuesを確認しても、それらしき記述は見つからなかった。（今になって思えば目にしていたが、PostgreSQL童貞には結局どれが正解なのか全く見当すらつかなかった。） そして、Supabaseを取り扱う記事の多くが何故かバリデーション関連には全く触れていないのです...。あまりにも基礎的すぎる内容だからなのか...？それとも誰もバリデーションする気が無いのか...？とにかく、雑魚にも分かりやすくしてほちぃ＞＜ Supabaseは

概要 この記事では、グラフオブジェクトを意識していい感じにかける書き散らしグラフのノウハウを通して、rust狂信者の書き散らしプログラムの可能性を布教します。 研究をしていると、このデータパッとグラフ化して傾向みたいなーみたいなシチュエーションが往々にしてあります。 自分はそういうときPython3 + matplotlibを使用していましたが、ドキュメントが多く、書き散らすにはいいというメリットこそあるものの、型がないので予期せぬことが起きたり、オプション指定が面倒だったり、書き散らしたまま負の遺産化しやすかったりという課題を感じていました。 2年ほど前まではgnuplotを使用していて、これも素晴らしいソリューションですが、書き味がモダンでないので、悔しくもmatplotに甘んじていたわけです。 Excelを使うのは本当に敗北なので、どうしたもんか考えていましたが、rustのplott

【検索から来た人用】不完全な内容なので何も参考にできる内容はありません。ブラウザバック推奨です。検索汚しすみません...。 やってみる。 Hydrogenを使うために必要な知識 ドキュメントを読みながら出てきた技術を下記に記載していきます。 Shopify npm React Remix GraphQL Tailwind CSS（使うのであれば） Oxygen（デプロイ先。Vercelみたいなもの。） Online Store 2.0であれば、HTML + CSS + Liquidだけで良かったので、 そう考えると若干ハードルが上がる感覚はある。Next.jsを触ったことがあるなら恐れる必要は無さそうだ。 Shopify Hydrogenとは？ Shopifyが提供するストアフロント（閲覧者のためのWebページのこと。いわゆるECサイト）を構築するための開発キットみたいなもの。 これまでは

年が明けてしまいましたが、この記事はモダン言語による組み込み開発 Advent Calendar 2022 の 22 日目の記事です。私は こんな感じでアート・エンタメ等のハードウェア・ソフトウェア開発をしてきた のですが、短納期で安定動作するハードウェアを作らなければいけないときがほとんどです。そんな時、いつも思います。Rust で…ファームウェアが……書きたい………！！ やっていくこと (OSC と NeoPixel 系 LED) ということで、組込み Rust のサンプルを動かすところから初めて、上記のような業界でこれが使えたら 8 割方だいたいなんとかなるよね (ならない)、という基本的な 2 つの機能を組込み Rust で動かすところまで、試してみたいと思います。 NeoPixel (WS2812B) などのシリアル LED を光らせる Wi-Fi で OSC (Open Sou

オープンソースの地図ライブラリの「MapLibre GL JS」を使った地図の表示、地物の表示方法をまとめました。

2023/12/08追記： @supabase/ssrでは Twitterユーザー名に @ や - が入っていると認証処理が失敗してしまう不具合を見つけました。@supabase/auth-helpers-nextjsの0.8.7に差し替えたところ正常に動作しました。Supabaseとしては @supabase/ssr を推奨していますが、現時点では @supabase/auth-helpers-nextjs を使った方が無難かと思います。 本件についてはIssues立ててあります。 https://github.com/supabase/auth-helpers/issues/700 2023年10月下旬にauth-helpersが非推奨となってしまいました。 代わりに @supabase/ssr の使用をするようにアナウンスされています。 現在公開されているドキュメントだけでも十分に動

いろんな会社でdockerが使われてきている昨今、なんとなく使ってる人も多いかと思います。 そこで、自分が業務などで利用しているコマンドや説明を書こうと思います。 私のレベルは本番ではdockerを使ってサーバーを立ててる民ではないので、そこまで詳しくないことをご了承ください。 前提 dockerほんのちょっとだけ分かる Docker Desktopをすでに入れている状態 ローカルで開発している環境をごにょごにょしたい向け 前提認識 コンテナとイメージの違いを理解してないとこのあとの話は把握しにくいかもしれません。 イメージはビルドされたもの(もしくはスナップショット)で、コンテナはイメージを動かしているインスタンスと考えると良いでしょう。 イメージが消えない限りはコンテナを作るのは速いことを覚えておくと良いでしょう。 docker-composeって何よ docker-composeは複

はじめに 数か月ほど前、住所の正規化が話題になりました。こちらの記事が特に有名ですね。 関連して、こちらの記事も話題になりました。 当時はほかにも色々な人が日本のヤバい住所の例をあげてくれて、とても楽しかったです。 実は弊社でもAddressianという住所正規化サービスを提供しています。初めて目にする変わった住所を見かけたら、とりあえず自社のAPIに投げてみて「おお、正規化できた」「すごい！」などといいながら遊んで働いています。 サービスは無料で利用できますが、今までは利用の手順が面倒でした。 ユーザー登録する APIキーを発行する 住所正規化APIを呼び出すプログラムを用意する（サンプルコードあり） プログラムを実行して住所を正規化する そこで、もっと気軽に住所正規化を試してもらえるように、ユーザー登録しなくても使えるデモ機能を作ってみました。 デモ機能の概要 住所正規化デモ画面 こち

Language Server Protocol通称LSPの仕様と、各機能をどうやって実装したら良いかの指針を示します。 対象読者 * 言語処理系を実装する人/したい人 * Language Serverを実装する/したい人 * LSPに興味がある人、日本語のまとまった情報源を探している人 * Language Serverがエディタの裏でどのようなことをしているのか気になる人 本書で解説される機能は以下の通りです。 * Diagnostics (検査) * Completion (補完) * Inlay hint * Hover * Goto definition (定義へ移動) * Find references (参照を表示/移動) * Rename (名前変更) * Code actions * Code lens * Signature help * Command * Docu

はじめに お疲れ様です。 @いけふくろうです。 バックエンドにて帳票ライブラリを使い、PDFを作成してフロントエンドにレスポンスすることが多いかもしれませんが、フロントエンドでWebページを印刷する場面があった際の方法を整理しました 概要 Web画面の表示内容を印刷する react-to-printを使うとDOMを印刷することができるので活用した 環境 React v18.0.0 Next v12.1.5 react-to-print v2.14.11 Google Chrome TailwindCSS v3.1.6 実装内容 ディレクトリ構成 ├── components　・・・ コンポーネントをまとめるディレクトリ │ ├── Print │ │ ├── PrintOrganizer.tsx ・・・ 印刷設定と印刷対象のコンポーネントを管理するコンポーネント │ │ └── index

最近 glTF のコンバータを書いたので，少しまとめておきます． あくまで備忘録のような内容なので，悪しからず． 📌 フォーマットについて 公式 glTF tutorial 日本語チートシート 📌 ツール glTF Validator glTF Viewer 📌 エクスポータ／インポータ Blender(exporter) Blender(importer) 📌 コンバータ COLLADA2GLTF 📌 その他 JsonGrid - glTF の中身を見るのに便利な JSON ビューア GltfBrowser - こちらも glTF の中身を解析できるビューア．公式のサンプルデータを手軽に確認できます．3D ビューアも内蔵されていて便利です． 📌 クイックリファレンス glTF の公式サイトにはチートシートがあって，有志が日本語版を公開してくれています．このチートシートはわかり

ユーザー登録時のメールにユーザー名を表示させたい メールアドレスをユーザー登録時の送信メール内で表示させるにはこちらのドキュメントを見ればわかります。しかし、ユーザー名を表示させるにはどうすればいいのでしょうか？ まずはsignupします。 const { error: signUpError } = await supabaseClient.auth.signUp( { email: email, password: password options: { data: { handle_name: 'testusername' } } }, ); このとき、handle_nameという名前のフィールドを含めて送信したとしましょう。 このデータはauth.usersテーブルのraw_user_meta_dataというカラムに保存されます。 あとはこのデータをメールのテンプレート内で引っ張り

これはConventional Commitsに従ったものです。 結論 多くのOSSや開発現場は、（明確に宣言していないものの）Conventional Commitsに影響を受け、PRタイトルやコミットメッセージを設定しています。 シンプルな仕様ですので、チームで開発する上で知っておくと良いと思います。 仕様/用途編 本家仕様 Conventional Commitsは、Gitのコミットメッセージの形式に関する仕様。 シンプルでドキュメントも分かりやすく、こちらのサマリと例から大体つかめる。 コミットメッセージに含める情報 commit type：コミットの種別を表現する fix：バグ修正 feat：機能追加 上記以外の種別もチームで決めて使ってOK（※標準的な仕様は後述） optional scope：commit typeに付け加えて、コミットが対象とするコードベース内の領域を補足す

海洋ロボコンをやってた人です。 今回は、URDFで記述したオリジナルロボットをGazeboシミュレーターと連携して動かせるようにする方法を紹介します。 Gazeboはじめましての方のお力添えになれば幸いです。 ※2023/02/26追記: 本記事の「ROS2」表記、正しくは「ROS 2」です。 ROS2 gazebo_ros2_controlでシミュレーションする 今回は、前回・前々回で紹介したURDFおよび、MoveitパッケージをGazeboと連携してシミュレーターで動かす方法を紹介します。 Moveitパッケージの作成方法は下記よりご覧ください。 この記事を読むことで、下図のように、自身のオリジナルロボットをMoveitを用いてGazebo上で動かせるようになります。 また使用するモデルは、アイコンでも表示されているマンタ型ロボットで紹介していきます。 なお、ロボットのハード設計から

はじめに Turing株式会社UXチームエンジニアの井上(@yoinoue5212)です。 Turingは完全自動運転EVの開発を目標に、自動運転AIとEV本体の両面での開発に挑戦しています。UXチームでは、自社EVのIVI(In-Vehicle Infotainment)つまりセンターディスプレイ等に表示されるシステムのOSとして、Androidを基盤とする独自車載OSの開発を行っています。 本記事では、ソースコードの公開されているAndroid Open Source Project(AOSP)を題材に、Android OSを開発するとはどういうことか、開発のための環境構築についてお話しします。 AOSPとは 何の略？ AOSPはAndroid Open Source Projectの略で、Android OSを構成するすべての要素がオープンソースで公開されています。 Googleの開

はじめに Turing株式会社のUX Engineeringチームでエンジニアをしています佐々木です。Turingは「We Overtake Tesla」をミッションに完全自動運転EVの開発をしています。UX Engineeringチームは、車載インフォテインメント (IVI : In-Vehicle Infotainment) システムの開発を担当しており、Android Open Source Project (AOSP) をベースに車載OSを開発しています。 本記事では、AOSPの枠組みに含まれるAndroid Automotive OS (AAOS)を概説し、また、実機でAAOSを体験するためにRaspberryPi 4BでAAOS13.0を実行する方法を紹介します。 Android Automotive OSの概要 Android Automotive OS (AAOS) は自動

概要 JSTQB Foundation Level に合格したので、受験方法、勉強方法、感想についてまとめます。 受験理由 Web 系企業でソフトウェアエンジニアとして働いています。業務で品質観点からソフトウェア開発に取り組むための一環としてソフトウェアテスト周りの知識を学んでいました。その経緯で、ソフトウェアテストの資格として JSTQB Foundation Level があることを知り、体系的な知識の獲得のため受験しました。 JSTQB Foundation Level 概要 JSTQB の概要は公式ホームページの JSTQB について を引用します。 JSTQB とは、日本におけるソフトウェアテスト技術者資格認定の運営組織で、 各国のテスト技術者認定組織が参加している ISTQB（International Software Testing Qualifications Board

JavaScript の非同期処理は非常に難しく、その難しさの原因は「制御の流れ」が掴みづらいことにあります。 この本では非同期処理を理解するために必要な概念であり、仕組みでもあるイベントループでプロミスチェーンの処理がどのように行われるかをクイズ形式で学ぶことによって、非同期処理の「制御の流れ」を掴めるように訓練します。 知識面については中枢となるイベントループの機構から、実行環境と API、async/await や Promise.all などの一通りの範囲を学習し、最終的には並列化や順序づけて反復処理を行うための制御方法と TypeScript での型注釈までを網羅します。

鉄道会社を選択 鉄道会社を選択するには、「鉄道会社」のプルダウンメニューからダウンロードしたい鉄道会社を選択します。 試しに「JR東海」を選択してみます。鉄道会社はプルダウンメニュー内をスクロールしても洗濯できますが、ダウンロードしたい会社がわかっている場合は文字列で絞り込んだほうが良いです。 「JR東海」は「東海旅客鉄道」で登録されていますので、「東海」と入力してみましょう。 「東海旅客鉄道」を含む候補が絞り込まれますので、「東海旅客鉄道」を選択します。 鉄道路線を選択 鉄道駅LODに登録される鉄道路線はかなり多いので、前述の「鉄道会社」を選んでから「鉄道路線」を選ぶことができる仕組みになっています。 例えば「東海道新幹線」の路線データをダウンロードしたい場合、前述の鉄道会社を「東海旅客鉄道」に選択して、「路線」に「新幹線」と入力しましょう。 「東海道新幹線」をクリックすると、以下のよう

はじめに マケデコという主に株式関連のマーケットAPIを活用し、分析や予測モデルを構築しているbotterのDiscordコミュニティをJPX総研様、AlpacaJapanの協賛で運営しています。 マケデコの中で、さまざまなイベントを企画する中で、前提知識として、機械学習モデルが生成するスコアについての知識があまり共有されていないと感じていて、この文章を書いた次第です。 過去に作成したものだと、JPX総研様と一緒に作成した株式分析チュートリアルなどはかなり網羅的にいろいろなトピックを扱っているのですが、こちらはSIGNATEで開催された株式分析コンペの内容を踏襲しており、与えられたコンペのお題に対してスコアを生成することを前提に記載されています。(補足: この株式分析コンペの設計の仕方は以前記事にまとめたので、ご興味あればぜひお読みください) システムトレードを行うときも、このスコアを自分

概要 distrolessは、Googleが提供している必要最小限の依存のみが含まれるDebian10(buster)を基に作成されたコンテナイメージです。 imageのサイズが本当に小さく、aptやshellさえも含まれておりません。 よくベースとして利用されるLinuxディストリビューションは、基本的な設定ファイルやパッケージが大体含まれます。(カーネルを除く) なので、実際使用しないような不要なファイルが多数含まれているのが現状です。 distrolessは、このような不要なファイルを削除し、本当に必要な最小限のファイルのみを含んだimageとなっております。 何が嬉しいのか 上記にも挙げたのですが、嬉しさポイントは以下の２点です。 セキュア => 本当に実行に必要なのファイルのみを含んだimageとなっているので、不要なバグや脆弱性を埋め込みにくいという点が、セキュアだといえます。

xxを支える技術シリーズに触発されまして、アウトプットの練習も兼ねて初Zennを書いてみました。 特に「痔のエンジニアを支える技術」の冒頭に記載のあったすぐに死ぬわけではないがQOLに結構な支障をきたす慢性の疾患を抱えたエンジニアであり、幼少から30年以上アトピー患者である自分の知見を共有したいと思いました。 アトピー性皮膚炎とは かゆみのある湿疹が、慢性的に良くなったり悪くなったりを繰り返す病気です。全国的に患者数は年々増えているようです。これまで勤めた企業の同僚にも何名かアトピーの方はいらっしゃいました。この疾患は重症度に個人差があり、治療方針についても確実な方法が定まっておらず、患者自身が医師の指示に従いつつ各々で改善のための生活習慣を模索していくしかないのが現状です。 自分は小学生の頃は中等症から重度の範囲でしたが、現在は軽症から中等症の間くらいです。おそらく一生アトピーと付き合っ

初版公開時はTag1.0の内容を元に編集していましたが、現在 (2023/02/13) は頂いたコメントを反映した内容で更新済みのものになります。 はじめに 出オチのようですが、作成するサンプルAppのキャプチャを先に見て頂きましょう。 温度を操作することで水が氷になったり、水蒸気になったりしていますね。 本記事では上記のようにユーザー操作によって画面に変化が与えられるサンプルAppの作成を目指します。 Flutter × Riverpod(v2系) の組み合わせで宣言的UIを実現することが出来ます。 宣言的UIを抽象化すると で表現することができます。 言葉に言い換えると 「State を Build(f) した結果がComponent(UI)である。」 という言い方が出来ます。 Riverpodを用いた実装方法では 「Component(UI)がStateをWatchする。Stateの

<a>タグ target="_blank"のセキュリティ対策 Reactでポートフォリオを作っている中で外部リンクにアクセスするために <a>タグでtarget="_blank"を使用しました。 (target="_blank"とは別タブで指定したURLを開く設定です) その際、コンソールに以下の警告が出ていることに気づきました。 Using target="_blank" without rel="noreferrer" is a security risk // rel="noreferrer "を使用せずにtarget="_blank "を使用することは、セキュリティ上のリスクがあります。 ほ〜ん。そうなんか...。 ということで今回はセキュリティのお話です。 target="_blank"には脆弱性がある...？ 警告にも出ているとおり、結論から言うとtarget="_blank"

最近「Raspberry Piはすぐ壊れる」という趣旨の話題がTL上に出てきたので複雑な心境で眺めていました。 (以下簡略化のためRaspberryPi = RPiにします) もし「RPiはすぐ壊れるから製品投入に向いてない」と思っている方がいるのであれば、その理由でRPiを切ってるのはもったいないなぁと思いこの記事を書いてみました。 カンタンに自己紹介をしておくと、某社でRPiをベースにした製品を作り「RPiはすぐ壊れないものなのか？」の検証を進めていました。今では各地で5000台以上は動いてると思います。 ざっと書いたので、あまり技術的に詳しいことは書いてませんが、読み物として楽しんでもらえれば幸いです。 （これらテストをしたのがどのバージョンのRPiなのかについては触れません。読者さんが使いたいと思ったRPiでで気になる部分をテストしてもらうことが良いと思っています） 10,000回

Webの用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに 以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバから送られてきたHTMLファイルは、「0」と「1」でできたデータになっています。 ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を 解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステップにな

## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) では、わずか数百台のホストしかなかったので、ネット上の全てのホスト情報の記載が可能でした。 しかし、インターネットが普及していくにつれてHOSTS.TXTは肥大化していき、1983年には、ホスト数はおよそ数万台になりました。もはやHOSTS.TXTによる名前解決は不可能となったので、現在のようなDNS

Goの利点を使って実装するコツやノウハウを書くことがコミュニティにとってプラスになると思っているのでそれに専念したいという考えはありますが、Goの苦手な領域にGoを採用してしまってヘイトを溜め込んでしまう事例を見かけたりします。 こういう悲劇の起こる可能性を少しでも減らせたらという思いで、Goの現状の苦手な領域について解説しようと思います。Goを学び始めにこれらの領域に手を出すのは避けましょう。 Cgo is not Go GoはCGO連携でC/C++資産を利用することができますが、メモリアロケータの異なる処理系を繋ぐ関係上、お互いに呼び合う際のパラメータや戻り値はほとんどのケースでコピーが必要になります（Cの型でメモリ確保しCの型のまま受け渡しする場合はOK）。なので高頻度に呼び合うような用途には不向きであるというのはSWIGなどのような複数の処理系を連携させる仕組みと同様です。 また、

イベント「【タイミー/Voicy/令和トラベル】Backend LT〜技術選定における“見極める力”とは〜」での登壇資料 https://reiwatravel.connpass.com/event/306794/

DockerfileにおけるENTRYPOINTとCMDの違いは、Dockerコンテナが実行される際の動作に影響を与える。 これらの指示は、それぞれ異なる目的と動作に使用される。 ENTRYPOINT: この指示は、Dockerコンテナが実行可能なアプリケーションとして扱われることを意味している。つまり、コンテナが起動されるとすぐに実行されるコマンドを設定する。docker runコマンドの後に追加の引数を渡すと、それらはENTRYPOINTに渡される。 CMD: この指示は、Dockerコンテナのデフォルトのコマンドを提供する。これは、docker runコマンドの後に何も引数を指定しなかった場合に実行される。ただし、CMDの指定があっても、docker runで別の引数が提供されると、CMDのコマンドはオーバーライド（上書き）される。 これら2つを併用することで、より細かくDocker

概要 近年スマートフォンアプリの開発にGoogleのマルチプラットフォーム開発環境であるFlutterが非常に注目を集めています。 本書ではFlutter UIの「UIレイアウト」「カスタマイズ描画」「アニメーション」「ジェスチャー」と幅広く解説します

gitでrebaseしまくるzaruです、こんにちは。rebaseする時、編集途中のファイルがあるとstashしてくれと怒られますよね。本当に面倒くさいのですが、これを一発でstashしなくて済む方法を紹介します。

米ドル/円 が150円と計算しやすくなり、コスト削減の圧力が日々強まる中、皆様お宝探しと垂れ流し回収の真っ最中でございましょうか。 最近はコスト削減や予算について見ることが多いので、その中で出てきた面白げな話に雑談を加えてとりとめなく書いてみようと思います。 削減余地はある 昨年にご好評いただいた AWSコスト削減とリソース管理 | 外道父の匠 を含め色々な削減施策を試みてきましたが、サクッと成果になる箇所から泥沼に動かない所まで様々あったりします。 ただ、どんなアカウントでもトラフィックや処理負荷には波があり、それに対する余剰リソースを確保して構成しているので、その辺をキュッと絞ることまで含めればやれることは必ず一定以上存在することになります。 そういう大きなお宝ではない小さなお宝だと様々あり、古びたとか退職者が作ったとかで、ほぼ使っていない垂れ流しリソースやデータをかき集めれば、チリツ

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

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

Bitlocker is one of the most easily accessible encryption solutions available today, being a built-in feature of Windows 10 Pro and Windows 11 Pro that's designed to secure your data from prying eyes. However, YouTuber stacksmashing demonstrated a colossal security flaw with Bitlocker that allowed him to bypass Windows Bitlocker in less than a minute with a cheap sub-$10 Raspberry Pi Pico, thus ga