長らくReactの入門キットとして使われてきたCreact React App（CRA） 2023年春に正式版になった新しいReactの公式ドキュメントでは、選択肢として紹介されていません。 標準から外れたとは言え、まだ一定の役割は担えるのだろうかと思い様子を見てみました。 とりあえず試してみる まずは現状確認のために実際にプロジェクトを作ってみます。 $ npx create-react-app cra --template typescript Creating a new React app in /Users/nekoya/src/github.com/nekoya/ggg/cra. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scr

本記事について 本記事は、APG4g（Go言語入門 APG4b）【1.00 ~ 1.02】の続きです。 もし、前の記事を読んでいない、もう一度見たい等ありましたら見ていただけると幸いです。 今回扱う内容は以下の通りです。 1.03. 四則演算と優先順位 1.04. 変数と型 本記事での目標は、以下の3点です。 Go言語で、四則演算とあまりの計算が出来るようになる Go言語で、データを保存する変数を作れるようになる Go言語にあるデータの型を知り、使えるようになる では、始めていきましょう！ 1.03. 四則演算と優先順位 キーポイント 演算子 計算内容

はじめに 「自身のコードを振り返り、実装内容を言語化する習慣はありますか？」 「開発をするとき、動いたからOKと思い、急いでPRを出していませんか？」 また、「コードを書いて要件を満たしているからと、そのまま先輩エンジニアに丸投げレビューを依頼してませんか？」 それは、チーム内の開発コミュニュケーションとして良くないよーーーー 個人開発や、なんちゃってチーム開発（ハッカソン）しかしてきていない私は、セルフレビューの存在や大切さを全く知りませんでした。🥹 この記事では、Draft Pull Requestと、セルフレビューはどういうものかやその大切さを教えます！！！ 以下では、Pull RequestをPRと省略します。 対象読者 長期インターン前に急いでGitHubの復習をしているエンジニア チームに入る前や入りたての駆け出しエンジニア セルフレビューが苦手な若手エンジニア まずは自分の

左が「Nature Remo nano」、右が「SwitchBot ハブ2」。個別のレビューは上記の過去記事を参照されたい スマートホームの共通規格「Matter」に対応したデバイスが徐々に登場している。現時点ではスマートスピーカーやスマートリモコンなど、ハブ的な役割の製品がMatterに対応し始めたにすぎず、その先につながるスマートプラグなど単体デバイスのMatter対応はまだまだだが、多くのメーカーが発売の意向を表明しており、この先増加することは間違いない。 【写真】Matter関連設定後のHomeアプリ画面 さて、2023年7月時点で国内で入手できるMatter対応のスマートリモコンは「Nature Remo nano」と「SwitchBot ハブ2」の2製品だが、これらは同じMatter対応でありながら、その特徴は大きく異なっている。具体的にどこが違うのか、スクリーンショットを交え

※ 小説です。続き物ではないですが一応前回はこちら ※ 読むとReactで非同期処理が書きやすくなるかもしれません。 ※ Reactの知識が前提になります、ご了承ください。RustやTauriの知識は一切不要です。 本記事で伝えたいこと 「Reactで非同期処理を扱いたいから useEffect 」 → 安直すぎる データフェッチ系の処理 → クリーンアップを設定するなら useEffect でOK ユーザ登録のような外部に影響のある処理 → イベントハンドラ内で実行 するべき useEffect は「特定のイベントによってではなく、 レンダー自体によって引き起こされる副作用 を指定するためのもの」である という内容が 公式ドキュメントに書いています 。 プロローグ もう夜も遅いのに、どの教室にも明かりが灯っていた。 TypeScript「ふぅ...やっと落ち着いた...」 実行委員のCS

この記事はQiita Engineer Festa 2023 参加記事です。 株式会社PE-BANKさんのエンジニアキャリアについてあなたの考えをシェアしよう！キャンペーンへの参加記事になります。 はじめに キャリアを形成していく上で、異動・退職・常駐先離任など職場を去ることがありますよね！ 私も、SESをやっていた時に現場を離任したことや、事業会社で異動したこと、退職したこと、など新しい職場に移った経験が少なくない回数あります。 そんな私が過去の経験から学んだ、 去り際に気をつけたいたった５つのお作法 についてまとめてみます。 去り際に気をつけたい、たった５つのお作法 実際には去ることになった背景によってお作法が変わったり、残念ながら去る側の思いが伝わらないこともあります。 それでも背景が前向きな理由によるものであれば尚のこと「立つ鳥跡を濁さず」という気持ちで意識したい部分をまとめます。

モナーって知ってますか？ モナーは某ネット掲示板の2ちゃんねる（今は5ちゃんねる）で愛されているアスキーアートの１つで 「お前が言うな」 や 「お前も一緒やろ」 的なニュアンスで使われているやつです 制作に至った経緯 〜ある日の深夜〜 私 「モナーがechoしたら面白いんじゃね？」 私 「モナーがecho、モナーがエコー、モナーエコー、モナコ、monaco でええやん」 と言う思いつきと深夜テンションのままに作ったコマンドになります 開発してから結構な日数が経っているんですが供養させてください👻 ただ、1つだけ問題がMSのOSSの Monaco Editor と名前が被ってるんですよね リポジトリはこちら インストール方法 インストールはGoからにしか対応していません...orz <ｽﾐﾏｾﾝ

はじめに みなさん　Slack コネクト使ってますか？ もしかしたらSlack コネクトを利用しているものの、Slack コネクトのユーザーグループの仕様上、組織（オーガナイゼーション）を超えたユーザーグループメンションができないことに対しお困りの方がいるかもしれません。今回はそれに対し一つの代替案がうまく回っているのでご紹介します。 Slack コネクトとは 異なる会社・組織同士がSlack上つながって、安全かつスピーディに共同作業ができる環境として知られています。 たとえば私の実施しているアジャイル開発・スクラムでは、顧客とベンダー、企画部門（プロダクトオーナー）と開発部門、パートナーとパートナーなど、様々な形でSlack コネクトを使うと便利なシーンが想定され、2020年に発表されてからもう数年経ちますが、個人的には直近2ヶ月で3か所ぐらい新たに繋いだりと、Slackの機能の中ではま

このイベントについて Spectrum Tokyoはデザインという概念をより広く捉えるためにメディアやイベント、フェスティバルなどを運営しています。 Spectrum Tokyo Jamでは、様々な領域の人（デザイナー、ディレクター/PM、エンジニアなど）が集まり、広義のデザインにまつわるライトニングトークを聞きながら、新たな仲間と出会えることを目的としています。堅苦しい雰囲気ではなく、カジュアルな飲み会のような空気感を目指しています。 Spectrum Tokyo Jam #01 【日程】7月26日 (水) 【時間】19:00-21:30（18:45 open） 【場所】コミューン株式会社 【費用】￥1,000（事前決済） * 飲み物とお菓子をご用意する予定です * お酒も提供予定ですので、ご参加は20歳以上であることが必須となります テーマ あれもこれもデザイン。あなたのやっている「デ

2022年7月、アイダホ州で大型輸送ヘリ・CH-47Dチヌークが川に墜落する事故が発生し、操縦士と副操縦士の2名が亡くなりました。事故に関する最終調査報告書は公開されていませんが、新たに公開された事故に関する文書で、事故にiPadが関わっていたことがわかりました。 Dropped iPad implicated in fatal Rotak Chinook helicopter crash - Vertical Mag https://verticalmag.com/news/dropped-ipad-implicated-in-fatal-chinook-helicopter-crash/ Project Summary: Aviation Investigation - 17 Docket Items - CEN22FA331 https://data.ntsb.gov/Docket?

こんにちは、ブランドソリューション開発本部フロントエンド部の田中です。普段はWebのフロントエンドエンジニアとして、FAANSのWebの開発を行なっています。 FAANSとは「Fashion Advisors are Neighbors」がサービス名の由来で、ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツールです。 ショップスタッフ向けにコーデ投稿・成果確認などの機能が存在し、2022年8月に正式ローンチしました。詳しくは以下のプレスリリースをご覧ください。 corp.zozo.com 弊社の福利厚生の中に海外カンファレンスを含む勉強会やセミナーの参加費用を会社で補助してくれる制度があります。今回その制度を利用して、オランダのアムステルダムまで渡航し、JSNationとReact Summitに参加致しました。 corp.zozo.com オンラインからの参加も可能で、

公開日 : 2023年7月19日 (2024年3月20日 更新) カテゴリー : アクセシビリティ 国連の「障害者の権利に関する条約 (Convention on the Rights of Persons with Disabilities)」の批准に伴う国内法制度の整備の一環として、「障害を理由とする差別の解消の推進に関する法律」(いわゆる「障害者差別解消法」) が2016 (平成28) 年4月1日より施行されています。 現在はその改正法 (「障害を理由とする差別の解消の推進に関する法律の一部を改正する法律」) が2021 (令和3) 年6月4日に公布されており、政令により2024 (令和6) 年4月1日に施行されることになっています。併せて基本方針 (「障害を理由とする差別の解消の推進に関する基本方針」) も改訂され2023 (令和5) 年3月14日に閣議決定されたところで、こちらも

はじめにこんにちは、Lightblueの園田です。 四畳半のオフィスで70億パラメータのLLMを事前学習した話ではエンジニアの樋口さんがlightblue/japanese-mpt-7bの開発・性能評価について報告しました。 本記事では、四畳半のオフィスで70億パラメータのLLMを事前学習した話で語りきれなかったしくじりも含めた開発裏話について紹介します。 LLM開発に必要なリソース一般的に、LLMの開発にはA100やH100といった最新の高性能のGPUが使われます。 本日公開されたLlama2の70Bモデルでは、A100を1,720,320時間分利用し学習されています。 このようなリソースはGPUボードの費用だけでなく、電気代も高額になることから、LLMの開発には資本力が必要とされています。 H100はパブリッククラウドでほとんど提供されていないことから、LightblueでもA100を

健康保険証、銀行口座、年金記録――個人のマイナンバーに別人の情報がひも付けられるトラブルが後を絶たない。多くの事案に共通するのは、自治体や関係機関の職員が氏名や生年月日などを基にマイナンバーや住民データを照会した際に、誤って同姓同名の人の情報を引き出してひも付けてしまうというケースだ。 こうした情報のひも付けをする際、職員が住民データの照合や突合、本人確認に使うのが「氏名」「生年月日」「性別」「住所」、いわゆる基本4情報といわれるものだ。 だがこの4情報は、コンピューターによる自動処理とは絶望的に相性が悪い。例えば氏名は「邊」「邉」など旧字・異体字の揺らぎや外字の処理が煩雑なうえ、婚姻による改名もある。よくある氏名の場合、氏名も生年月日も同一というケースが頻発する。住所は時期によって変わるうえ、人によって書き方が「一丁目四番」から「1―4」まで一意ではない。 こうした曖昧な識別符号を代替す

https://workers-tech.connpass.com/event/287490/ - Workers Tech Talks #1 2023-07-19 (Wed) 日比谷 15分 -> 20分 hiroshi.icon 右側の２つ目のアイコンから Start Presentation を選択するとスライド的に見えます 自己紹介 株式会社 Helpfeel 去年の10月ぐらいに Nota から社名変更 Gyazo, Scrapbox, Helpfeel の会社 齋藤 宏 https://github.com/hiroshi Gyazo 開発チーム エンジニア app バックエンド側、インフラ, etc その昔はプレステ2でプラレールのゲーム作ったり DHH による Rails 登場で web 系に Gyazo と Cloudflare Gyazo の origin server

PC周辺機器メーカーのLogitech(日本ではロジクール)が、左手用デバイスを開発するLoupedeckを買収したと発表しました。Logitechは買収の目的について、「よりシームレスなエクスペリエンスをクリエイターに提供するため」と語っています。 Logitech International - Logitech Acquires Loupedeck https://ir.logitech.com/press-releases/press-release-details/2023/Logitech-Acquires-Loupedeck/default.aspx Somebody turn the dial up to 11. Welcome to the #Logitech family @loupedeck - here’s to all the Logi x Loupedeck f

Googleが一部の従業員に対し、インターネットに接続されていないオフラインのデスクトップPCだけを使用させるテストプログラムを実施していると、アメリカの大手メディア・CNBCが報じました。 Google restricting internet access to some employees for security https://www.cnbc.com/2023/07/18/google-restricting-internet-access-to-some-employees-for-security.html このプログラムでは、GoogleドライブなどのオンラインツールやGoogleの検索サイトなどを除き、インターネットへのアクセスが無効化されたPCが使われるそうです。さらに、プログラムに参加する従業員はルートアクセスができなくなり、管理コマンドを実行したりソフトウェアをイ

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン115.0.5790.99がリリースされました。アップデート内容は2023年7月14日に公開されたパッチノートの通りで、スクロール量に応じてプログレスバーを伸ばしたり、画像を変形・回転させたりする仕組みが導入されたほか、ユーザーをサードパーティーの追跡から保護するプライバシー向上の取り組みも行われています。 New in Chrome 115 - Chrome Developers https://developer.chrome.com/blog/new-in-chrome-115/ Google Chrome 115の更新内容は、2023年7月14日にパッチノート公開時に記事化した通りとなっています。内容を以下に改めて掲載しておきます。 Chrome 115のアップデート内容が公開される、スクロールに応じてコンテン

Tatsuya Amano @tatsuya_amano 英語が母語でない研究者はどれ程の不利益を被っているのでしょうか。日本を含む８か国での調査によって、論文読解・執筆・出版、発表準備や国際学会参加を行う際に、英語ネイティブ話者に比べて非ネイティブは非常に大きな時間や労力を費やしていることを定量化しました。 doi.org/10.1371/journa… pic.twitter.com/88KfiBFPN9 2023-07-19 05:40:26 リンク journals.plos.org The manifold costs of being a non-native English speaker in science This study reveals that non-native English speakers, especially early in their care

SIerの人手不足が深刻だ。旺盛なDX（デジタル変革）需要に対応するため、人材獲得競争が激化している。 人手不足への対処策の1つとして各社はサービス型への事業モデルの転換を進めている。事業モデルの転換とは別にもう1つの重要な取り組みがある。開発生産性の向上だ。技術者1人当たりの生産性を高めることで、より少ない人数で多くのシステムを開発できるようにする。 開発生産性向上への取り組みは今に始まったことではない。数々の開発手法や開発ツールが生まれてきたのはそのためだ。SIerも独自の開発標準や開発環境などを整え、効率のよい開発を進めてきた。 その中でもクラウドやコンテナといった最新技術を活用することで成果を上げたのが野村総合研究所（NRI）である。複数の企業で共通して使えるソフトをつくり、別のプロジェクトでも利用する。つくらない部分をなるべく増やすことで生産性を向上させる。実施した事業本部内での

こんにちは。バクラク申請・経費精算チームでエンジニアリングマネージャーをしているsh_komineです。 7月はLayerXエンジニアブログを活発にしよう月間 ということで、今日は最近自分が「開発チームのマネージャーとして意識しているチームのCapability 」について話をしようと思います。LayerXのテックブログでは数少ないマネジメント系の話です。 私自身、エンジニアリングマネージャー歴自体は1年ほどなので、まだまだ足りない面もあると思いますが、誰かの参考になればと思います。 開発チームとCapabilityの定義 開発チームの単位もいろいろとありますが、基本的にはチームとして意思決定し、開発活動を続ける最小単位のチームを想定しています。開発エンジニアにプロダクトマネージャー、チームによってはデザイナーやQAなども含みます。自分の場合は職能横断型のプロダクト・顧客に向き合うチームを

How React 18 Improves Application PerformanceLearn how concurrent features like Transitions, Suspense, and React Server Components improve application performance. React 18 has introduced concurrent features that fundamentally change the way React applications can be rendered. We'll explore how these latest features impact and improve your application's performance. First, let's take a small step

この記事は2023年7月19日時点の Chrome の最新版 115.0.5790.98 を使って検証しました。今後 Chrome の実装によって挙動が変わる可能性はございます。 はじめに 画像表示のパフォーマンス改善において、「decoding="async" をつけましょう」というのをよく見かけますが、おそらくほとんどの人がその実際の挙動を理解していない、あるいは誤った認識をしていると思います。今回詳しく調べる前の僕も含めて。 loading と decoding の違い 画像のパフォーマンス改善で decoding="async" のほかに、もう一つよく言及されるのが loading="lazy" です。decoding 属性について詳しく見る前に、まずは loading 属性との違いについて理解したほうがいいと思います。 loading とは、ブラウザがどのように画像を読み込むかを

以下の記事が面白かったので、軽くまとめました。 ・Llama 2 is here - get it on Hugging Face 1. Llama 2「Llama 2」は、Metaが開発した、7B・13B・70B パラメータのLLMです。 長いコンテキスト長 (4,000トークン) や、70B モデルの高速推論のためのグループ化されたクエリアテンションなど、「Llama 1」と比べて大幅な改善が加えられています。 そして、このリリースの最もエキサイティングな部分は、「RLHF」を使用して対話用に最適化されたモデル「Llama 2-Chat」です。 有用性と安全性の幅広いベンチマークにおいて、「Llama 2-Chat」ほとんどのオープンモデルよりも優れたパフォーマンスを示し、人間の評価によるとChatGPTと同等のパフォーマンスを達成しています。 2. デモ以下のスペースで、「Llama

MySQL即効クエリチューニング ThinkIT Books 作者:yoku0825インプレスAmazon 最近クエリチューニングの仕事があったので、少し深めに知ろうと読んだ。 MySQLの内部構造がどうなっているかは置いておいて、どうすればクエリの問題を把握できるかが素早く知れる良い本だった。90ページくらいですぐ読めるのも良い。個人的にはHandler_%変数を使った調査、innotopによる状況可視化、sys.innodb_lock_waitsによるロック状況の可視化あたりが非常に参考になった。 ちなみにさらに内部構造に踏み込んで理解しようとするなら、以下の記事がおすすめ。 雑なMySQLパフォーマンスチューニング MySQL with InnoDB のインデックスの基礎知識とありがちな間違い - クックパッド開発者ブログ Rails Developers Meetup 2018 で

トム・クルーズ、8歳のときに考えた超絶カッコいいアクションを約3億円かけて実現2023.07.19 18:0011,938 中川真知子 この夏は『ミッション:インポッシブル／デッドレコニング PART ONE』を見てください。 ほら、今、すっごい暑くて涼める娯楽を探している人も多いでしょう。それに何より半端なく面白いんですよ。 『MI』シリーズを観たことがない人も大丈夫。だって、サイレント映画のように動きを楽しむものだから。ストーリーはアクション間の辻褄合わせ的役割。ハンバーグでいうところのひき肉をつなぐための卵です。わかっていればより面白いけれど、わからなくても全然OK。 今回の見どころアクションは、崖からバイクで大ジャンプ、列車大破壊、そしてスピードフライングの3つです。 どれもトム・クルーズとクリストファー・マッカリー監督の予算とスキルを限界突破した｢やりたい｣が炸裂しています。でも

「Llama.cpp」で「Llama 2」を試したので、まとめました。 ・macOS 13.4.1 ・Windows 11 前回 1. Llama.cpp「Llama.cpp」はC言語で記述されたLLMのランタイムです。「Llama.cpp」の主な目標は、MacBookで4bit量子化を使用してLLAMAモデルを実行することです。 特徴は、次のとおりです。 ・依存関係のないプレーンなC/C++実装 ・Appleシリコンファースト (ARM NEON、Accelerate、Metalを介して最適化) ・x86アーキテクチャのAVX、AVX2、AVX512のサポート ・Mixed F16/F32精度 ・4bit、5bit、8bit量子化サポート ・BLASでOpenBLAS/Apple BLAS/ARM Performance Lib/ATLAS/BLIS/Intel MKL/NVHPC/AC

しゅーとです。先日、日本で初となる実運航船を用いたサイバー攻撃への船舶防御演習を実施しました。実際に動いている船に対して本気でスプーフィング攻撃を仕掛け、船員がどのように対応するかを考える非常にアツいイベントです。 演習の概要は広島商船高専様のプレスリリースをご参照ください。 www.hiroshima-cmt.ac.jp 私は演習で利用する攻撃技術の検討や攻撃ツールの開発、2日目の演習でのレッドチーム（攻撃役）を担当しました。また1日目には受講者への座学のほか、PCを用いて攻撃を行うハンズオンセミナーも行いました。 本記事では私が担当した講義や船舶防御演習の流れを通して、世界でもあまり知られていない船舶への特有の攻撃手法について解説します。 航行を支援するECDISへの攻撃 ブリッジにあるECDISの例*1 船舶には、航行に欠かせない動力や舵のほか、航行を支援する様々な電子機器が存在しま

脱Twitterはまだ早い。Threadsに欠けている5つのこと2023.07.19 11:008,599 Dan Ackerman - Gizmodo US ［原文］ （ 岩田リョウコ ） みなさんのほしい機能は？ Threadsの使い勝手にもなれてきた頃でしょうか？まだTwitterほどの機能が揃っていないこともあって、不満の声もあるようですが、できあがって数週間のアプリなのでこれから機能が追加されていくとは思います。 今はまだないけど今後追加されるであろう機能を5つ挙げていきます。 ダイレクトメッセージ（DM）メッセージ機能がまだないんですよね。Twitterをメッセージアプリとして使ってた人も多いようなので、Threadsにも早くメッセージ機能を入れてほしいです。 フォローしている人だけが流れるタイムラインTwitterもTikTokもアルゴリズムで、自分がフォローしている人たちの

とはいえ、今回のAPI規制は少し様子が異なりました。というのも、Tweetできないのではなく、閲覧に制限がかかり、Tweetを読み込めない状態になってしまったからです。 制限について、Twitterを運営する米Xのイーロン・マスク氏は、新規アカウントで300（後に500に緩和。カッコ内は以下同）件、未認証アカウントで600（1000）件、認証アカウントで6000（1万）件までという閲覧制限をかけたことを明かしました。 そのため、渦中にある人たちは新天地を求めることになります。その新天地の候補が「Bluesky」と「Threads」です。それぞれどのような特徴があるのでしょうか。また、Twitterの代わりに使うのであれば、どちらの方が適しているのでしょうか。 Twitterの元CEOが立ち上げたBluesky Blueskyは、Twitterの元CEOであるジャック・ドーシー（Jack D

IIJ プロフェッショナルサービス第一本部所属の消防士。(？) IIJに来る前日まで災害現場の最前線で活動していました。皆様の生命・身体・財産を守るシステムに磨きをかけるため、IIJで修行中です。 ※救急車ひっ迫アラート運用開始しました。救急車の適正利用にご協力をお願いいたします。 皆さんこんにちは。東京消防庁からIIJに委託研修という形で派遣された目山と申します。つい昨年度までは消防隊員として災害現場の最前線にいました。 突然ですが皆さんは119番通報をしたことはありますか？ システム構成的にはコールセンターのように感じるかもしれませんが似て非なるもので、実は絶対に止まる事が許されないシステムなんです。 言い換えると「人の命を預かるシステム」 これを持続させるための知識を習得することこそがIIJで学ぶ必要性です。その内容の一部について、皆様に紹介出来たらと思います。 IIJと東京消防庁

React + TypeScript: Framer MotionのvariantsでDOMツリーに調和したアニメーションを加えるJavaScriptTypeScriptECMAScriptReactframer-motion Framer Motionは、本番環境に対応したReact用のモーションライブラリです。構文は宣言的で、複雑なアニメーションのコードも簡潔に書けます。つまり、コードベースが読みやすく、保守しやすいということです。 ライブラリの基本的な使い方については「React + TypeScript: Framer Motionでアニメーションを加える」をお読みください。本稿は、公式サイト「Animation」の「Variants」について解説します。つぎのサンプル001が、公式作例を参考にしたプルダウンメニューです。 サンプル001■React + TypeScript: F

こんにちは、セキュリティエンジニアリングの西川です。息子が8歳なのですが、生まれてからずっと可愛いままで、いつまでこの可愛さは続いてしまうのでしょうか。 ということで、今日はセキュリティの文化の作り方について話をしていこうと思います。 セキュリティの文化の作り方ってなんなんだろう と言いますか、日々私自身、手探りなのですが、今日は取締役CTOの原トリ（以下トリ）からもらった金言とともにカミナシにおけるセキュリティの文化の作り方について書いていきたいと思います。 カミナシにおけるセキュリティの文化の定義 その前にセキュリティの文化を定義していかなければスタートラインにすら立てないわけですが、カミナシにおいては、セキュリティの問題をセキュリティ担当者の介在なしに、自分たちで気付き、セキュリティの問題をお互い注意し合えるようになるという定義を行っています。これは開発だけではなく、コーポレートでも

FirefoxではCSS関数の一つとして、他の要素の内容をそのまま表示する「element()」が実装済みです。その関数を利用して、フロントエンドエンジニアのステファン・ジュディスさんが通常のブログにミニマップ機能を実装しています。 A Firefox-only minimap | Stefan Judis Web Development https://www.stefanjudis.com/a-firefox-only-minimap/ ミニマップはプログラミング用のエディタなどによく実装されており、例えばVisual Studio Codeでは下図のようにミニマップが表示されます。コードの全体像が見えるため、自分が今どのあたりを閲覧・編集しているのかを確認しやすく、またコードの特定の場所までスクロールする時も目的の場所が見つかりやすくなっています。 ジュディスさんは、上記と同等の機能

カメラ好き機械学習エンジニアの@yktm31です。 先日、OpenAIから、公式のプラグインとして発表された「Code Interpreter」ですが、 趣味の写真でもなにか使えないかと思い、画像処理を試してみることにしました。 openai.com Code Interpreterの概要や有効化の方法は前の記事をご覧ください。 acro-engineer.hatenablog.com 以前撮影した、富士山の写真から、Zoomの仮想背景に使うことを想定し、色々と加工させてみたいと思います。 画像処理/加工 今回、以下のような画像処理／加工を実施してみました。 画像サイズの確認 画像をFullHDサイズにする 画像の明るさと彩度を調整する 指定の形で切り抜く データをダウンロードする 画像サイズの確認 まずは画像のサイズを確認します。 これくらいはお手の物。写真アプリで確認したサイズとも一致

ALGYANが主催する「ChatGPT研究会」。注目のChatGPTを中心に、ChatGPTをはじめとするLLM（Large Language Model＝大規模言語モデル）とGenerative AI（生成AI）の関連技術に関する知見をエンジニアの視点で整理し、シリーズ化して再発信します。第3弾の今回登壇したのは、フリーランスエンジニアの田中正吾氏。OpenAI社のChatGPT APIを使った取り組みとその中で得た知見を発表しました。全4回。1回目は、ChatGPTの魅力とChatGPT APIの使い方について。 IoTやMixed Realityなどの技術を取り入れて活動している田中正吾氏 田中正吾氏：初めての方もいるかなと思うので、私の細かいところを紹介します。屋号はワンフットシーバスです。15、16年ぐらいフリーランスをやっているのですが、最近も3月に、ご存じ確定申告が無事に終わ

Reliable_and_Performant_DNS_Resolution_with_High_Available_NodeLocal_DNSCache.pdf

著書に『宇宙世紀の政治経済学』（宝島社）、『ガンダムと日本人』（文春新書）、『教養としてのゲーム史』（ちくま新書）、『PS3はなぜ失敗したのか』（晋遊舎）、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』（以上、太田出版）、『ゲーム制作 現場の新戦略　企画と運営のノウハウ』(MdN)など。 マイクロソフトやGoogle等が生成系AIの市場を開拓している一方で、アップルは6月の世界開発者会議WWDC基調講演で「AI」という言葉を極力避けていたことが注目を集めていました。 そんななか、アップルが独自の生成AIシステムの開発にひそかに取り組んでおり、すでに社内では一部エンジニアが「Apple GPT」と呼ぶChatGPT的なAIチャットボットをテストしていると、著名ジャーナリストが主張しています。 アップルの社内事情に詳しいBloombergのMark Gurman記者

株式会社ポケモンは、睡眠アプリ『Pokémon Sleep』 (ポケモン スリープ)を7月20日に iOS / Android向けに配信します。 ポケモン スリープは「朝起きるのが楽しみになる睡眠ゲームアプリ」。いねむりポケモンのカビゴンとともに、ポケモンの睡眠を研究するネロリ博士を手伝うという建付けで、プレーヤーの睡眠をスマホや新アクセサリ『Pokémon GO Plus+』(ポケモンGOプラス＋)で計測し、内容に応じて集まるポケモンの『寝顔』を集め『寝顔図鑑』の完成を目指します。 健康のため睡眠状態をトラッキングする方法には、従来からApple Watch や各社スマートバンドを腕につける、非接触モーションセンサを搭載した Google Nest Hub を枕元に置く等々の方法がありました。 ポケモンスリープでは、アプリを起動したままのスマホを枕元やベッドに伏せて置くだけで、振動から身

著書に『宇宙世紀の政治経済学』（宝島社）、『ガンダムと日本人』（文春新書）、『教養としてのゲーム史』（ちくま新書）、『PS3はなぜ失敗したのか』（晋遊舎）、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』（以上、太田出版）、『ゲーム制作 現場の新戦略　企画と運営のノウハウ』(MdN)など。

intelは7月18日（現地時間）、ASUSと第10世代から第13世代 intel NUC（Next Unit of Computing）の製造・販売・サポート、および将来のNUCシステムの設計開発に関する契約に合意したと発表しました。 intelのNUCに関しては、7月11日（現地時間）にThe Vergeなどの海外メディアが、intelがNUC事業への直接投資を停止すると報じていました。この際、intelは「エコシステム・パートナーがNUCのイノベーションと成長を継続できるよう戦略を転換する」との声明を出していましたが、このエコシステム・パートナーがASUSだったようです。 今回の契約は、ようするにNUC事業のASUSへの移管です。ASUSはintelのNUCシステム製品ライン設計に関する非独占ライセンスを取得し、第10世代から第13世代のNUCシステムの製造・販売と新製品開発が可能に

ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 ニューヨーク市警は、異常な気候現象による被害がおよびそうな地域上空に急行し、避難勧告などの呼びかけを行うためのドローンをテストしていることを明らかにしました。 異常な気温の上昇や、巨大ハリケーン、洪水、山火事etc...。近年の異常気象によって、米国でも緊急事態の発生が以前よりも一般的なものになりつつあります。ニューヨーク州では少し前に千年に一度と表現されるほどの豪雨による洪水被害が発生したばかりです。 そのため、NY市警は、今後もこのような事態になった場合の住民の安全確保を円滑にするための対策を講じるために「遠隔操縦による公共メッセージング機能」のテストを実施することをTwitterを通じて公表しました。地

Amazon.co.jpにて、高速充電に対応したエレコム製のApple Watch充電器「MPA-AWMCQWH」が31％引きの3978円で販売中です。 「MPA-AWMCQWH」は、Apple Watch Series7/8/Ultraの高速充電に対応した充電器。Made for Apple Watch認証を取得しています。 充電器本体にケーブルを巻き付けてコンパクトに収納できるので、持ち運び用の充電器として活用するのが良さそうです。ケーブル長は約23cm（コネクタ部除く）、コネクタ形状はUSB Type-C。また、バンドに干渉しない形状のため、Apple Watchのサイズを問わず利用できます。 高速充電はApple Watch Series 7以降で使えるようになった新機能。Apple Watchは睡眠計測にも対応して充電する暇がなくなりましたが、高速充電に対応していれば、外出前やお

Transform your doodles into stunning landscape illustrations, regardless of your drawing skills, and witness vibrant scenes come to life with captivating details and colors. Try with this doodle

I can be quite passionate about image codecs. A “codec battle” is brewing, and I’m not the only one to have opinions about that. Obviously, as the chair of the JPEG XL ad hoc group in the JPEG Committee, I’m firmly in the camp of the codec I’ve been working on for years. Here in this post, however, I’ll strive to be fair and neutral. The objective is clear: dethroning JPEG, the wise old Grandmaste

MySQLの最新バージョンである「8.1」が発表されたので超久しぶりに筆を取った。しばらく筆を取らなかった理由は個人的なものなのだが、このブログはごく個人的な活動であるので諸々の事情はご容赦頂きたい。 さて、MySQL 8.0の次のバージョン番号は何になるかという憶測は色々あったと思うのだが、8.1というものに落ち着いた結果になった。（9.0にしてしまうと、2桁目の番号が意味をなさなくなってしまうからね！！ちなみに次のバージョンは8.2、8.3・・・という具合に続く予定だ。）8.1という番号はバグデータベース上で既にチラチラと出ていたので、公式な発表よりも前に気づいていた人も多かったのではないだろうか。本稿では、バージョン8.1の概要と、8.1リリースと同時に発表されたInnovation ReleaseおよびLTS（Long Time Support）について解説しようと思う。 Inno

名前付けのガイドラインでは、アセンブリ、名前空間、型、メンバー、およびパラメーターなど、クラス ライブラリの構成要素に対して適切な識別子を選択するためのガイダンスを示します。 これらのガイドラインに従った識別子を選択すると、ライブラリの使いやすさが向上します。このため、ユーザーはライブラリを使用するために新しい一連の規則を習得する必要性を感じずに済みます。 開発者にとって一貫性のある環境を提供するには、パブリック クラスやプロテクト メソッドなど、公開される要素にこれらのガイドラインを適用する必要があります。 ただし、コード全体での一貫性を維持し保守性を向上させるには、これらの規則をコード全体で一貫して使用することを検討します。 Portions Copyright 2005 Microsoft Corporation. All rights reserved. Portions Copy

白潟総合研究所株式会社代表で『中小ベンチャー企業を壊す！　人事評価制度 17の大間違い』著者の白潟敏朗氏と、『起業の科学』著者の田所雅之氏による対談の模様をお届けします。テーマは「人事評価の『ワナ』『落とし穴』」。中小ベンチャー企業の経営者に向けて、人事評価に対する悩みを解決するために最も大切なポイントについて語られました。本記事では、自分自身でモチベーションをコントロールできる部下の育て方、2つ目・3つ目の「落とし穴」について語られましら。 自分自身でモチベーションをコントロールできる部下の育て方 白潟敏朗氏（以下、白潟）：では、次に話を進めさせていただいて。ここから先は「自分自身でモチベーションをコントロールできる部下をどうやって作っていくか」です。 最近流行りの言葉で「自己効力感」という（のがあります）。自分自身の能力にちゃんと自信が持てる、「もっとできるぞ」と思わせるようなかたちに

「20代で成長できる超優良企業20社」ランキングでわかること 大澤陽樹氏（以下、大澤）：「20代で成長できる超優良企業20社」について、さしみさん、何か感想とかあります？ 藤澤さしみ氏（以下、藤澤）：思ったより業界に寄らないと思いました。 大澤：そうですね。 藤澤：フューチャーさんって、Slerさんであったり、コーポレートデザインとかをやっているようなところだと思うんですけど、2位に入るってすごい。いろんな企業を押しのけているのはすごく意外ですね。 大澤：さしみさんはすごく鋭くて、よくこういう話をすると「IT、インターネット系はいいよね」とか「だってコンサルは、ハードワークだからでしょ」と言われるんですけど、おっしゃるとおりでぜんぜんそういうことはないんですよ。 広告系の会社もあれば、鉄鋼とか半導体の素材系の会社もあれば、化粧品とかをやっているフィッツさんとかも入っている。 藤澤：そうです

HTMLやCSSのデモページでコードを見ると、HTMLに自己終了タグ（/>）が使用されているのを見かけたことはありませんか？ HTMLにおける自己終了タグの使用、自己終了タグの歴史的背景、自己終了タグの使用に対する賛否両論について紹介します。 The case against self-closing tags in HTML by Jake Archibald (@jaffathecake) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに />の歴史的背景 />に対する賛否両論 Prettierには一貫性がない それとも、HTMLは閉じタグをどこでも使用できるのでしょうか？ はじめに />について話をしましょう。

Googleはノーコードツールとして提供しているGoogle AppSheetのCoreライセンスを変更し、事実上すべてのGoogle Workspaceの有償プランで追加料金なくAppSheetのCoreプランを利用可能にしました。 Google Workspaceの有償プランにAppSheetが含まれるように 今回ライセンスの変更対象となったのは、AppSheetのプランの中で最もポピュラーな月額10ドルの「Core」プランです。 Coreプランでは、Google SpredSheetsやGoogle CloudSQLなどのデータソースを指定するとそのスキーマやデータを読み取って、フロントエンドとなるアプリケーションを自動生成する機能と、何らかのイベントをトリガーにし、ボットを用いてタスクを自動化するオートメーション機能の両方が利用可能です。 またセキュリティコントロールも可能で、電子

Cloud Native Computing Foundation（CNCF）は、サービスメッシュのIstioが十分成熟した段階に到達したとして、「卒業」（Graduation）プロジェクトになったことを発表しました。 卒業となっても引き続きIstioはCNCF傘下で開発が進められるため、CNCFにおける卒業とは、インキュベーション（育成）段階からの卒業という意味だと言えます。 [NEWS] Cloud Native Computing Foundation Reaffirms #Istio Maturity with Project Graduation Read more: https://t.co/enhd4uT0sG#CNCF #servicemesh #cloudnative #oss pic.twitter.com/A355frCNTO — CNCF (@CloudNative

EngineeringOpen SourceMetrics for issues, pull requests, and discussionsWith the new Issue Metrics GitHub Action, you can now track and monitor important metrics related to issues, pull requests, and discussions, such as time to first response, time to close, and more! Data-driven insights At GitHub, we believe that data-driven insights are the keys to success for any software development project.

Workers Tech Talks #1 #workers_tech https://workers-tech.connpass.com/event/287490/ で発表した 「Cloudflare Workers + R2で低コストで画像配信を移行した話」の資料になります。 元ネタになった記事は以下になります。 https://qiita.com/teckl/items/4314aa210a689d08e759

Workers Tech Talks #1 で話した内容です。 https://workers-tech.connpass.com/event/287490/

Workers Teck Tolks #1

Workers Tech Talks #1 リンククリックできなくて不便だったので、別途 marp のソースコードをアップロードしました https://gist.github.com/mizchi/78aeed1947f87eded74b20ad8d9cb8b3

Storybook is the industry standard workshop for UI component development, documentation, and testing. It’s used by teams at Twitter, GitHub, the BBC, and the New York Times. After launching Storybook 7.0 back in April, we plan to ship future releases that are both more frequent and smaller in size. That will help Storybook keep in sync with changes across the frontend ecosystem while smoothing the