Every scale has been tuned to provide fully accessible contrast ratios, each with steps that correspond to backgrounds, interactive components, borders and text. Offering the most beautiful and intuitive color system you’ve ever used. Today, we are introducing a new tool which allows you to create your own brand palette for Radix Themes. It’s a simple interface that lets you specify a primary colo

Our mission is to build one of the most powerful, beautiful, simple, and open web rendering engines in the world, and we are excited to announce that mission takes another step forward today, with Babylon.js 7.0. Babylon.js 7.0 is a celebration of a year’s worth of new features, optimizations, and performance improvements that unlock new capabilities for web developers everywhere. So let’s dive in

We all learn differently and at different paces. Finding content that is right for us is challenging. Below is my attempt to curate all the great content I have come across over the years into one place to hopefully help folks advance their Golang journey to the next step.

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

In the context of React, testing is a non-negotiable process to maintain code quality and a smooth user experience. However, there’s one frustrating bad news that is commonly faced when running tests in React. And that is flaky tests. In the simplest of words, flaky tests are tests that seem to pass most of the time but fail sometimes, all without changes to the code or test — just for no reason.

春ですね。 前回こんな記事を書きました。 「ITパスポート」と「基本情報技術者」どちらも国家資格なのですが、 なんとなくITパスポートはIT初学者向けで、基本情報は エンジニアの登竜門的なイメージが強いです。 具体的にどのような違いがあるのか、まとめてみます。 ITパスポート ｉパスは、ITを利活用するすべての社会人・これから社会人となる学生が備えておくべき、ITに関する基礎的な知識が証明できる国家試験です。 （iパスって略するの初めて知った） これから社会人として生きていくうえで最低限抑えておきたい IT知識を詰め込んだ試験、といったところでしょうか。 基本情報技術者 ITを活用したサービス、製品、システム及びソフトウェアを作る人材に必要な基本的知識・技能をもち、実践的な活用能力を身に付けた者 上位者の指導の下に、次のいずれかの役割を果たす。 組織及び社会の課題に対する、ITを活用した戦

ITパスポート、基本情報、応用情報… 「エンジニアが取得する資格」と聞いて わたしがパッと思い浮かぶのは↑だ。 エンジニアのみなは、「資格」を取得しているだろうか。 わたしはITに携わって5年ほど経つが、持っていない。 今回はわたしが「ITパスポート」を取得しようと思ったキッカケを話す。 能動的か、受動的か 社内の開発部にもこういった国家資格を 持っている人と、持ってない人がいる。 つまり資格を持っていなくても、 エンジニアとして仕事をすることができる。 しかし最近思うのが、 「なぜ資格を持たずとも技術者として働けるのか」 というところだ。 そこで答えの中の1つに最近気づいたのだが、 「資格を持ってない人は能動的に学ぶ」ということだ。 自ら学べる人は勝手に吸収して成長する。 なので、資格がなくてもできることを自分から増やしていけるのだ。 水は低きに流れる ならば何故わたしがITパスポートを

概要 moduleDetection は、ファイルがスクリプトであるかモジュールであるかを TypeScript がどのように判断するかを制御します。選択肢は 3 つあります。公式の説明は以下です。 TypeScriptは、importおよびexportステートメントを探すだけでなく、module: nodenextまたはnode16で実行される際にpackage.jsonの"type"フィールドが"module"に設定されているかどうかをチェックし、jsx: react-jsxで実行される場合に現在のファイルがJSXファイルであるかどうかもチェックします。 値 説明

初代の『モンスターハンター』から登場し、最新作の『モンスターハンターライズ：サンブレイク』でもハンターの脅威となっているフルフルが待望の商品化！ ベテランから新米までのあらゆるハンターを魅了してきた不気味ながらも愛くるしい姿を再現した本商品をぜひ予約しよう！！ 「CFBクリエイターズモデル 奇怪竜 フルフル」特設サイト 「CFB クリエイターズモデル奇怪竜 フルフル」紹介動画 商品情報 商品名：カプコンフィギュアビルダー クリエイターズモデル 奇怪竜 フルフル 発売日：2024年10月17日（木）予定 価格：16,500円(税込) 本体サイズ：H195×W175×D195mm 素材：PVC、ABS CAPCOM×VOXELスタイルのシリーズ第３弾発売決定！ VOXENATION(ボクセネーション)特設サイト おしゃれで可愛いキューブ状の「ボクセル」タッチで表現したぬいぐるみVOXENATI

はじめに ❓ この記事は何 本文 🧑‍💻 Sansan でやったこと 📱 個人向け名刺アプリ Eight の開発 📄 データ化システムの開発・運用 🌐 クローリング・スクレイピングを行うシステムの立ち上げ 📝 Sansan で学んだこと 💡 転職しようと思ったきっかけ 転職活動について おわりに はじめに ❓ この記事は何 2024年2月末で、Sansan株式会社を退職しました。2018年2月に入社したので、約6年お世話になりました。 人生の節目として、Sansan でどんなことを経験し、何を学び、なぜ転職しようと思ったのか、書き残しておこうと思います。また、関連するアウトプット（登壇資料やブログなど）も載せておきます。 本文 🧑‍💻 Sansan でやったこと 📱 個人向け名刺アプリ Eight の開発 サーバーサイドエンジニアとして、Ruby on Rails の開

「ここ間違ってるよ！」があれば、コメントで指摘して頂けるとうれしいです。 フォーマッター フォーマッターは「俺が決めた書き方に修正してやるぜ」なツールです。 たとえば「この行は文字数が多すぎるから改行してやるぜ」とかをしてくれます。 現状は、Prettierがよく使われているようです。 フォーマットするルールは自分で追加できますが、公式には「フォーマットルールを議論することは無駄です」的なことが書かれてるので、暗にデフォルト設定のまま使うことを推奨している気がします。 リンター リンターは「その書き方はやめたほうが身のためだぜ」を警告してくれるツールです。 警告するルールは自分で追加できます。たとえば「関数を書くときは絶対に関数式で書け！関数宣言は使うな！」とかを警告できたりします。 ルールを追加すればするほど「俺に指図するなああーッ!!」となりますが、👇のようなメリットが生まれます。

1万620円で買えちゃいます。49％OFFというほぼ半額！ レーシングカーのシートのような体重を預けられるデザインで、リクライニング、オットマン、ランバーサポート付きという豪華構成なのに、この値段は結構スゴイ。 と、商品説明を読み進めていたんですが、なんだか様子がおかしいぞ。 Image: Amazon背面のキルティングデザインを｢乳牛の斑点デザイン｣と称したり… Image: Amazon｢まるで牛に乗って大自然を駆け抜けるような爽快感｣ など、熱狂的な牛への信仰心を感じます。 僕、牛にのって大自然を駆けたことがないのですが、ここまで言われると｢そうか、これが牛に乗って大自然を駆け抜ける気持ちか！｣という、まだ見ぬ領域に僕の心を連れて行ってくれそうで期待感しかありません。 こんな感じですかねImage: DALL-E 3こんなおもしろいゲーミングチェアは他にないと思うので、牛推しの方は安

ONCEモデルとはonce.com トップページ今年３月に海外のSaaS業界で、あるニュースが話題になりました。 Railsの作者で37signals社のCTOでもあるDHHは、SaaSとして提供していたチャットシステムを、今後新たな機能開発はしないという前提で、買い切りのソフトウェアとて提供し、１週間足らずで25万ドルを売り上げたとブログで報告しました。 SaaSに対置されるこの販売モデルを、37signalsではONCEモデルと呼び、さらに取り扱うシステムを増やしていく計画を発表しています。ユーザーは一度の支払いでソフトウェアを所有し、それを自らホストし運用することになります。 但し37signalsとDHHは、SaaSモデルが最適であるプロダクトは存在するとも述べており、実際に彼らは複数のSaaS製品を抱えています。一方、ユーザーにとって必要十分な機能を既に提供できており、かつ運用コ

はじめに 2021年08月 に Qiita株式会社内で「共通基盤開発グループ」というチームが発足しました。 2024年まで約 3 年共通基盤開発グループで取り組んできたことを振り返りたいと思います。 また、この記事は Qiita×Findy記事投稿キャンペーン 「今の開発組織でトライしたこと・トライしていること・トライしようとしていること」 - Qiita の記事投稿キャンペーンに関する記事です。 簡単な自己紹介 2017 年エイチームライフスタイル(現 エイチームウェルネス)に中途入社。自動車関連事業の開発を担当。 2020 年Increments株式会社(現 Qiita株式会社)に転籍。Qiita Jobsの開発を担当し現在は共通基盤開発グループの立ち上げをして、インフラやその他開発等行っていました。 2021年 共通基盤開発グループの当時のミッションは、「我々が提供するサービスを安定

楽しいインタラクションを手軽に実装できないかと色々漁っていたら、Riveが良さそうだったので自分用にメモとしてまとめてみます。 使ったもの React Rive ※Reactのプロジェクトを用意したところから始めます。 Riveのインストール こちらのReactでの使い方を参考にインストールします。 npm i --save @rive-app/react-canvas これをすればとりあえず使えるようになります。 Riveを.rivファイルでエクスポート 今回Reactで使うには、Riveのファイルを.ribの拡張子形式でエクスポートしたものをReactのプロジェクトに入れて、画像データとかと同じように引っ張ってきます。 Riveのアカウントを作成すると、こんな感じのホーム画面になるので、右上のNew fileボタンを押すとファイルを作成できます。 今回はサンプルファイルのStar ra

PlayStation 5(PS5)の改良モデルとして「PS5 Pro」の開発をソニーが進めていることが報じられています。新たに、PS5 Proでプレイすることで解像度やフレームレートが改善されるタイトルには、「PS5 Pro Enhanced」というラベルが付くと海外ゲームメディアのInsider Gamingが報じました。 EXCLUSIVE - PS5 Pro Enhanced Requirements Detailed - Insider Gaming https://insider-gaming.com/ps5-pro-enhanced-details/ The ‘PS5 Pro Enhanced’ label could mean constant 60fps and ray-tracing - The Verge https://www.theverge.com/2024/3

こんにちは、AWS 事業本部の平木です！ 先日 3/22、クラスメソッド日比谷オフィスにて開催された Hibiya.Tech #4「初心者歓迎！使ってみた技術 LT 大会」にて、「速さの鍵を握る! Fastly で実現する CDN の力」というタイトルで登壇したため登壇資料を公開します。 登壇資料 登壇概要 ウェブサイトの読み込みが遅いと、ユーザーは簡単に離れてしまいます。そこで重要になるのが、コンテンツを世界中の最寄りの場所から配信する仕組み CDN です。この仕組みによって、ウェブサイトの表示スピードが格段にアップします。 本セッションでは、この仕組みの概要を分かりやすく解説するとともに Fastly が提供する高速化サービスの優れた機能について紹介します。動的なコンテンツの高速化や、サーバーを使わずに処理できる柔軟性など、 Fastly の技術でウェブの速さは一気に改善できます。 参

おうちでキャベツの千切りをつくるとき、しあがりが粗くてモソモソするのが悩みでしたが……。 そんな困りごとを解決してくれる救世主を無印良品で見つけました！ ワンコイン以下で買える両刃スライサー 無印良品「素早くカットできる両刃スライサー」490円（税込） 「素早くカットできる両刃スライサー」は、名前のとおり両刃なのが特徴です。 押しても引いてもカットできるので、楽にすばやくカットできます。 縦は約27cmで、色はホワイトの1色です。 横幅が約8cmあるので、キャベツやたまねぎなどのある程度の大きな食材もカットできます。 使いやすい工夫が3つもあるよ 「素早くカットできる両刃スライサー」が使いやすい理由は、両刃以外にもあるんです。 それは、スライサーの先端に溝がついていること。 ボウルにスライサーをセットするとき、この溝に引っかけるとずれにくくなります。 さらに、持ち手には親指を置けるくぼみが

03/29/2024にxzの脆弱性(バックドア埋め込み: Critical: CVE-2024-3094)が公開されました。Fedora Linux 40beta, Fedora rawhide, Debian unstable等の一部のOpenSSHにも使われており、バックドアを利用してログインが出来る状態だったという話も出ています。ソフトウェアサプライチェーン攻撃の一つとも捉えられており、いずれSBOMと関係する話として取り上げられると思います。 （SBOMの話、VEXの話はこちら）。 今回はこちらの脆弱性の概要と、各ディストリビューションの対応について纏めます。 【04/01/2024 09:45更新】情報が纏まっているサイトを更新しました。また、piyologさんからリンクを貼っていただいていたので、こちらも載せています。その他、「xz –version」を実行するのもだめという話

こんにちは。機械学習チームでソフトウェアエンジニアをしているTomoakiです。 バクラクはMLOpsエンジニアを必要としており、今回はバクラクでMLOpsをやる面白さや現状抱えている課題について紹介します。 バクラクとは bakuraku.jp バクラクは経費精算、稟議申請、法人カード、請求書処理など企業の支出関連業務をAIのサポートで簡易化、効率化するサービス群です。これにより企業は経理業務の労力を大幅に削減することが可能となります。 2021年1月に初のプロダクト「バクラク請求書受取」をリリース。その後は「バクラク申請」「バクラク経費精算」「バクラク請求書発行」「バクラクビジネスカード」「バクラク電子帳簿保存」と半年に1つのペースで新規プロダクトをリリース。現在は6つのプロダクトを提供し、それぞれが企業の経理業務を支援しています。2024年2月にはお陰様で導入社数が10,000社を突

取り急ぎの記載ですが、以下のpiyoさんの記事がかなりまとまっているのでこちらを読んでいただくのが良さそうです。 https://piyolog.hatenadiary.jp/entry/2024/04/01/035321 これはなに ここ数日インターネットで騒がれたxzのセキュリティ事案について一旦自分で調べたやつです。 ついでに、こういう件の当事者（自社製品に脆弱性が見つかったり、脆弱性を発見したり）になったときどうしよう、というところも少し調べました。 xzについて調べた内容 概要と結論 Linux向けに広く利用されていたxzにsshでバックドアできる脆弱性が埋め込まれていた 対象のバージョンはxz 5.6.0, 5.6.1 5.6.1が最新なので一般的なLinuxディストリビューションでは利用されてないっぽい RedHatの一部ディストロ以外は問題ない こちらの記事が正確 XZ U

発表資料は、connpass の資料一覧ページおよび YouTube の概要欄からご覧いただけます。 以下に各発表についてご紹介していくので、ぜひ拡散お願いいたします！ 「How Ebitengine renders an image」by hajimehoshi Ebitengine 作者であり、Odencat CTO である星さんによるセッションです。前回は Ebitengine の歴史と展望について語っていただきましたが、今回はより技術的な側面からの解説となります。 Ebitengine が高速に描画できるのは周知の事実ですが（要出典）、その裏には数多くの工夫が隠されています。中でも私が個人的に強調したいのは「自動テクスチャアトラス機能」です。Unity などでも 2D ゲームを作る際には、画像を事前にアトラスという大きな一枚画像にまとめた上で、描画順などを緻密に練る必要がある、とい

コンセント・充電器足りない…をAnkerが3,190円で解決します #Amazon新生活セール2024.03.31 13:009,735 小暮ひさのり もう脊髄反射でカートにぶっこみましたよ。 新生活で揃えるものといえば、大物家電や家具などをいの一番に想像するかもしれませんが、忘れちゃいけないコード周り。 壁のコンセントなんて限られていますので、伸ばして、増やして、充電器刺して…と。わりと手間だしコストもかかりますよね。 それ、Ankerが解決してくれました。｢Anker 521 Power Strip｣今すぐ買いましょう。

物価高騰の中でも家計に優しい価格で販売されている、魚肉ソーセージ。 少し工夫をするだけで、ワンランクアップしたおつまみに変身することを知っていますか。 ほんのひと手間加えるだけで、まるでジャーキーのように変化するらしいので、試してみることにしました！ 魚肉ソーセージのジャーキー風 作り方はとても簡単です。まず、魚肉ソーセージを薄くスライスします。 ピーラーを使う場合はケガをしないように気を付けましょう。

／ ご予約開始 ＼ 『勇気爆発バーンブレイバーン』より、 アパレルアイテムが登場✨ Tシャツやキャラクターフェイスタオル、ボクサーパンツがラインナップ 「ぷに缶(R)(全9種)」も同時ご予約開始 #anime_bbb #ブレバン 詳しくはこちら https://t.co/bNCgarmMNE https://t.co/rNt4posRgt — プレミアムバンダイ 【公式】 (@p_bandai) 2024-03-29 12:17:05

「不機嫌な上司から逃げるのは正しい」 まつもとゆきひろ氏が語る、心の健康を守り、キャリアを長持ちさせる方法 #9 エンジニア生存戦略 生存戦略のためには“健康”が一番 まつもとゆきひろ氏：こんにちは、まつもとゆきひろです。この放送もだいぶ休み休みになってきましたが、中断してしまわないように努力しようと思っています。 今月の15日（※本放送は2022年6月17日）に、「Social Tech Talk #03」というのが開催されました。「Qiita」と日立のコラボで開催されたウェビナーだったんですけれども、その中で基調講演を依頼されて「若手エンジニアの生存戦略」というテーマでお話ししました。 エンジニアを目指す学生さんを対象にしてイベントを開いたりしているサポーターズさんという会社が若手エンジニアやエンジニアを目指す学生の生存戦略みたいなテーマをずっと依頼されていたので、そこの話をベースに、

kanose.hateblo.jp 加野瀬さんの中華イヤホンおすすめ記事に「ナイスエントリ！AIYIMA H2 miniもいいよ！！」とブコメ付けてたら、「花見川さんも書きましょう！」と言われたので書かざるをえまい。 AIYIMA H2 miniを知らなかったので紹介しておきます！　あと、スペシャルサンクス的に花見川さんの名前入れるのを忘れてました。花見川さんもぜひお勧めイヤホン記事を書いて欲しいですよ— 加野瀬未友 (@kanose) 2024年3月28日 はじめに DAISO 7301 ￥550 DAISO本気の初代ハイレゾ DAISO 6071 ￥550 中高音と解像度に寄せた二代目ハイレゾ DAISO イヤーピース TinHifi C2 ￥3650 丁寧で迫力ある低音と絶妙な音のバランス TRN Conch ￥3950 高解像度＋広い音場 TRN「備品全部入れてみた」 TRN TA

ゲーム・エンタメ最新情報のファミ通.com アニメ プレスリリース 【無料】アニメ『ダンジョン飯』1～14話の一挙放送が4月7日に開催。『マッシュル』『このすば2』などニコ生アニメ上映会ラインアップが公開

ソフトウェア開発業界を対象とした調査会社RedMonkは2024年3月8日（米国時間）、2024年第1四半期のプログラミング言語の人気度ランキングを発表した。 このランキングは、プロジェクトホスティングサイト「GitHub」の利用状況と、開発者向けQ＆Aサイト「Stack Overflow」で話題になっている件数をそれぞれ調査した結果を基に2つのランキングを作成し、総合したもの。 調査の目的はプログラミング言語の利用状況を統計的に表現することではなく、2つの主要な開発者コミュニティーにおけるプログラミング言語の利用方法と議論状況を相関させ、今後の採用動向に関する洞察を得ることにあると、RedMonkは説明している。 RedMonkは、GitHubの利用状況（プロジェクト数）に基づく人気度ランキングを横軸に、Stack Overflowで話題になっている件数（タグの出現回数）に基づく人気度ラ

スマートフォンやカーナビは、GPSを利用することで高い精度で現在位置を特定しています。しかし、Googleマップで現在位置を参照すると点ではなく円で示されることがよくあり、GPSの精度が高くても位置情報はどうしても正確に表示されません。その理由について、科学系ニュースサイトのNautilusが解説しています。 What Happens to Google Maps When Tectonic Plates Move? - Nautilus https://nautil.us/what-happens-to-google-maps-when-tectonic-plates-move-237678/ アメリカ地質調査所のケン・ハドナット氏によると、Googleマップでズレが生じるのは、GPSの精度だけではなく、地図の座標系を地理座標系に紐付けるジオリファレンスも原因といえるそうです。 たとえば

Fireflyに新機能。元画像のバリエーションが作れます2024.03.31 08:00 ヤマダユウス型 狙いの画像を作るまでのスピードがかなり早くなった気がする。 早いもので、Adobeの画像生成サービスFireflyの登場からもう1年が経ちました。このタイミングで、ブラウザ版のFireflyに新たな機能｢構成参照（Structure-reference）｣が追加されました。 プロンプトをスキップできる時短機能構成参照は、アップロードした画像をベースにFireflyが似た画像を生成してくれる機能。いわばお手本となる画像や写真が手元にある状態で、その画像のバリエーションを作りたい時に活躍する機能ですね。 Image: Adobe blog上のGIFの場合、右下の画像がアップロードした参照元の画像で、参照元の構図を維持したままSF風やネイチャー風と、似た構図の写真が生み出されているのがわかり

こんにちは🌤 ソーシャルデータバンクのデザインチームでインターンをしている河合です。 普段の業務では、Liny のUI改善やデザインシステム構築に関する業務、さらに社内で使うシステムのUIデザインをしています。 3月に大学を卒業するとともに、ソーシャルデータバンクのデザインチームのインターンを卒業します🌸 1年間で経験できたことやこの会社でのインターンの魅力を記事にしていこうと思います！ 1年間で経験できたこと・作ったもの 2023年4月からデザインチームでのインターン生として働き始め、ちょうど丸1年ほど在籍していました。 その中で自分が担当したプロジェクトや経験したことを紹介します。 社内システムのUIデザイン① 入社してオンボーディング研修を終えた後、最初に関わったのは社内で使用する請求書発行システムのUIデザインでした。 既存SaaSを利用していたものを社内システムに移行し、請求

はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":

プロジェクトマネジメント未経験の方も今日から参考にできるTipsをシェア。 ゼロから始めるプロジェクトマネジメントシリーズ第二回です。 やることを一箇所に集めたら次にすることは「締切を書いて、優先度順に並べる」ことです。 情報システム室の進地＠日比谷です。 前回で「すべての依頼、タスク、ストーリーを一箇所」に集めてもらいました。今回はこの続きです。一箇所に集めたやることのリスト。これをどうするのかについて書いていきます。 すべてのやることに締切を書く 目の前にはすべてのやることを集めたリストがあります。やることのリストは100や200、下手をすれば1,000を超える数があるかもしれません。圧倒されますが、「これも現実」と受け入れて気合を入れましょう。 さて、ここからまず行うのは各々のやることに締切を書いていくことです。締切を書いていくときのポイントは次の通りです。 誰かと約束済みの締切はそ

この記事について 今回、はじめてOSSコントリビュートをしたので、実施事項と気づきを記載します OSSのコントリビュートを考えている方のご参考になれば幸いです 今回コントリビュートしたのはこちらのリポジトリです なぜコントリビュートしようと思ったのか 私の場合は、2020年に現職でエンジニアになってから「社外の勉強会に登壇する」「OSSコントリビュートする」が密かに描いていた目標でした 私は普段AWS周りの情報収集をする事が多いのですが、たまたま見ていたaws-samples内のリポジトリで、記載を調整した方が良さそうな箇所があり、折角なのでコントリビュートに挑戦してみました 実際にMergeされたPRはこちらです コントリビュートの第一歩 PR内容を見ると「え、それだけ？」と思う方もいらっしゃるかもしれませんが、私は簡単なドキュメント変更がコントリビュートの第一歩としては丁度良かったです

xz-utilsのliblzmaに不正なコードが混入されていた件 詳細は、下記サイトへ。 The Tukaani Project(xz-utils)公式の発表 下記gistの【日本語訳】FAQ on the xz-utils backdoor 影響を受けるバージョン 使用しているxz-utilsのバージョン確認方法1 安全じゃないかもしれないバイナリに対しては、別コマンドでそのバイナリを確認するという手順が推奨されます。 stringsでバイナリ内の文字列を取り出して、その中からバージョンを取り出す手順です。 下記手順は、複数のバージョンを導入している場合を考慮しているそうです。 for xz_p in $(LC_ALL=C type -a xz | awk '{print $NF}' | uniq); do strings "$xz_p" | grep "xz (XZ Utils)" |

はじめに 現在はAWSで構築されたシステムの運用保守業務に携わっており、その一環として障害調査を行うことが多々あります。 少しは経験値が上がったため、障害が発生した際に初動で確認する事項をまとめてみました。 インフラ基盤観点で障害調査を行うさいの参考になれば幸いです。 前提条件 当システムの構成は以下となっているため、それに即した調査項目となっています。 ALB/NLB・ECS・RDSを利用している ECSはEC2上で実行している（Fargateでは利用していない） ECSクラスター（以下クラスター）の自動スケーリング設定をしている ECS サービス（以下サービス）の自動スケーリング設定をしている RDSはAuroraを利用している また、障害は予期せぬコンテナの停止を想定しています。 NLB/ALBの調査事項 メトリクス 初めにロードバランサーのメトリクスからターゲットの状態を確認します

はじめに ◆この記事は何？ セキュリティ分野の攻撃手法と対策をまとめた記事です ◆対象は？ セキュリティを学びたい方、試験対策をしたい方 ◆記事のコンセプト 攻撃と対策の目的や流れを抑えておくことで、情報処理試験の午前問題・午後問題が解きやすくなります。 この記事では以下のように整理します。 攻撃者側 攻撃者の目的 攻撃手段 結果 対策側 対策の目的 対策手段 結果 ◆この記事の目的 試験対策として理解や暗記の一助になれば幸いです。 標的型攻撃 攻撃側 ◆目的 機密情報を盗むため ◆手法 特定の個人や組織（標的）を狙って、攻撃メールを送付します。 攻撃者は情報を収集する 標的型攻撃メール送付 感染 情報の流出 ◆結果 情報の漏洩やウイルスの感染 標的型攻撃の例をシーケンス図で示した例です。 対策 ◆目的 被害を抑えるため 完全に防ぐことは難しいので、被害を抑える対策を考えるのが現実的です。

案件や個人学習をする時にFigmaを使う機会が増えてきました。 個人的に身につけて良かった内容を「準備編」「基礎編」「応用編」に分けて、投稿していきたいなと思います。 少しでもお役に立てたら幸いです。 ※約5分で読めます。

英エクセター大学などはシャチやシロイルカなどハクジラの仲間に閉経がある理由の一端を解明した。娘と生殖を巡る競争をせず、寿命は約40年延びていた。食べ物を分け合うなどの世話をし、群れの生存率を高めるのに貢献しているという。閉経は哺乳類でも珍しく、メスが繁殖できる期間を

SNSで大絶賛の名講義が書籍化！　Gitの仕組みから現代的な多人数開発の手法に至るまで、この一冊に網羅した。学生から熟練エンジニアまで手に取ってほしい。エンジニアの生涯を支える、骨太な知識が身につく！ 第1章　バージョン管理システムとは 1.1　バージョン管理の必要性 1.2　バージョン管理システムの歴史 1.3　できる人、できない人 1.4　まとめ コラム　CEOからメッセージ 第2章　Gitの仕組みと用語 2.1　リポジトリとコミット 2.2　ブランチとマージ 2.3　まとめ 第3章　Gitの基本的な使い方 3.1　初期設定 3.2　Gitの一連の操作 3.3　よく使うコマンドとファイル 3.4　まとめ 3.5　演習問題 第4章　ブランチ操作 4.1　なぜブランチを分けるか 4.2　ブランチの基本 4.3　マージと衝突の解消 4.4　まとめ 4.5　演習問題 コラム　枝は切るのか生やす

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

例えばこのSSH公開鍵、末尾に私の名前(akiym)が入っています。 ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIFC90x6FIu8iKzJzvGOYOn2WIrCPTbUYOE+eGi/akiym そんなかっこいいssh鍵が欲しいと思いませんか？ ed25519のSSH公開鍵の構造 SSH鍵の形式にはRSAやDSA、ed25519などがありますが、最近のssh-keygenではデフォルトでed25519の鍵を生成するということもあり、ed25519を利用していることを前提として進めます。なにより、RSAの公開鍵に比べると短いので末尾部分が目立つはずです。 そもそも、ed25519のSSH公開鍵のフォーマットはどのようなものになっているか確認してみます。まずはssh-keygenコマンドで秘密鍵と公開鍵を生成します。 % ssh-keygen -t ed25

Linuxで動くシステムで何か問題が発生した際の原因分析に役立つツールの一覧をNetflixやIntelでクラウドコンピューティングのパフォーマンス改善に取り組んできたエンジニアのブレンダン・グレッグ氏がブログにまとめています。 Linux Crisis Tools https://www.brendangregg.com/blog/2024-03-24/linux-crisis-tools.html ◆procps このパッケージには「ps」「vmstat」「uptime」「top」という基本的なステータス表示に役立つツールが含まれています。 ◆util-linux このパッケージには「dmesg」「lsblk」「lscpu」というシステムのログを取得したりデバイスの情報を出力するツールが含まれています。 ◆sysstat このパッケージには「iostat」「mpstat」「pidsta

KOTAKE CREATEは3月30日、『８番のりば』のストアページを公開した。対応プラットフォームはPC（Steam）。4月末から5月のどこかでリリース予定とされている。「8番ライク」なる一大ジャンルを作り上げたともいえる『８番出口』の続編が、正式発表されたようだ。 『８番のりば』は、永遠に走り続ける電車からの脱出を目指す、『８番出口』の続編となる短編ウォーキングシミュレーターだ。本作の前作に相当する『８番出口』は、無限に続く地下通路からの脱出を目指す、短編ウォーキングシミュレーターである。主人公が閉じ込められている地下空間では、異変がたびたび発生。そうした異変には法則性がある。異変を見逃さないこと。異変を見つけたら、すぐに引き返すこと。8番出口から外に出ること。無限に続く地下通路で間違い探しをしながら脱出を目指す、奇妙な空間へ迷い込んでしまった体験が描かれていた。 本作『８番のりば』は

はじめに 今回はE2Eテストツール「Playwright」とCSVファイルを使い、 データ駆動テスト(Data Driven Testing)を作成してみます！ データ駆動型のテストは、正常なデータ、異常なデータ、境界値のデータなど、 1つのシナリオで入力値をいろいろ変えてテストしたい場合に役立ちます。 作成するテストの対象はデモ用のToDo管理アプリで、 以前作成したテストをもとに、データ駆動に変えたいと思います。 修正前のテストコード 以下が、以前Playwrightのテストジェネレーターで作成したコードです。 import { test, expect } from '@playwright/test'; test('test', async ({ page }) => { await page.goto('https://demo.playwright.dev/todomvc/#/

最近「いかに運用作業に手を抜くか」というのを考えているので、なんとなーくアウトプットしてみようと思う。 運用作業とは? 運用作業はゼロが理想だけど、そーもいかない 運用を頑張りすぎてしまうエンジニア pospomeはどうしているか? まとめ 運用作業とは? 自分が想定する "運用作業" というのは機能開発に関係ない作業全般である。 例えば以下の作業は "運用" にカテゴライズしていいと思う。 ソフトウェアのバージョンアップ ユニットテストの実装・保守 問い合わせ対応 リファクタリング 運用作業はゼロが理想だけど、そーもいかない 自分は運用作業がゼロになるのが理想だと思っている。 可能であれば、機能開発にすべての工数を投じて、自身が開発するプロダクトを進化させていきたい。 ただ、運用作業をゼロにするのは不可能である。 ソフトウェアのバージョンアップは定期的にしなければいけないし、リファクタリ

Go is great for building command-line applications. We built one: Dolt, the world's first version-controlled SQL database. We wrote our own command line parser for handling all of Dolt's subcommands and arguments, but maybe we shouldn't have. There are lots of great ones out there that if we might have used instead if we were starting the project today: spf13/cobra has great support for code gener

ソフトウェアエンジニアの畠山です。今回は，SVGに対して"Pan"と"Zoom"を実装する方法を解説します。 PanとZoomのためのライブラリはsvg-pan-zoomなどがありますが，今回はこういったライブラリを使用しないで実装してみます。 ※ Google Chrome 69でしか動作検証していません。 SVGのviewBox まず最初に，svgタグのviewBox属性についておさらいしておきます。なぜならこのviewBoxを使ってPanとZoomを実現するからです．viewBox属性は”min-x”, “min-y”, “width”, “height” の4つの数値リストをスペース区切り（もしくはカンマ区切り）で指定します． 例えば，viewBox属性に[min-x min-y width height] = [0 0 100 100] を指定すると以下のようになります。 <sv

99.3％の光を吸収｡宇宙望遠鏡用の超漆黒コーティング2024.03.30 22:305,375 Passant Rabie - Gizmodo US ［原文］ （ たもり ） 現在でさえ宇宙望遠鏡が捉えた画像は毎回息をのむほど美しいものばかりですが、その上をいく絶景を見られるようになるかもしれません。 中国の研究チームが、航空宇宙分野で使われる合金用の超漆黒コーティングを開発しました。それが塗布された宇宙望遠鏡なら、宇宙の暗闇に紛れてさらにクオリティの高い天体写真を撮影できそうです。 上海理工大学の研究チームが開発したのは、望遠鏡や光学機器を製造するための鋳造材であるマグネシウム合金用の超漆黒の薄膜コーティング。彼らによれば、このコーティングはほぼすべての光を吸収しながらも、宇宙の過酷な環境に持ちこたえるほどの耐久性があるとのこと。 研究の詳細は、科学ジャーナル『Journal of V

【DL輪読会】Evolutionary Optimization of Model Merging Recipes モデルマージの進化的最適化

新コンテンツとして“サドンデスバトル”が開催。サドンデスバトルは、スキルやアビリティをカスタマイズし仲間と協力して、エネミーの猛攻から5分間生き残ることを目指す。2024年4月24日までの期間限定となる。 また、レイドミッション“虚空の浮島・氷竜襲来2”、マンスリーイベント“甘～い蜜を探して”などがあわせて開催される。 PlayStation5の購入はこちら (Amazon.co.jp) Xbox Series X​の購入はこちら (Amazon.co.jp) 基本プレイ無料オンラインアクションRPG「BLUE PROTOCOL」新コンテンツ「サドンデスバトル」実装！「イースターガシャ」「ファスターラビットガシャ」販売開始！ 株式会社バンダイナムコオンライン(住所：東京都港区 代表取締役社長：関口昌隆)と株式会社バンダイナムコスタジオ(住所：東京都江東区 代表取締役社長：内山大輔)は、共同

PRIVACY TECH NIGHTとは？ 「PRIVACY TECH NIGHT」は、Privacy Tech（プライバシー保護のための技術）※1について紹介するイベントです。 近年のプライバシー意識の高まりや法規制の強化などの背景を受けて、プライバシー保護が益々重要になっており、Privacy Techが注目されています。 本イベント「PRIVACY TECH NIGHT」では、Privacy Techの概要といった基本的な内容から、技術の詳細や最新動向や論文紹介などの応用的な内容まで、幅広いテーマでお送りします。 必ずしもセキュリティやプライバシーの専門家ではない技術者の方、データ関連事業を担当されている方も対象に、Privacy Techの理解促進と普及を目的としたイベントを目指しています。 前回は、プライバシーの技術・法律・ガバナンスという広い観点での「PRIVACY NIGHT

UPDATE(M03-29-2024 13:43-EDT): This is CVE-2024-3094. This is a new situation and we are still gathering information. Here is what we know so far: The xz/liblzma project has released versions 5.6.0 and 5.6.1. The combination of this and patches made by some distributions to the interactions between liblzma, libsystemd, and sshd have resulted in a situation where an attacker can compromise a system

はじめに useActionState とは useFormState に取って代わる新しい React Hooks です。 既存の useFormState の問題点を解消するために導入されました。 useFormState useFormState とは渡されたアクションの結果に基づき state を更新するためのフックです。 const [state, formAction] = useFormState(fn, initialState, permalink?); このように useFormState にアクションと初期 state を渡すことにより、フォームが送信された後のアクションの返り値と <form> や <button> に渡せる新しいアクションを取得できます。useFormState は <form> 内でなくても使用できます。 import { useFormStat

今使っているワイヤレスイヤホンのEdifier NeoBuds Proが2021年に出た製品でちょっと古めになったので新しいのが欲しいと思い、情報収集をしていた。入門記事で、あまり触れられていないことがあったのでまとめておきたい。 現在、Amazon新生活セールFINALでセール価格になっている製品が多いので、気になる製品は価格をチェックして欲しい。 LDAC接続は再生時間が短くなる ワイヤレスイヤホンの再生時間は初心者にはわかりにくい。10時間以上の再生をうたうものはバッテリーケースを使っての充電を含めての場合を言っているものがほとんどだ。*1更にイヤホン本体のみの再生時間はノイズキャンセルON/OFFと使うCODECによって変わってくる。 「LDAC接続は高音質」みたいなことはよく書かれるのだが、この再生時間がかなり短くなることについては触れられていないことが多くて罠だ。ハイレゾのCO

我々エンジニアが1日で最も触っているもの。 それは恐らくPCのキーボードでしょう。 キーボードがなければコードは書けず、仕事はできません。 このことからキーボードはエンジニアの仕事道具であり、命綱とも言えるでしょう。 そしてキーボードにこだわって探求を続けると市販品では満足できなくなり、やがて自作キーボードの沼に沈んでいく様子が散見されます。 そもそもキーボードって作れるの？ 自分で設計するとなるとそれなりに時間とコストがかかりますが、今は各々が設計したキーボードのキットが売っているので割と簡単に作れます。 多少のハンダ付け作業とGUI操作を行えば貴方だけの自作キーボードを作ることができます。 最近では表面実装パーツをはんだ付けしたPCB基板のセットもあるので、キースイッチとキーキャップさえ買えばそのままキーボードとして使えるモデルもあります。 自作する理由 人それぞれだと思いますが自分は

こんにちは！ラズパイ初心者です。 今回はとあるイベントのために監視カメラ化したラズパイからネットワークを通していい感じ（？）にディスプレイに表示した話をします。 いい感じとは いくつかの映像を自動切り替えしたり、 映像の上にラーメンの妖精（？？？）をのせたり、 映像に軽くフィルタをかけたり、 できるだろうなと思っていてもいざやろうとするとめんどくさい、まぁそんな感じのことです。 今回はラーメンの妖精を合成しようと思います。（AR的なアレではないです、上に乗せただけです） ラズパイを監視カメラ化 1. mjpg-streamerを入れる こちらの記事を参考にしました。ありがとうございます。 2. mjpg-streamerを実行する 今回はラズパイにWebカメラをUSB経由で接続して実行してみます。 まずはWebカメラがどの/dev/videoとして登録されているか確認しましょう！ v4l2

神様。ちょい古なノートPCでゲーミング＆生成AIの夢を見たいのですが2024.03.30 18:0023,795 武者良太 そのお願い。叶えてくれるのですか神様。 写真だけ見ると、ちょっと？いやかなり大きな多機能USBハブ。しかしこのハコのなかには、Radeon RX 7600M XTが入ってる。 AMD入ってる！ つまるところこの｢GPD G1 2024｣はeGPUこと外付けGPUボックスです。モバイル用GPUを使うことで、レンガみたいなデカさの外付けGPUボックスからSwitchサイズにまでダイエットできたんですね。 Image: リンクスインターナショナル計測の仕方によっても変わるけど、Radeon RX 7600M XTはRTX 3060 Mobile～RTX 4060 Mobileくらいのパワーを持ってるGPU。そいつをこーしてこーやって小さめのハコに入れちゃった。使い勝手、よさ

コンプリートパックは『新生エオルゼア』に加えて、すべての拡張パッケージ（蒼天のイシュガルド、紅蓮のリベレーター、漆黒のヴィランズ、暁月のフィナーレ）がセットになっている。対象ストアは以下の通り。Steam版はセール対象外となる。 ファイナルファンタジーXIV: モグステーション（Windows版、Mac版） スクウェア・エニックス e-STORE（Windows版、Mac版） プレイステーションストア（プレイステーション5（PS5）版、プレイステーション4（PS4）版） Amazon.co.jp（Windows版） 『ファイナルファンタジーXIV コンプリートパック』(Windows版)の購入はこちら (Amazon.co.jp) 最新拡張パッケージ『黄金のレガシー』の予約開始を記念して60%OFFセール開催！ 株式会社スクウェア・エニックスが開発・運営するオンラインRPG『ファイナルファ

親要素のスタイルの基づいてスタイルを適用するコンテナスタイルクエリー CSS 2024.03.30 CSS の @container ルールは、コンテナ（親要素）の特性に基づいてスタイルを適用するためのルールです。コンテナースタイルクエリーはコンテナサイズクエリーとコンテナスタイルクエリーの 2 種類に分類されます。コンテナスタイルクエリは style() 関数記法で定義されたスタイルを @container ルールで評価し、指定された条件が一致する場合にスタイルが適用されます。 CSS の @container ルールは、コンテナ（親要素）の特性に基づいてスタイルを適用するためのルールです。コンテナースタイルクエリーは以下の 2 種類に分類されます。 コンテナサイズクエリー：コンテナ要素の現在のサイズに基づいてスタイルを適用する。e.g. @container (min-width: 3

Theme 第 146 回のテーマは 2024 年 3 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 123 Updates New in Chrome 123 https://developer.chrome.com/blog/new-in-chrome-123 light-dark() CSS function. Long Animation Frames API. Service worker Static Routing API. What's new in DevTools (Chrome 123) https://developer.chrome.com/blog/new-in-devtools-123 Emulate a focused page in Elements > Styles Google I/O 2024

Hookの仕組みや、Jetpack Composeを使うと、宣言的にもっといい感じにアプリ全体をよくできるはずです。 moleculeでも同じようなことができるのですが、実装によっては画面が裏に行っても、ViewModelが生きている間は生き続けてしまうという問題があります。 そこで Retaining beyond ViewModels の記事があり、Circuitを使うと、Viewと同じライフサイクルでEventを受け取って値を返す仕組みを実現でき、かつ、ViewModelと同じスコープで値を持つことができるということで、Circuitを見てみようと思いました。 Overview UDF(Unidirectional Data Flow)とかの原則に従いて、Cash App’s Broadway architecture に影響されていることなどが書いてあり、以下があります。 Circ

開発チームからの質問、というか不満。 ※スクラムの実務経験がない個人の私見です 質問内容 スクラムはミーティング（会議・打合せ）が多く、スクラムイベントだけでスプリントの20%前後を割く。 ピラミッド型（PM・開発メンバー）の体制であれば、開発メンバーは割り当てられたタスクの遂行に集中できるため、その方が生産性が高いのではないか。 私の回答 自信を持って回答できないので、先輩SM方のご意見を伺いたい・・・が、一旦自分なりの考えを。 開発は生産性が全てではない スクラムでももちろん生産性・効率は意識しますが、生産性を最優先に考えられたフレームワークではありません。 スクラムのメリット・強みは、短いサイクルで改善・課題解決できることだったり、強い人に極端に負荷が偏るのを防ぐことだったり、スキルの平準化を目指して一人が欠けた時のリスクを抑えることだったり、いろいろあります。 生産性だけを見ればス

起こったこと HTMLの構造を変えた結果、role="status"内のメッセージがスクリーンリーダーに通知されなくなった。 role="status" role="status"を持つ要素内のコンテンツの変更がスクリーンリーダーに通知されるようにするためには、当たり前ですが 「role="status"を持つ要素がアクセシビリティツリー状に存在すること」 という条件があります。 これだけ見ると「？何言ってんだ」と思いますが、今回はこれに引っかかりました。 dialog（aria-modal="true"） 結論からいうと、犯人はこいつでした。 dialog要素はshowModal()メソッドで呼び出された時にaria-modal="true"を指定したのと同じことになり、 さらにブラウザが対応していればdialog以外のコンテンツがinert属性で不活性化された状態と同じになります。 つ

はじめに こんにちは！私事ですがあと数日で社会人歴1年となりますので、この1年で学んだこと、主に仕事の進め方ついて書いていき、さらにおすすめのプラクティスを紹介したいと思います！ 大切だと思ったこと まず結論から、特に大切だと思ったことは以下の3点です。 悪いことほど早く報告する あいまいなことを解消する大切さ 質問に行くときは整理してからいく これらについてエピソードを交えて順に書いていきます。 悪いことほど早く報告する 「悪いこと」と聞いて何が思い浮かびますか？私は「進捗が遅れているとき」「開発しているアプリに不具合が見つかったとき」などが思い浮かびます。ここでは(こっぴどく怒られて)一番印象に残った「進捗が遅れているとき」について書きます。 社会人、学生よりも「期日」というものは付きまとってきます。 ある日タスクを行っているときに間に合わなさそうだけど頑張れば間に合うかも？と思い報告

LINEヤフーは、「Yahoo!マップ」（iOS、Android）と検索サービスの「Yahoo!検索」でお花見スポットの開花情報などを確認できる機能を提供している。スポット数は全国約1000カ所という。 Yahoo!マップでは、起動後に画面下部を引き上げ、「桜開花マップ 2024」のカードを選択。地図上にスポット名と当日の桜の開花情報が表示される。 開花情報は、「つぼみ」「咲き始め」「5分咲き」「7分咲き」「満開」「散り始め」「終わり」の7段階。「夜桜観賞」など条件による絞り込み機能もある。 また「さくら名所100選」に選ばれたスポットは地図上に「100名選」ラベルを表示。駐車場や売店の有無なども分かる。

はじめに 今年はワークショップをさせていただき、とても楽しい思い出となりました！ 参加者の Discord にはスライドが展開されていましたが、外部向けになく... いつもは誰かが作ってくれるはずなんですが、ないので個人的に必要でまとめました。 なので、メモ程度に思っていただけますと🙏 また、見つかっていないものもあるので、訂正リクエストもらえますとmm スライド一覧 タイムテーブル順に並べていきます。 Day1 (March 22nd) - 良いアプリケーションをデザインするための感覚の持ち方 （EN: Cultivating a Sense for Designing Great Applications） - AIによる言語学習の変革：DuolingoのAIチューターを深掘る （EN: Transforming Language Learning with AI: A Deep D

シャーペンのように使える 2.5×5mmの超極細消しゴムが入っているのですが、手に持った感覚としては鉛筆よりも細く感じます。 使うときはシャーペンのように上部をノック。下から消しゴムがニョキニョキと出てきます。 1回のノックで微量の消しゴムしか出てこないので、使いながら折れてしまう心配もありません。 狙った位置だけ消せる 一文字だけ消したいときや、特定の線だけ消したいとき。 他の文字を消すことなく狙った部分だけ消せるのは、思った以上に気持ちのいい使い心地でした。 もちろんMONOの消しゴムなだけあって、文字を消しづらく感じることもありません。 広範囲を一気に消すなら一般的な消しゴムの方が効率的だとは思いますが、スケジュール帳の微調整にはこれ以上ないくらい活躍してくれています。 一般的な消しゴムは小さくなる内に使いづらさも増してきますが、「MONO zero」はペン型なので最後まで使い切りや

Lenovoの IdeaPad Slimが7万4800円。出費を抑えて新品のノートPCの用意できます！ 正直今回のAmazonセール、PC部門で一番の狙い目かと！ この値段のPCは地雷じゃないのか？ 買って大丈夫なのか？とか思われるかもしれないので、スペック行きます。 ・CPU：Ryzen 7 5700U ・メモリ：16GB（DDR4-3200） ・ストレージ：512GB SSD ・画面：15.6インチ（フルHD、IPS） ・本体重量：約1.6kg ・バッテリー：約14時間 アリじゃない？ 全然イケるよ！ メモリも16GB、ストレージ512GBというクリアすべき（と僕は思っています）のワーク・ビジネスPC向けのスペックがありますし、CPUも程々に優秀。 重めの3Dゲーム系はちょっとニガテだけど、Officeでの資料やレポート作成、Webでの調べ物、ビデオ会議といった日常の作業であれば十分に

はじめに こんにちは、Suuです。 今回Dots to Codeという国内最大級、女性とノンバイナリーを対象としたハッカソンに参加させていただきました。その中でとても貴重な経験を得たので熱が冷めやらぬうちに記事にしておこうと思います！ 応募前 まず、前提として以下のような条件がありました。 開発期間である3月いっぱいが非常に忙しい ファイナル選出プレゼンと、ファイナルの間5日間にタイ旅行の予定あり インターン選考中 非エンジニアコミュニティでのタスクが膨大 やりたいことはなんとなく決まっている しっかり開発したことはないけど、多分フルスタックデモまではいけそう このハッカソンではいい結果を残すのはもちろんだが、ポートフォリオとしてリリースできるように完成値をある程度保ちたい（プロトタイプで止まるわけにはいかない） これらのことから、個人参加を決めました。（自分のペースで長くゆっくり取り組ま

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

授業ではあまり習わないですが、UIデザインの実務において常に考えなければならないフレームワークの一つにThe five UI statesがあります。雑に説明するとUIは以下の５つの状態になる可能性があることを踏まえて、それぞれに対してデザインを作っておくというコンセプトです。 • 何も登録されていない状態 (Blank state) • ロードしている状態 (Loading state) • 不完全な状態 (Partial state) • エラーが起きている (Error state) • 理想的な状態 (Ideal state) 授業のプロジェクトや提案型プロジェクトではそこまで深く考えないのかもしれませんが、UIデザインの実務では相当な時間を占めていることが多いです😑 特に複雑な構造のB2BプロダクトだとError stateのUIパターンを一週間考え続けるみたいなことも多々あり

こんにちは！デザインチーム所属のnagaiです。 今回は、弊チームが自社プロダクトのデザイン原則を考案した流れについて、どう取り組んできたかご紹介していきます。 これからプロダクトにおいてデザイン原則を作成しようと考えている方の参考になればと思います！ デザイン原則の必要性 まず、デザイン原則とは何か？ これについては以前執筆した記事（ワイガヤ方式を活用してデザイン原則を考える）で簡単に紹介しているので、よければぜひご覧ください。 デザイン原則とは？ 上記記事でも述べましたが、そのプロダクトにおける共通の価値観や思想を示す指針となるものがデザイン原則です。 デザイン原則はプロダクトを作成するために使う道具であるため、「プロダクトを新しく作ることになったから、そのためにまずはデザイン原則を作ろう」というのが自然な流れと言えます。 プロダクト構想時の理想像を具体的に世界観として起こし、道標とな

こんにちは！saimyonです👶 今回はPlaywrighの並行処理について書きます🎭 なんで？ Playwrightの強みの1つであるテストの並行実行ですが、深く考えずに使っていたらハマってしまいました… そこから、公式ドキュメントを読んで実験をしてみて理解を深めたので、その結果を記事にしている次第です。 並行実行に関する設定 Playwrightでは、複数のテスト（テストファイル）を、複数のworkerによって並行実行することが可能です。 公式のParallelizeのページに書かれている並行実行に関する設定は主に2パターンです。 configファイル内のfullyParallelで設定 各テストファイル内でtest.describe.configureを使って設定 それぞれについて確認していきます。 configファイル内のfullyParallelで設定 まずはconfigファ

ゲーム・エンタメ最新情報のファミ通.com エンタメ プレスリリース 『ダンジョン飯』センシの包丁を老舗鍛冶屋が再現。両手鍋、ミミック専用ピックなどコラボ調理器具が4月3日に発売

ゲーム・エンタメ最新情報のファミ通.com 特集・企画記事 家庭用ゲーム PS4 Switch Wii U PCゲーム 『ドラゴンクエストX　オンライン』プレイ日記　ついに竜術士へ転職！ 転職クエストのストーリーが感動モノでした（第467回）

「これ、マストだわ」モニター購入して気づいた、あったほうがいい周辺機器4選 #Amazon新生活セール

CSS 最適化ツール drop-inline-css を更新し、drop-inline-css でインライン化レベルを最適化できるようにしました。 一部分だけ不要 CSS をチェックしたり、一部分だけはチェックをせずそのまま inline 化できたりします。 めちゃくちゃ便利な気がしますが、まあ私だけかな…。 どんなことができるなったかというと、こんな感じの HTML を、 <html> <head> <link class="drop-inline-css" rel="stylesheet" href="inefficient.css"></link> <link class="inline-css" rel="stylesheet" href="efficient.css"></link> <link rel="stylesheet" href="keep.css"></link> <

xz-backdoor.md FAQ on the xz-utils backdoor (CVE-2024-3094) This is still a new situation. There is a lot we don't know. We don't know if there are more possible exploit paths. We only know about this one path. Please update your systems regardless. This is a living document. Everything in this document is made in good faith of being accurate, but like I just said; we don't yet know everything abo

動く実物大ガンダムの公開施設「GUNDAM FACTORY YOKOHAMA」（GFY）を運営するEvolving G（東京都杉並区）は、3月31日に行われるグランドフィナーレイベントをYouTube「ガンダムチャンネル」で無料ライブ配信する。配信は午後7時から。 公開最終日となる31日は、通常営業を午後4時に終了し、午後7時からグランドフィナーレイベントを開催する。「機動戦士ガンダム」シリーズの富野由悠季監督のあいさつの他、オープニングイベント時のストーリーの続きとなるようなシチュエーションで“最後の起動実験”を実施するという。 当日は約1000台のドローンを使ったアートショーや打ち上げ花火も予定。Evolving Gは、「まさにGFYのフィナーレを締めくくるにふさわしい内容」としている。なお、現地での観覧チケットは既に完売している。 GFYは、全高18mの動く実物大ガンダムを中心に特別

はじめに こんにちは！株式会社COMPASSの技術責任者の仲谷です。 私はシステム開発部というエンジニアリングの組織で、技術選定やアーキテクチャの設計などの技術に関するマネジメントを日々行っています。 COMPASSで採用している技術の中には、長く採用し続けているものもありますが、技術の進化に伴って新たな技術を選定していくことも重要だと考えており、日々最適なシステムとは何かを追い求めながら開発を行っています。 そこで、今回はCOMPASSで現在利用している技術スタックを背景と共に紹介します。 この記事はこんな方におすすめ 株式会社COMPASSの技術スタックを知りたい方 技術選定の観点などを知りたい方 技術スタックの紹介 COMPASSでは、AIが子どもたち一人ひとりに合った問題を出題する公教育向けのデジタル教材「Qubena（キュビナ）」を開発、提供しています。現在では100万人を超える

この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。 こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。 勘違いしている人が多そうなので追記します。 Prettierを使わないというのは私が独断で決めた事ではないです。 チームが発足する際の技術選定で合意は取れていますし、私が関与していない別のチームでも同様にPrettier無しで開発しています。 私達のチームはメンバー同士を互いに信頼していますし、細いスタイルで喧嘩を始めるようなメンバーは居ないので安心してください。 はじめに Prettierはコードフォーマッターとして広く使われているツールです。 コードスタイルに関する議論をなくすことを目的としており、ESLintとは異なりデフォルト設定のままですぐに使えるのが特徴です。 さらに、PrettierはJS

はじめに マイグレーションファイルの命名、皆さんはどうしていますか？ 言語や、ライブラリごとに命名ルールが敷かれていることもあると思うので、 特に気にしたことがない人もいらっしゃるかもしれません。 私が Rust を使い、さらに SQLx というライブラリを使っている中で命名をいくつか考えてみました。 参考になれば幸いです。 SQLx CLI を使ってマイグレーションファイルを作成する 事前に SQLx のクレートを追加しておく必要があります。 ▼SQLx ▼SQLx CLI

PCで何らかのトラブルが発生した時には「ひとまず再起動してみる」という解決策を試す人は多いはず。そして再起動だけでトラブルが解決してしまうことも多いものです。PCの再起動がなぜトラブルを解決するのかについての考察をSalesforceのエンジニアであるノーラン・ローソン氏がブログにまとめました。 Programmers are bad at managing state | Read the Tea Leaves https://nolanlawson.com/2020/12/29/programmers-are-bad-at-managing-state/ ローソン氏は再起動で解決する理由を端的に「プログラマーが状態の管理を不得手としていること」と述べました。プログラムを記述して最初に起動した際には全ての変数はプログラマーの意図通りになっており、自動テストなどを通じて「プログラムとして最

MP3ファイルをダウンロード 内容紹介 twadaさんをゲストに、テスト駆動開発(TDD)、TDDに関するよくある誤解などを語っていただいたエピソードです。 出演者 話したネタ 【翻訳】テスト駆動開発の定義 自動テストとテスト駆動開発、その全体像 保守しやすく変化に強いソフトウェアを支える柱　自動テストとテスト駆動開発⁠⁠、その全体像 テスト駆動開発とは何だったのか？ テスト駆動開発と同じレイヤの手法はある？ テスト駆動開発と品質保証との関連は？ TDD Boot Camp 2020 Online #1 基調講演/ライブコーディング テスト駆動開発に関するよくある誤解 アジャイル開発との類似点（みんな丸い） IPAの試験での誤解 今回のブログを書いた（翻訳した）ことによる懸念 サバンナ便り ～ソフトウェア開発の荒野を生き抜く～ 記事一覧 書籍レビュワー募集フォーム

実務未経験、独学でプログラミングを勉強し、応用情報技術者試験に合格、ポートフォリオとしてのWebアプリケーションを制作し、地方のIT企業に就職にしました。 34歳のころからプログラミングの勉強を始め、ITエンジニアとして就職することに憧れていましたが、まさか実現できるとは…と自分が一番驚いています。どんなことをしたのか、こちらの記事でまとめたいと思います。 結論 34歳（35歳目前）から初めてプログラミング学習を独学で開始 放送大学を卒業、基本情報技術者試験、応用情報技術者試験に合格 ポートフォリオを制作、応募先に提出 37歳で地方（東京以外）のIT企業（Web受託がメイン）に試用期間の3ヶ月間契約社員として働き、正社員に 提出したポートフォリオについてはこちらの記事で解説しています。 就職できたと思う要因 ポートフォリオを完成させ、GitHubでコードを公開、Qiitaで解説記事を書いた

Design Engineer is a new role that is gaining popularity—a role that is both confusing and exciting. Expectations for what good software looks and feels like have never been higher. Design Engineers are a core part in exceeding that expectation. This post will go behind the scenes for Design Engineering at Vercel, our work, skills, and how we contribute to shipping with a high degree of polish and

michiはGo 1.22のEnhanced ServeMuxに合わせて設計された設計されたルーティングライブラリです。 以下で試すことができます。 機能 net/httpと100%の互換性 - http.ServerMux, http.Handler and http.HandlerFunc Enhanced http.ServeMux - Go 1.22からHTTP Methodの指定とPathValueの取得ができます。 chiのようなインターフェース - Route, Group, With and chi middlewares 外部パッケージへの依存はありません - 標準packageのみを利用しています 軽量 - コードは160行以下です。 michiはHandlerのセットアップだけをサポートしており、ルーティング機能はhttp.ServeMuxへ委譲します。 パフォーマン

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

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

自宅サーバを運用していると突発的なリブートや設定ミスによるアクセス不能などなどが起こり、そのたびにリモートKVMが欲しくなる…。 しかし、リモートKVMは主にエンタープライズ向けで対応した筐体や装置が高額でなかなか手が出づらい…。 そこでどこのご家庭にもある余ったラズパイとPiKVMを使って安価にリモートKVMを作ろうというのがこの記事の趣旨。 PiKVMとは PiKVMは、Raspberry Pi(ラズパイ)を用いて遠隔地から物理的なコンピュータにキーボード、ビデオ、マウス（KVM）スイッチとしてアクセス可能にするオープンソースプロジェクトである。 この記事を書いている現在(2024/03/24)では、DIY PiKVM V1～v4の4つのバージョンがある。 V3とV4はラズパイ内蔵の完成品になっていて、これらのバージョンを自作することはできない？ので今回の選択肢からは外す。 V1とV2

NetflixやAmazon Prime Video、Disney+など、いろいろなストリーミングサービスがしのぎを削る一方で、Blu-rayやDVDといった物理メディアの市場は縮小を続けています。しかし、映画業界でもクリストファー・ノーラン監督が「配信オンリーの作品は突然見られなくなる危険性がある」と懸念を示すように、物理メディアにこだわる人たちがいます。 The film fans who refuse to surrender to streaming: ‘One day you’ll barter bread for our DVDs’ | Film | The Guardian https://www.theguardian.com/film/2024/mar/27/the-film-fans-who-refuse-to-surrender-to-streaming-one-da

最近supabaseを個人で触っています。 以前、とりあえず触ってみようと流し読みしながら触っていると、 いきなり詰まったのでどなたかの参考になればと思いアウトプットします。 なお、supabaseの構築は割愛します。 コチラ（Use Supabase with Next.js）をご参照ください。 詰まったところ supabaseでサンプルのDBを作成し、以下のようなコードでDBからフェッチしてみました。 export const fetchAllData = async () => { const supabase = createClient() try { const { data } = await supabase.from(TABLE_HOGEHOGE).select("*").order("created_at"); return data; } catch (error)

Tailwind CSSでスタイルを強制（優先度を高める）したい時、 どうするかについてメモをアウトプットしたいと思います。 Tailwind CSSでimportantで優先させる方法 Tailwindはデフォルトではimportant属性はついていません。 その為、他のUIライブラリやCSSを組み合わせたときに、意図通りに反映されない事が起きます。（環境依存の影響で意図通りに反映されないケースもある） 実際に簡単な参考例をアウトプットします。 方法についてですが、 以下のようなボタンがあるとします。 <Button className="mx-[8px] border-blue text-blue" onClick={(event) => hogehoge()} > FUGAFUGA </Button>

はじめに こんにちは、retail HUBで Software Engineer をしているほんだです。 今回は私が現在着手している事業譲渡されたアプリを社内で持続的なプロダクト開発を行える状態にするリプレイスプロジェクトをどのように行っているか紹介しようと思います。 この記事ではリプレイスを行うにあたってどのようなことを課題に感じてその課題に対してどのような解決策をとったか主にサーバーの実装について説明しています。 ネットスーパーアプリとは 現在弊社ではネットスーパーアプリとして Web アプリとスマホアプリの二つのシステムを提供しています。 Web アプリは販促コンテンツの設定や売り上げの管理・集計を行うことが可能な管理システムと受け取り方法に応じた価格変更や送料変更にも対応し、消費者の柔軟な買い物を実現するお客様向けアプリを 17 の小売り様に、スマホアプリでは Web アプリのお客

ソニーは3月28日、ミラーレスカメラ「α1」「α7S III」「α7 IV」で、画像や動画の真正性を証明する機能を提供すると発表した。同社は、この機能を「真正性ソリューション」として、報道機関を始めとするプロフェッショナル向けに展開する。「α9III」は、2024年4月以降での対応を予定している。 この機能は、国際標準規格「C2PA」に対応しており、来歴情報や該当のカメラで撮影されたことを証明する真正性情報が、撮影時にデジタル署名としてデータにリアルタイムで埋め込まれる。署名時には「デジタル出生証明書」が作成され、イメージ検証サイトであとから出自を検証することができる。 これにより報道機関では、C2PA準拠の編集ソフトウェアで画像の編集作業を重ねても、編集来歴情報と該当カメラで撮影されたという真正性情報を維持できるようになる。 また、ソニー独自のセンサー内技術により、3D深度情報を含むメタ

キンキンのミネラルウォーターが出ます。これは“蛇口のハック”だ…2024.03.29 22:006,364 小暮ひさのり 蛇口をひねるだけってのが最高でして。 昨今、蛇口からみかんジュースが出たり、お茶が出たり、うどんのつゆが出たり…。 ネットを潜っていると｢蛇口ってわりと色んなものが出てくるな…｣みたいなミームを感じているんですけど、本日蛇口から出るものがまた増えました。ミネラルウォーターです。 引き算と足し算から生まれた、蛇口からミネラルウォーターの新提案Photo: 小暮ひさのりこちら、LIXIL（リクシル）の家庭用水栓｢Greentap｣といいます。 ミネラルウォーターでおなじみ、サントリーと共同開発された、蛇口からミネラルウォーター（正確にはミネラルinウォーター）が出るソリューションなんですが、その考え方がテック的で感心しちゃった。式にすると… 水ー不純物＋ミネラル＝美味しい

パッケージと味を刷新して「生茶史上最高レベルのおいしさに進化」した「キリン 生茶」と「キリン 生茶 ほうじ煎茶」が2024年4月9日(火)に登場します。そんなリニューアル版の「キリン 生茶」と「キリン 生茶 ほうじ煎茶」をキリンが送ってくれたので、従来版とリニューアル版を飲み比べて味の違いを確かめてみました。 「キリン 生茶」「キリン 生茶 ほうじ煎茶」大刷新 | 2024年 | キリンホールディングス https://www.kirinholdings.com/jp/newsroom/release/2024/0125_04.html 「キリン 生茶」のリニューアル版(左)と従来版(右)が以下。リニューアル版はボトルが円柱形に変わっています。 原材料はどちらも緑茶、生茶葉抽出物、ビタミンCのみで、表記上の違いはなし。ただし、製法の違いによって味は変化しているそうです。 栄養成分表示も同一

ゲーム・エンタメ最新情報のファミ通.com エンタメ プレスリリース 『スイカゲーム』公式ぬいぐるみがプライズ景品として2024年4月下旬に登場。クッションにもピッタリなビックサイズとマスコットサイズの2種

DEI leadのmioです。今日は合理的配慮のお話です。 「全ての国民が、障害の有無によって分け隔てられることなく、相互に人格と個性を尊重し合いながら共生する社会の実現に向け、障害を理由とする差別の解消を推進すること」を目的として、障害者差別解消法が平成28年4月に施行されました。 法律の改正に伴い、「合理的配慮」の義務化が令和6年4月1日からスタートしますが、それに先駆けてfreeeでも「合理的配慮を知る」ワークショップをやりましたので、資料も合わせて「あえて共有」します。 合理的配慮とは？伝えたかったメッセージ障害のある方々が障害のない方々と同じように人権が保障されるように、それぞれの障害特性や困りごとに合わせておこなわれる調整のことです。合理的配慮は、その人のもつ障害の特性や、具体的場面や状況に応じて異なり、多様かつ個別性の高いものです。 「合理的配慮」という単語だけ聞くと、面倒く

import { torch } from "js-pytorch"; const nn = torch.nn; class Transformer extends nn.Module { constructor(vocab_size, hidden_size, n_timesteps, n_heads, p) { super(); // Instantiate Transformer's Layers: this.embed = new nn.Embedding(vocab_size, hidden_size); this.pos_embed = new nn.PositionalEmbedding(n_timesteps, hidden_size); this.b1 = new nn.Block( hidden_size, hidden_size, n_heads, n_timeste

はじめに NFTとは NFTアート出品までの流れ Step1 : 暗号通貨取引所の口座開設をする Step2 : 仮想通貨を購入する Step3 : ウォレットを作成する Step4 : 仮想通貨をメタマスクへ送金する Step5 : NFTマーケットプレイスにて音楽をNFT化する こんなところに落とし穴！！ Step6 : いざ出品！ おわりに はじめに はじめまして！入社1年目の堀山です。 突然ですがみなさん、NFTってご存じですか？ 「何か耳にしたことはあるけど、実際よく分からない」という方も多いのではないでしょうか。 そうですよね、私もその一人です。 以前からNFTについては興味を持っていたものの、なかなか学ぶ機会を設けられずにいました。 そこで今回は実際に「NFTアート（音楽）」を作ってみることを通して、NFTへの理解を深めようという試みになります。 NFTに興味のある方はぜひ最

今年4月、会社の合併に伴い富士通クラウドテクノロジーズ 公式エンジニアブログの連載を終了します。また、合わせて2024年4月19日を持ちまして本ブログの公開を終了します。 fjct.fujitsu.com tech.fjct.fujitsu.com 2017年に分社を期に開始した本ブログも、会社の歴史と並走しながら8年間継続することができました。今まで本当にありがとうございました。

Authors Jiaqi Liu Daniel Rogart Xin Wu GitHubは、15年以上前に単一のMySQLデータベースを持つRuby on Railsアプリケーションとしてスタートしました。それ以来、GitHubは高可用性を構築する、テスト自動化を実装する、データのパーティショニングを行うなど、プラットフォームのスケーリングと可用性のニーズを満たすために、MySQLアーキテクチャを進化させてきました。今日、MySQLはGitHubのインフラストラクチャの中核を担い、選択可能なリレーショナルデータベースの一部です。 このブログは、1200台以上のMySQLホストを8.0にアップグレードした物語です。私たちのサービスレベル目標(SLO)に影響を与えることなくフリートをアップグレードすることは小手先の技で済むようなものではありませんでした。計画、テスト、そしてアップグレード自体

5,436円、デスクっていつからこんなに安くなったんですかね？ しかもよーわからん販売元じゃなくて、ちゃんとアイリスオーヤマで二度びっくり。椅子は別に買う必要があるけど、ラックも便利そうだしこの値段ならめちゃくちゃアリでしょう。アリアリでしょう！ Image: Amazon天板サイズは48cm×94cm。かなりコンパクトですけど、ノートPCなら問題なく置けますね。 また、置ききらないものはスグに手が届くラックに置いてもいいわけですし、ラックの取り付け場所が左右入れ替えられるのもまた偉い。 僕、デスク間に合ってるんだけど、この安さは衝動的に買いたくなりますね…。なんか部屋の隅に物置きや作業スペースとしてあってもいいかなって。 だって板材とアイアンバー買ってDIYするよりも全然安くない？ ズルいじゃんこの値段。 Source: Amazon

古代神話の世界を戦い抜け最大4人協力プレイのローグライクFPS『PERISH（ペリッシュ）』PlayStation5/PlayStation4、Xbox Series X|S/Xbox Oneにて2024年4月15日（月）発売最新トレーラー公開 ローグライクFPS『PERISH（ペリッシュ）』につきまして、PlayStation5/PlayStation4、Xbox Series X|S/Xbox One版を2024年4月15日（月）に発売することを決定いたしました。また、最新トレーラーを公開いたしました。 『PERISH（ペリッシュ）』コンソール版発売日アナウンスメントトレーラー

自己紹介 初めまして。私の名前はアリです。株式会社ジーニーのGENIEE CHAT開発チームのアリといいます。 2022年の新卒で入社して以来、現在は職歴3年目となります。私の主な業務はWeb開発のフロントエンドとバックエンドに関わる部分で、また、必要に応じてインフラやデータベースも手がけています。 それでは、私の「旅するエンジニア」の体験記をお楽しみください！ 序章：旅するエンジニアとは 【旅するエンジニア】とは、株式会社ジーニーで実施している「キャリアアップ形成支援」制度の一部であり、これは、正社員で基準を満たすエンジニアが、会社の支援のもとで海外でリモートワークをすることを可能にするものです。目標は、グローバルな舞台で働くことができる社員を増やすことです。 この制度を利用するためには、エンジニアとしての能力、他者からの信用度、会社のルールを順守する意識など、いくつかの基準を満たす必要

日常の疑問から 業務などで，利用していたGoogleカレンダー。 いつも何気なく，使っているが人との予定の共有。予定の見える化。予定の内容の詳細など，実用的な面が多い。 これはどのようにできているのだろうか？ 自分で再現できるのだろうか？ と思いたち，とりあえず作ってみることにした。 最終目標 この記事では個人カレンダーの実装だけで完結しませんが，以下のことが実現できたらいいなと思って作っています。 カレンダー作成 認証＋共有カレンダー作成 チャット機能実装 最終的にはLINE ＋　カレンダーのような仲のいい人との予定を合わせやすいアプリにできたらいいなと考えています。 環境 実際に，学んでいる環境に近く，かつwebアプリということでNextjsで作ってみることにした。以下使う環境 Nextjs TypeScript taileind fullcalendar fullcalendarにつ

その机に向かう姿勢、画面を見つめる眼差し、指先がキーボードを叩くリズム。それはまるで彼の心の動きを反映するかのようだった。彼は2年前から、毎月5本の記事を書き続けている。その執筆の軌跡を見てきた私にとって、彼の情熱と継続力にはただただ驚嘆するばかりだ。 彼の作業スペースはいつも静かで、時折聞こえるのはキーボードの打音だけだ。しかし、その静かな場所から生まれるのは、知識探求の海だ。彼が創造する記事は、読者の心に深く響くものばかりだ。彼の手によって紡がれる言葉は、確かな手応えと続く執筆の軌跡を物語る。 この記事では、彼の執筆の旅を見つめ、その確かな手応えがどのように継続し、軌跡を残しているのかを探求していく。静かながらも力強い創造の炎が彼を導くその軌跡に触れることで、私たちは新たな気づきと啓発を得るだろう。 彼の執筆の軌跡を見てきた者として、私は彼の挑戦と成長に深い感銘を受けてきた。最初の数ヶ

はじめに こんにちは！ITベンチャー企業で半年間働いている駆け出しエンジニアです👨‍💻 今回はコードレビューの質向上のためにリーダブルコードを読んでみました。 さて、初心者の僕のコードレビューの質は変わったのか見ていきましょう。 ※ある程度本の内容は伏せています。詳しくは購入してお読みください！ 本のタイトル リーダブルコード 著者名と情報 著者名：Dustin Boswell(ダスティン・ボズウェル) 情報：サーカスで育てられたが、アクロバットよりコンピュータが向いていることに気づいて、カリフォルニア工科大学で理学士号を取得。コンピュータサイエンスに夢中になる。その後、カリフォルニア大学サンディエゴ校で修士号を取得。Google社で5年間勤務し、ウェブクローリング用のインフラなどさまざまなプロジェクトに携わる。現在は、インターネットスタートアップ企業が大好きで、暇なときにはサンタモニ

Vue Devtools 便利ですよね。 その中でも vue-router はどんなことが表示されているか見ていこうと思います。 vue-router で設定されたパスが確認できる！ vue-router で設定されたルーティングを確認できます。 どんな内容が表示されるか詳しく見ていきます。 path 設定したルートの path が表示されます name 設定したルートの name が表示されます。 その他 このルートの状態(exact、active)や、リダイレクト先が表示されます。 また、vue-router の GitHub をみると、他にも alias 等があるようです。 パスの詳細が確認できる！ 赤枠外の左側でクリックしたルートの状態を確認できます。 path 設定したルートの path が表示されます name 設定したルートの name が表示されます。 regex このルー

こんにちは、クラウド経費・クラウド債務支払でバックエンドエンジニアをしている@いいねです。 最近、私は開発環境で使用しているMySQLを、Homebrewを通じて5.7系から8系へバージョンアップしました。 その際に、古いバージョンをアンインストールして新しいバージョンをインストールするというシンプルな手順で行いました。 しかし、このアップグレードが思わぬトラブルを引き起こすことになります。 注意点 今回の解決策は開発環境での対応であり、本番環境で同様の対応を行う場合は十分な検証を行った上で実施することをお勧めします。 本解決策を参考に実施される際にはくれぐれも十分な注意を払った上で、自己責任で実施してください。 問題発生：MySQLサーバーが起動しない バージョンアップ後、いつものようにMySQLサーバーを起動しようとしたところ、以下のようなエラーメッセージが表示されました。 $ mys

そんなトレーニングで大丈夫か？エルシャダイ×オタクジムClaraコラボ・イケボトレーニング企画スタート！SNSプレゼントキャンペーン開催 入会金無料&抽選で3名様にルシフェル役竹内良太さんの色紙が当たるキャンペーン実施中 業界初・オタク女性専門パーソナルトレーニングジム「Clara（クララ）」は、人気ゲーム「エルシャダイ」とスペシャルタイアップし、ルシフェルによる【イケボトレーニング企画】を3月29日(金)より始動します。 コラボ企画を記念し、全店舗で無料カウンセリング体験&入会金無料キャンペーンも実施中です！ 「そんな装備で大丈夫か？」でネット流行語大賞も受賞した「エルシャダイ」からルシフェルがトレーナーに！？ オタクジム Clara限定で録り下ろしたトレーニングボイスがあなたを優しく、時に厳しく励まします。 ボイスのセリフは、エルシャダイの生みの親であるディレクター兼キャラクターデザイ

現地時間の2024年3月17日、スロバキアでヒグマが5人を襲うという事件が起きました。スロバキア当局は生体認証ドローンを用いてこの人食いヒグマを追跡し、地元の狩猟者と協力して駆除することに成功したと発表しています。 Watch: Brown Bear 'Successfully Shot Down' After Terrorizing Slovak Village | Outdoor Life https://www.outdoorlife.com/survival/video-brown-bear-attacks-slovakia/ Rampaging bear shot dead after injuring five people | The Independent https://www.independent.co.uk/news/world/europe/bear-slovak

カンペ見ても「カメラ目線」へ自動補正　動画のAI吹き替えツール「Captions」にPC版、実際に試してみた：小寺信良の「プロフェッショナル×DX」（1/3 ページ） 2023年7月にiOSアプリ「Captions」を紹介した。動画をアップロードすると、指定した言語へ翻訳した字幕を付けてくれるだけでなく、なんとオリジナルの声質をまねて別言語でアフレコまでしてくれるというツールである。 昨年紹介した段階ではまだPC向けアプリは一般公開されていなかったが、まだβ版ではあるものの、その後公開が始まっている。基本的にはクラウド上で処理するので、アプリは単なるコントローラーおよびI/Oインターフェスにすぎないが、実際にコンテンツに利用するためには、スマホアプリだけではハンドリングが良くない。特に編集をデスクトップアプリで行っている場合は、デスクトップ版があってこそ、利用しやすくなる。 現在Capti

2024年3月29日から4月15日の期間限定で、Nintendo Switch Onlineが7日間無料で体験できるチケットが配布される。チケットを交換する手順は以下の通り。 ニンテンドーアカウントを作成 ニンテンドーアカウントにログイン マイニンテンドー内の“ポイントを使う”から“Nintendo Switch Online 7日間無料チケット”を選んで0ポイントで交換 交換後、表示される番号をニンテンドーeショップのコード番号の欄、もしくはマイニンテンドーページで入力 なお、この7日間無料チケットは現在Nintendo Switch Onlineに加入していない人限定で利用可能だ。以前に無料体験をしたことのあるユーザーでも、今回7日間無料チケットを利用できる。

こんにちは、松久です。 日々の"業務"の中には、手作業が定期的に必要で、必要だけれどデザインチームでなくてもいいし、サービスの変化とともに増えていることに気づく業務があります。こうした業務を「トイル」と呼んで減らすようにしています。 トイルとは何か Google がサイト信頼性エンジニア（SRE）の指標の1つとして「トイル」を挙げています。詳しくは「SRE の原則に沿ったトイルの洗い出しとトラッキング」で紹介されています。 トイルとは、手作業、繰り返される、自動化が可能、戦術的、長期的な価値がない、サービスの成長に比例して増加する、といった特徴を持つ作業です。 デザインチームでのトイルの例としては次のようなのがあります。 キャンペーンにまつわる色々な表示作業 定期的なバナーの変更 動線の変更 こうした業務をデザイナー以外のチームが取り組みたいタイミングで実行できるようにしたり、できるだけ自

こんにちは！ グリーでインフラエンジニアとして働いている日高です。 今回は、就活生に向けて、新卒エンジニアとして1年間取り組んだタスクの1つとそのタスクを通して気づいたことを紹介します。そして、これらのことを通して、私が1年間働いてきた中で、一番大事だと思ったことと、就活生に是非やってもらいたいことを伝えたいです。 本記事を通して、新卒として取り組むタスクの内容や自身の気持ちの持ち方といったイメージを膨らませてもらい、日々の活動に役立たせてもらえると幸いです。 私が一番大事だと思ったこと 私が1年間働いてきた中で一番大事だと思ったことは、失敗してもいいから、何か学ぼうとする姿勢を常に持つことです。 その理由は、普段のタスクの成功や失敗を通して、結果に捉われずにいつも学び続ける意欲を持つことが、成長につながると上司や先輩から教えていただいたからです。 私が実際に体験したタスクの一例を通して、

エンジニアの市川と申します。 LIFULL HOME'S の売買領域の開発を担当しています。 さて、さっそくではありますが、読者の皆さんは普段ABテストを実施しているでしょうか。 私たちの開発しているLIFULL HOME'Sでも、日々多くのABテストが実施されています。 ABテストの実施によって市場学習回数を増やし、より良いプロダクトを作り上げることが目的です。 その中で私たちエンジニアが貢献できる点といえば、市場学習のスピードを上げることです。 LIFULL HOME'Sでは長年ABテストを実施してきていますが、いくつかの問題がありました。 今回はその問題と、どのように解決に向けて動いたのかという点について紹介します。 ※LIFULL HOME'SでのABテストにつきましては、以下のリンクをご参照ください。 A/Bテストは事前準備で決まる！？LIFULLのA/Bテスト事前設計の取り組み

75年かけて蓄積されてきたMRI画像を用いた研究により、世代によって脳の大きさが変化していることが示されました。具体的には、1930年代生まれの人よりも、1970年代生まれの人の方が脳容量が6.6％大きく、脳容量が大きくなることによって加齢性認知症のリスク低下が期待されています。 Trends in Intracranial and Cerebral Volumes of Framingham Heart Study Participants Born 1930 to 1970 | Neurology | JAMA Neurology | JAMA Network https://jamanetwork.com/journals/jamaneurology/fullarticle/2816798 Human brains are getting larger. That may be go

はじめに はじめまして、私は2022年に新卒としてBIPROGY株式会社に入社した高場です。 今回は若手社員の仕事紹介として記事をまとめます。 組織の紹介 私が所属している組織は AI 技術部と言い、主に AI を用いたサービスの検討等を行っています。 また、企業や研究機関と協力して共同研究を行うこともあります。 その中で私は主に自然言語処理や時系列データを扱う案件を主に担当しています。 案件紹介 全体概要 自然言語処理を取り扱っている案件としては、学校教育への支援システム（PoC）などがあり、時系列データの取り扱っている案件としては、 国立研究開発法人科学技術振興機構（JST） と協力して行っている 個人及びグループの属性に適応する群集制御1があります。 今回の記事では、時系列データを取り扱っている群集制御（群集マネジメント）に関する取り組みについて簡単紹介にします。 群集マネジメントと

はじめに 私は小学校〜社会人2年目までの約16年間、野球漬けの毎日を過ごしていました。そんな野球男が全ての野球人に向けた 「野球の成績記録・共有サービス」 を開発しました。 このサービスは、試合ごとに個人成績を記録することで、自動で「打率」や「防御率」などを計算し管理することができます。そして、LINEのグループ機能のように簡単にユーザー同士でグループを作成し、グループ内のメンバーで 「打率」や「防御率」などの個人成績をランキング形式で共有・比較 することができます。 このサービスを作成したいと思った背景としては、私が野球部のキャプテンを務めている際に、選手の野球に対するモチベーション向上に課題を感じることが多くあり、その課題を解決するサービスを作成したいと思ったことがきっかけになります。そのため、ユーザー同士の成績をランキング形式で比較することで、ユーザーに対して競争心を与え、少しでもモ

はじめに はじめまして、Ryuseiと申します。 プログラミングスクールでRubyとRuby On Railsを中心に学習しているのですが、 歯ブラシの情報収集を行いながら、歯ブラシのリサイクルを広めていくアプリとして「歯ブラシLife! ~Make up environment~」(以下歯ブラシLife)を作成しました。 アプリURL: https://www.haburashi-life.com Github URL: https://github.com/TAMETOMO8/Haburashi_Life なぜこのアプリを作ったのか？ 以前からドラッグストアなどで、「歯の間が磨けていない気がするからこの歯ブラシを使おう」「今回はどんな歯ブラシを使おうか?」と店頭で見比べたり、実際に使ってみたりと歯ブラシに関心がありました。そんな中で、ふと「他の人はどんな歯ブラシを使用しているのか?」と

本書はHTTPに関する技術的な内容を一冊にまとめることを目的とした書籍です。HTTPが進化する道筋をたどりながら、ブラウザが内部で行っていること、サーバーとのやりとりの内容などについて、プロトコルの実例や実際の使用例などを交えながら紹介しています。さまざまな仕様や実例、またGoやJavaScriptによるコード例を紹介しながら、シンプルなHTTPアクセスやフォームの送信、キャッシュやクッキーのコントロール、SSL/TLS、Server-Sent Eventsなどの動作、また認証やメタデータ、CDNやセキュリティといったウェブ技術に関連する話題を幅広く紹介し、いま使われているHTTPという技術のリアルな姿を学びます。 第3版では、より初学者を意識した導入や、スーパーアプリなどプラットフォーム化するウェブに関する新章を追加。幅広く複雑なHTTPとウェブ技術に関する知識を整理するのに役立ち、また

こんにちは、アドプラットフォーム事業で開発業務を行っているリードアプリケーションエンジニアのまっちゃんです。 普段はアドテクノロジーディビジョンの技術改善チームに所属をしており、プロダクトに対しての技術的な改善を行ったり運用対応を行っています。 自分は開発業務以外にもアドウェイズエンジニアブログ運営（以下ブログ運営）にも携わっており、執筆内容のアウトライン会議やレビュー、施策の計画や実施を行っています。 本日の記事は今週月曜日に技術広報コミュニティ主催の「技術広報の集い #3」というイベントに参加しましたので簡単なまとめとして共有させて頂きます。 参加のきっかけ 学べたこと 飛び込みLT発表 LT内容 個人 2023/06 オンラインイベントで初登壇達成！ 2月に会社のブログを書く（3年連続） アドウェイズエンジニアブログ 運営メンバー増加（2-3名→5-6名）！ 週１更新引き続き達成！（

こんにちは。estieでプロダクトマネージャーをしている三橋です。 昨年11月にestieに入社し、6ヶ月目に突入しました。三橋の入社エントリーはこちら 今日はestieで働く中で、PdMはもっとこうじゃないと！と思ったことを、自戒の念も込めて書きたいと思います。 この記事に書いてあること estieでPdMとして日々どんなことをしているのか？ estieでPdMとして働く中で学んだこと estieのPdMはどんなことをしているのか 現在estieでPdMと呼ばれているメンバーは全部で7人います。 そして、その一人一人が基本的に事業部に所属し、その事業部の事業責任者と二人三脚で成果を出すために自分で考えて何でもしていく、というのが基本的なスタンスです。 とにかく自由度が高く、入社半年間を振り返ってみても、「こういう考え方もあるよね」のような示唆をもらうことはあっても、「次はこれをしてくれ」

Mackerel チームで SRE を担当している id:taxintt と申します。 はてなの SRE が毎月交代でブログ記事を書く Hatena Developer Blog の SRE 連載、3月分は私が担当します。2月の記事は id:masayosu さんの はてなにおけるEKSの運用と自動化 (2024年版) でした。 私が所属する Mackerel 開発チームでは、SaaS 型サーバー監視サービスである Mackerel を開発しています。 Mackerel は、テレメトリデータの計装・収集の標準化を目的としたプロジェクトである OpenTelemetry 対応のための開発を進めています。この記事では、OpenTelemetry のメトリックを扱うサブシステムの開発における SLI/SLO の決定・運用についてお話しします。 mackerel.io OpenTelemetry

※注意：本記事内での計測結果は記載の条件下によるものとなります。異なる環境においては異なる結果が予想されますのでご認識ください。 こんにちは。 株式会社ラクスにて、主に先行技術検証を担当している「技術推進課」という部署に所属している鈴木（@moomooya）です。 ラクスの開発部ではこれまで社内で利用していなかった技術要素を自社の開発に適合するか検証し、ビジネス要求に対して迅速に応えられるようにそなえる 「技術推進プロジェクト」というプロジェクトがあります。 このプロジェクトで「DBセキュリティ」にまつわる検証を行なったので、その報告を共有しようかと思います。 今回はDBセキュリティの中でも、DBデータの暗号化の話が中心となります。 ちなみに中間報告時点で公開した記事はこちらになります。 tech-blog.rakus.co.jp DBセキュリティについて 本記事におけるDBセキュリティ

この記事では、Next.js Middlewareのテストコードを書く方法を紹介します。Middlewareはリクエスト時に最初に処理されるパーツで、認証やリダイレクトなどに使われます。パスやCookieなどに応じて分岐するため十分にテストをしないと意図しないリクエストを受け入れてしまう可能性があります。 今回はユニットテストを使ってMiddlewareの動作確認をしていきます。 まずはテスト対象のMiddleware 以下は高階関数を用いて、2つの処理を結合しているMiddlewareコード例です。 IPアドレスのアクセス制限 restrictIp リダイレクト処理 redirectAccountsPath ちなみに今回は高階関数で書いていますが、必ずしも高階関数である必要はありません。素朴に書いてもテストコードは書けます。書きやすい方で問題ありません。 import { type Ne

昨年、社内で行ったインタビュー動画を公開します。 当時入社したてのinao、pndcatと、古参のmkmnの3人で、VP of Engineeringのmorizumiさんに、「最近ハマっているゲームは何ですか？」から「過去に自分がやった実装でやり直せるなら何をやり直したいですか？」「SmartHRの開発組織はこれからもフルリモートですか？」まで幅広く伺いました。 社内の人からmorizumiさんへの一問一答 大人になるまでのこと SmartHRに入る前のお仕事 SmartHRに入ってからこれまでのこと SmartHRの開発組織のこれからと、morizumiさんのこれから （インタビューは2023年10月に行いました。内容は当時のものです） SmartHRのVPoEはどんな人？ SmartHRの開発組織のこれまでとこれからは？ - YouTube VP of Engineeringのmor

メルカリは3月28日、宅配便100サイズまでの商品を送料一律730円で発送し、置き配で受け取れる「エコメルカリ便」の提供を、東京都（島しょ部除く）・神奈川県・埼玉県・千葉県の1都3県で始めた。 三菱商事の非対面発送サービス「SMARI」（スマリ）から発送し、置き配で受け取る場合に利用できる。即日配達を手掛けるSBS即配サポートと協力して提供する。 出品者は出品時、配送方法で「らくらくメルカリ便」か「ゆうゆうメルカリ便」を選択。購入者が置き配の利用に同意すれば、取引画面で「エコメルカリ便」を選べるようになる。 「エコメルカリ便」「スマリボックス」を選び、商品を梱包して発送用2次元コードを発行。荷物に貼り付け、スマリボックスの投函口に投函すれば、発送手続きが完了する。 購入者は「エコメルカリ便での受取を許可」にチェックを入れ、置き配場所の指定をして商品を購入すれば、置き配で受け取れる。 今後、

情報通信研究機構(NICT)のフォトニックネットワーク研究室を中心とする国際的な研究チームが、光ファイバーを用いて毎秒378.9テラビットの通信に成功し世界記録を更新しました。 既存の光ファイバ伝送で、伝送容量と周波数帯域の世界記録を達成｜2024年｜NICT-情報通信研究機構 https://www.nict.go.jp/press/2024/03/29-1.html 光ファイバーを用いた通信では光通信波長帯と呼ばれる1000nm～1675nmの波長帯を用いています。光通信波長帯はT帯、O帯、E帯、S帯、C帯、L帯、U帯と細分化されており、一般的な光通信ではC帯が、一部の光通信ではC帯とL帯が使われています。 研究チームは光ファイバーを用いた通信を高速化するべくC帯とL帯以外の波長帯も活用できる光ファイバー伝送システムの開発を進めており、2022年3月にはC帯、L帯、S帯を用いる伝送シス

『エンジニアストーリー by Qiita』は、「エンジニアを最高に幸せにする」というQiitaのミッションに基づき、エンジニアの皆さまに役立つヒントを発信していくPodcast番組（無料・登録不要）です。 毎回、日本で活躍するエンジニアの方々をゲストに迎え、キャリアやモチベーションに関するお話をしていただきます。 配信一覧を見る 今回の記事では、株式会社NTTデータ数理システム顧問で、モノグサ株式会社 コンテンツアーキテクトのけんちょんさんをゲストにお迎えした回について、配信の模様をご紹介します。 大学院では数理情報学を研究し、そこから企業で数理工学に関する仕事をした後、フリーランスで執筆活動に専念。今は教育に関するお仕事していらっしゃるなど、様々なお仕事の内容や環境を変化させ続けているけんちょんさんにキャリアチェンジについてのお話についてお伺いしました。 是非ご覧ください！ プロフィール

ベンチャーはシーズン10にて実装される新ヒーロー。ドリルのような武器“スマート・エクスカベーター”を使用し、地面を潜ったり、突進するトリッキーなキャラクターとなっている。 体験期間中は、ライバル・プレイ（ランクマッチ）を除いたすべてのゲーム・モードで“ベンチャー”を選択可能。アーケードモードのノーリミットでも選べるため、チーム全員でベンチャーを使うこともできる。 『オーバーウォッチ』の関連商品を見る (Amazon.co.jp)

Linux Foundation⁠⁠、Redisをフォークした「Valkey」プロジェクトを始動 ―BSDライセンスでオープンソースとして提供 Linux Foundationは2024年3月28日、Redisに代わるオープンソースの新しいインメモリキャッシュストアシステム「Valkey」のコミュニティを立ち上げ、開発を行うことを発表した。 Linux Foundation Launches Open Source Valkey Community -linuxfoundation.org valkey : A new project to resume development on the formerly open-source Redis project. We're calling it Valkey, like a Valkyrie. -GitHub We are excited

オープンソース版Twemoji 15.1.0のリリース ～Unicode Emoji 15.1に対応 X/Twitterの絵文字として著名なTwemojiのフォーク版（@jdecked/twemoji）が本日、コミュニティの協力のもとUnicode Emoji 15.1に対応したバージョンTwemoji 15.1.0をリリースした。ライセンスは、コードがMIT、絵文字自体がCC-BY 4.0。 Twemoji 15.1.0に収録された新しい絵文字 イーロンマスク氏のX/Twitter買収後から公式のTwemojiリポジトリでは新しい絵文字が追加されなくなったため、当時TwitterでTwemojiに携わっていたJustine De Caires氏（@jdecked）がその後フォークし、コミュニティと協力してオープンソース版のTwemojiをリリースしている。 なお、現在策定中のUnicod

はじめに こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの@nakajmg です。 サイボウズでは毎週火曜日にFrontend Weeklyという「一週間の間にあったフロントエンドのニュースを共有する会」を社内で開催しています。 今回は2024年03月26日のFrontend Weeklyで取り上げた記事や話題を紹介します。 require(esm) in Node.js | Joyee Cheung's Blog Node.jsにexperimentalな機能として追加されたESMの同期requireの実装に関する背景の紹介記事です。 背景としてESMが非同期でしか読み込めないと思い込んでいたり、組織のサイロ化によってESMに関する議論の内容が共有できていなかったりといったことが紹介されています。 Node.js: The Documentary | An origin

株式会社レベルファイブ（本社：福岡市中央区、代表取締役社長／CEO：日野晃博）は、Nintendo Switch／PlayStation5／PlayStation4／Steamソフト『メガトン級ムサシW（ワイアード）』のPlayStation5／PlayStation4版プレオーダーが、3月28日（木）より開始したことをお知らせいたします。 プレオーダーの特典として鎧武者を模した限定機体『ヤタブシ』がもらえる PlayStation5／PlayStation4版プレオーダーを3月28日（木）より開始しました。プレオーダーを行うと、特典として限定機体の『ヤタブシ』が入手できます。『ヤタブシ』は、鎧武者を参考に作られた機体で、必殺技が強化されます。さらに、PlayStation5／PlayStation4版では、ゲームの発売に先行してアーリーアクセスが4月22日（月）9:00から可能になります

ホーム 取材・リポート ネクソン新作MMORPG『HIT : The World』はクラスからゲームのルールまで“変化”する。本気の国内展開を狙うMMORPGの体験会レポート 全記事取材・リポート