はじめに 先日、こんなエントリを書きました。 blog.jnito.com 上の記事の中で、僕は「きれいなコードだけではすんなりコードが理解できないこともある」というような話を書きました。 もちろん、ある程度の規模になってくるといくらがんばっても「すんなり」では済まない場合も増えてくるけど、それでも最初に挙げた特徴を兼ね備えたコードとそうでないコードでは、開発効率に雲泥の差が出てくる。 僕が考える「良いコード」 - give IT a try きれいなコードを書くことはいつでも大事ですが、きれいなコード「だけ」では大きなコードを理解するのは難しいです。 そこできれいなコードを書くことに加えて、僕が意識しているコードを理解しやすくする工夫について書いてみようと思います。 ただし、ここで書く内容はあくまで僕が普段心がけていることです。 現場の文化やコードの規模や歴史、開発チームのスキルや人数、

テキストコミュニケーションはある特殊な世代の流行に過ぎなかったのではないか。 だって今動画とか音声ファイル送れるじゃん。LINEの通話もあるし。 喋ったほうが早いし楽なのにわざわざテキストで重いコミュニケーションをするわけがない。さいきんの大学生がタッチタイプできないのも当然である。 2000年代からインターネットをしている私の世代は、その当時のインターネット技術の制約によってテキストコミュニケーションに特化しただけなのだ。これは今のインターネット環境とそぐわない。 だからテキストインターネットの空間が狭くなるのは当然。みんな動画やdiscordのほうへ行くのではないか。あるいは会って喋ったほうがいい。 私はあまりにテキストに慣れすぎたので、気軽に喋ることをしない。 動画や通話が当たり前の人にチャットを押しつけるとよくない時代になってくるような気がする。実際に喋ったほうが早いことはいくらで

Notion AIで議事録作成を効率化するにはNotion（ノーション）は、メモやタスク管理、Wiki、データベースなど様々な機能を統合した、「オールインワンツール」とも呼ばれる多機能ドキュメントツールです。文書の管理や、英語をはじめとした多言語の翻訳、プロジェクト管理、チームメンバー間での情報共有など、幅広い用途で活用できます。 また、Notionには、Notion AIというAI機能が備わっています。Notion AIはNotionの中で使用できるAIアシスタントで、文書の作成や情報の整理をサポートしてくれます。 今回は、そんな便利なNotion・Notion AIの機能を活用して、議事録の作成を効率化する方法をご紹介します。 日頃から様々な会議が行われ、議事録を作成するのに苦労している企業や担当者の方も多いでしょう。そんな方も、Notion AIを使えば議事録の一部自動作成や定型作業

Code interpreter のキラーソリューションは表データの可視化っぽいけど、入力テキストとファイルソースによってテキスト生成とファイル出力ができるという点に着目すると色々活用の幅が広がる。 中でも、今までは入出力トークンに含まれる必要があったソースコードデータを外部ファイル化できるので、「リポジトリを丸ごと食わせる」などの従来トークン制限上実現できなかったことが外部システム連携なしで簡単に可能になったのが嬉しいポイントだった。 この特性を生かして最近OSSの静的コード解析というかコードリーディングをChatGPTにやってもらっている。 以下のサンプルでは脆弱性診実習用アプリ（通称「やられサイト」）のSQLインジェクションを発見してもらうという会話をした。 chat.openai.com 以下ではaws-load-balancer-controller や openai-pr-re

AWS Sketch is meant to show the AWS Services as informative drawings. We write about Cloud and Engineering in a newsletter called Cloud Weekly. Advance faster in your career with us. Visit Cloud Weekly!

4月某日 国民健康保険の申請に区役所へ。年度が変わって賑わう区役所は20人待ちの表示、仕事のメールを返しながら順番を待つ。自分の不手際でのやり直しは避けたい。再度ホームページを確認し、必要事項を確認する。健康保険等資格喪失証明書、通帳、銀行印…。ついに自分の順番、絶対に不備がないと信じ窓口に行くと「本日中の交付のためには有効な住所か確認できる郵便物が必要でして…」ほらきた！自宅に帰り、適当な郵便物を握りしめ再度区役所。16人待ちの表示。デジャヴのような光景、作業中にデータが消え、やり直しているときと全く気持ちである。再び30分ほど待つ。 せっかくなので帰りに病院に寄る。診察待ち、会計待ち、処方箋を薬局に出し、薬を待ち…。ぎゅうぎゅうに働いていた日々に対し、セミ無職とデイタイムの街はいささかスローである。花粉症の処方薬なんて簡単なオンライン診療と郵送で済んでしまう今日、区役所といい病院といい

1. GitHub Copilot Labs「GitHub Copilot Labs」は、「GitHub Copilot」の実験的な機能を提供するVSCode拡張です。 以下の機能を提供しています。 ・コードの説明 ・コードを別の言語に翻訳 ・コードの編集 ・読みやすさの向上 ・型の追加 ・バグ修正 ・デバッグコードの追加・削除 ・コードをステップ毎に説明 ・コードの堅牢化 ・コードの分割 ・ドキュメントの追加 ・カスタム ・テストコードの生成 また、「GitHub Copilot Labs」では「GitHub Copilot」とは別の規約が適用されます。より多くの情報を収集する可能性があります。これは、実稼働ではなく、学習を目的として設計されているためになります。 2. GitHub Copilot Labsの開始「GitHub Copilot Labs」の開始手順は、次のとおりです。

はじめに JavaScriptで非同期処理を書くシーンは数多くあると思います。 なのに、今までなんとなく使用してきました。これを機会にちゃんと勉強したいと思い体系化してまとめました。 それだけだとタダのメモになってしまうので、なるべく初学者の人が理解しやすいように書きました。 自分はこの記事を書くことで、JavaScriptの躓きポイントの代表格である非同期処理（Promise や async/await ）についても理解が深まったのでいい内容だと思ってます。長いけど。 主に初学者の方に読んでいただけたら幸いです。 JavaScript上級者の方は。何か間違っている記載があれば是非コメントください。 同期処理と非同期処理 まずは用語の定義からです。 同期処理は、最初のコードから次のコードへと順次処理（実行）されていくことです。 対して、非同期処理とは、ある処理が終了するのを待たずに、別の処

サーブレットで面倒なのはTomcatとの付き合いです。 Spring BootでSpring Webを使うと組み込みTomcatが動くので、Tomcatのことを気にしなくてよくなりますね。 そこでサーブレット動かすと勉強しやすいんでは、と思ったので試してみます。 まず、spring initializrでSpring Webを追加したプロジェクトを作ります。 https://start.spring.io/ このリンクから、設定済みのspring initializrを開けます。Mavenにしているので、Gradleがいい人は選択しなおしてください。 https://start.spring.io/#!type=maven-project&language=java&platformVersion=3.1.1&packaging=jar&jvmVersion=17&groupId=com.

コミュニーケーションには一定の時間がかかる、更にその内容が全員に同じレベルで浸透するにはもっと時間がかかる、更にその内容に従って行動するのは更に更に時間がかかる この時間の長い、短いは、組織の大きさや、文化にもよるし、浸透度のレベル感をどこで許容するかによって変わる— magnoliak🍧 (@magnolia_k_) July 16, 2023 組織が何を重要視するかによって、その浸透度のスピードは全然変わってくるんだけど、外部の人がその期待値より遅いなって感じる時は、それはあなたの期待値が、あなたが考えるほど重要視されていない、と理解した方がいいと思うのです じゃあ、その優先度を変えさせるのか、それに合わせるのかって話— magnoliak🍧 (@magnolia_k_) July 16, 2023 「社長が言えばすぐにかわるんだろう？」みたいな発言をしている人を見たことがある。

◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチンで構築する方法を紹介するイベントです。 https://tech-lab.connpass.com/event/311864/ ■おさらい：journald って何だっけ？journald は、システム管理ソフトウェア systemd のコンポーネント

今まで GitHub Actions から AWS を OIDC (OpenID Connect) で連携する場合にサムプリントを取得して ID プロバイダを作る必要があった💡しかし，2023年6月27日に GitHub Changelog でサムプリントを2種類設定するという記事が公開されて対応することになったけど，2023年7月6日から AWS 側で自動的に証明書の検証をしてくれるようになって，特に気にする必要がなくなった．結果的に適当なサムプリントを指定しておけば良く楽になった👀 動作確認をする機会があったので簡単にまとめておこうと思う． github.blog ちなみに「2023年7月6日」という日付は AWS から送られてきたメールに載っていた📩 [NOTIFICATION] OpenIDConnect (OIDC) errors when using GitHub OID

Dockerfileを作る時、最初は以下の方法でやってました。 Dockerfile書く ビルドする（動かしたいアプリ含め） 起動してみる 動かなかったらDockerfile修正する またビルドして試す こんな感じでしたが、これは非常に効率が悪いです。修正して検証を行う度にビルドが発生してしまい、待ちが発生してしまいます。 どうするか？ ベースイメージにアタッチ 動かしたいアプリの実行に必要なコマンドを入れて、成功したらコマンドをメモっていく アプリが動くまで「コマンド実行→成功したらメモ」を繰り返す アプリが動いたらメモったコマンドでDockerfileを作る つまり、いきなりDockerfileを作るのではなく、ベースイメージに入ってコマンドを実行して動作確認をしながらDockerfileに記述する内容を固めていき、最後に1回だけビルドします。 なぜ？ Dockerfileに記述するの

こんにちは。AWSあるある芸人のみのるんです。 （追記） たくさん読んでいただきありがとうございます🙇‍♂️ 続編も書きました！ その①　EC2 いなくて焦った バージニア（川柳） え、うそ…インスタンス消えてる!? あ良かった、これus-east-1リージョンだったわ〜🤣 ※頻発する方は、「デフォルトのリージョン」設定を確認してみましょう。 その②　なかなかログイン成功させてくれないMFA 2段階認証コード絶対合ってるはずなのに、エラーに引っ掛かってなかなか入れない😂 ※MFAデバイスの再同期で解消することもあるので、恒常化している人は一度試してみましょう。 その③　NAT Gatewayの消し忘れで請求書二度見 ハンズオンで消し忘れて無事死亡するサービスNo.1？ 💸 ※悲しい事故を防ぐために、個人利用の実験用アカウントでも料金アラーム等を設定しておくと安心です。 その④　マネ

1. はじめに 非線形の高次元データを低次元化して可視化する道具として、t-SNEに代わってUMAPが主流になってきている。 McInnes L, Healy J, Melville J. UMAP: Uniform Manifold Approximation and Projection for Dimension Reduction. 2018. UMAPの仕組みを論文から理解するには数学脳不足で挫折していたが、先人達の解説記事のお蔭でやっと直感的な理解できた気がするので、ここにまとめたい。 t-SNEと比べた説明もしているので、t-SNEを把握しているとより理解が早いかも。 あくまで直感的、厳密な説明でないことをご容赦いただきたい。 （2021.3.26追記：コメントで指摘を頂いた、表の間違いを修正。） （2021.7.3追記：近さ曲線の図を修正。） 2. 次元削減の方針 UMAP

Reactは単なるUIライブラリではなく、コンポーネントベースのアプリケーション開発フレームワークです。UI/UXデザインの基本原則に加え、再利用性や状態管理、データフローなどの概念も重要です。 Reactのコンポーネントベースのアーキテクチャを活用すると、UIと裏側のロジックを分離して管理しやすくなり、効率的なアプリケーションの開発が可能です。 今日は、Reactにおけるコンポーネントの基本原則の解説と、初心者に役立つReactコンポーネントライブラリの紹介を提供します。 コンポーネントの設計原則 UI（ユーザーインターフェース） UX（ユーザーエクスペリエンス） UIのデザインに役立つReact コンポーネントライブラリ React Material UI React-Bootstrap Fluent UI Chakra UI Semantic UI React Ant Design

ソフトウェア設計のトレードオフと誤り ―プログラミングの際により良い選択をするには 作者:Tomasz Lelek,Jon SkeetオライリージャパンAmazon ソフトウェア開発経験の最初の段階で「一つの機能には複数の選択肢が有って、メリット・デメリットがそれぞれ有り、それらはトレードオフの関係に有り、容易には決めることができない」という事実を教えてもらえる機会に遭遇できていれば、その人はとても幸運だと思う。 先輩や上司が一方的に、「一つの確かな方法」をただ伝える、みたいな場面（それが必ずしも一般的にはそうとは言えない方法であったとしても）も多いのではないでしょうか。 どんなに設計上の意思決定ができている人でも、その頭の中では「色々な選択肢の中で悩んで、ベストではないかもしれないけど、前の前の課題に対してよりベターな方法」を選んでいる。でもその思考の過程を見せてくれる人はとても少ない。

Qiita Conferenceは、ソフトウェア開発者が集まり、最新の技術や最先端の挑戦・ソフトウェアの未来についての考えや知見を共有し、つながる場を創出する、「Qiita」が開催するオンライン技術カンファレンスです。ここで松本勇気氏が登壇。最後に、キャリアにおける「探索」「資産」と「3つのサイクル」について話します。前回はこちらから。 知識を溜めていくために大事な「探索」 松本勇気氏：その上で、リスクを小さくする。知識を溜めていくためには探索が大事です。わかっていることばかりやっていても、リスクって小さくならないんですよね。知らないことをやらなきゃいけない。 その中で、知らないことに対して仮説を立てる。仮説を立てて、今度は行動をする。そうすると今度は行動をした結果が出てくるので振り返って、それを知識にする。例えば、「こういうふうに開発をすると、これぐらいのパフォーマンスのAPIが作れまし

2023年7月11日、Microsoftは中国を拠点に活動をしている脅威アクターより政府機関を含む複数の組織の電子メールアカウントなどに対し不正アクセスが行われていたと公表しました。ここでは関連する情報をまとめます。 利用組織から不審なログ報告受け発覚 Microsoftが今回明らかにしたのは同社のクラウドサービスであるExchange Online（OWA）およびOutlook.comへの不正アクセス事案。同社のサービスを利用する政府機関を含む約25の組織の電子メールデータおよびこれら組織関連とみられる少数の個人アカウントへ第三者がアクセスを行っていた。米国では10のアカウントが不正アクセスの被害に遭ったとされ、米国国務省、米国商務省の長官、駐中国大使、国務省次官補（東アジア担当）らが含まれており、9つのアカウントは東アジア、太平洋地域を担当する職員のものであり、約6万通のメールが流出し

TOPインタビュー【モンスト開発チームに聞いた】常時リファクタリングにレビュー2人以上。巨大プロダクトを成長させ続ける秘訣 株式会社MIXI　デジタルエンターテインメント事業本部　モンスト運営部　モンストサーバ1グループ　マネージャー 原田 星児 開発会社のエンジニアを経て2007年5月に入社。mixiモバイルの開発をはじめとし、mixiフォト、mixiチェックインなどSNS『mixi』の機能開発を担当。2013年、モンスターストライクのリリース直後から開発に加わり、2018年5月より現職。 ※ご本人の意向により、素顔を伏せております。 株式会社MIXI　デジタルエンターテインメント事業本部 モンスト運営部　モンストサーバ2グループ　マネージャー 王 奇 2013年新卒入社。SNS 「mixi」やサロンスタッフ直接予約アプリ「minimo」のエンジニアを経て、開発の初期段階からモンストのサ

生成AI・LLM時代における 機械学習エンジニアとしてのキャリア戦略・開発戦略 / my-career-and-development-strategies-for-ml-engineer-2024

【NextAuth.js 入門】認証機能から認証情報によるページの表示制御を学ぶ（Next.js & Typescript） アプリケーションを開発するにあたって、避けて通れないのが認証機能の実装です。 本書籍では、NextAuth.js を使って Next.js で作成したアプリケーションに認証機能を実装していきます。さらに、認証情報を使って、表示するページの制御も行います。 認証情報によるページの表示制御にはいくつか方法がありますが、本書籍では NextPage 型を拡張した CustomNextPage 型を作成することによって、ページの表示制御を実現します。 一緒に NextAuth.js による認証機能を学んでいきましょう。

1994年に発売された家庭用ゲームハード「セガサターン」。つい先日、その開発機を入手したというユーザーの記事を掲載しましたが、その流れで当時開発環境に関わっていた大岡良樹さんと話す機会に恵まれました。 開発機についての誤った情報（初代開発機と紹介していたものが実は三号機だった）を指摘いただくという形での出会いでしたが、これはある意味思いも寄らぬ事態。 せっかくなので、開発機の詳細な説明や、当時の開発環境等について聞いてみたいと思い、インタビューを申し込んだところ、快く承諾いただいたので、色々質問してみることにしました。 その前に、大岡さんとやりとりをするきっかけとなった「開発機」について簡単に説明しておきますと、前回記事で紹介したものは本体に「PROGRAMMING BOX」と書かれた、開発機として三代目にあたる機器でした。 前二代は貸し出しで管理されていたことに対し、三代目は売り切りでリ

ネットワークに基づく分散型SNS一覧(damus, nostr, Bluesky, AT Protocol, Mastodon, Misskey, Threads, ActivityPub ...)mastodonmisskeythreadsnostrBluesky はじめに Twitterの動乱に巻き込まれ、移住先に選ばれつつある Threads が5日で1億人を突破した今日このごろ、皆様いかがお過ごしでしょうか。 Alt Twitterとしての各種サービスに注目が集まりつつありますが、それらに関しての解説記事も乱立しており、一方で、その正確性や内容には必ずしも正確ではないものもあります。 プロトコルとアプリとサービスの区別がついていなかったり、相互接続できないものが接続できると宣伝されていたり、その逆もあります。 本記事では、特にネットワークに基づいて、各種SNSを分類して説明します。

科学的根拠に基づき、エンジニアこそ筋トレをやるべき理由を解説

⽬次 1. テストコードについておさらい • テストコードの意義などを軽くおさらい 2. フロントエンドテストの⽬的と⼿法 • どういった種類のテストがあるのか • 何を保証したくてフロントエンドテストを書くのか 3. フロントエンドテストを⽀える技術 • どのようにフロントエンドテストを書いていけば良いのか • 具体的なライブラリの使い⽅を知る 4. テストを書いてみよう！ • 実際にインテグレーションテストを書いてみる