Web アプリなどの UI でよくあるのですが、フォームの外側に送信ボタンがあるようなデザインのときに HTML だけで解決する方法があるので紹介します。 form 属性で紐付け <input> 要素の form 属性に <form> 要素の id 属性値を指定することで、フォームと送信ボタンを関連づけられます。 <form id="signin"> <label> メールアドレス <input type="email"> </label> <label> パスワード <input type="password"> </label> </form> <input type="submit" form="signin" value="サインイン">

俺たちの面白いは操作されている 澄ヒビト ある日、「面白い」が決められるようになってしまったらどうしますか――？岡の仕事はレビューアプリのエンジニア。皆に合わせることが“面白い”の価値基準になってしまった岡は、ある日レビューの書き換えが起こっていることに気づく…AIがどんどん浸食する世界に本当の価値観を問いかける澄ヒビト先生の衝撃新作読切!!

今年の夏に子供が生まれる。 性別は女の子でほぼ間違いないだろうと診断された。 会社には産休育休に関する手続きを済ませたし 兄夫婦からベビー用品を譲ってもらったこともあり あとは産まれてくるのを待つだけだねーなんて雰囲気になっていたが 名前をまだ決めていなかった。 それでGWに名付けに関して話し合うことになったのだが 旦那の希望する名前は「ことり」であることが発覚した。 ことり？ 人名としては一般的じゃないと思うけど一体なぜその名がいいのか？ 旦那の返答は 「響きが可愛いから」 「あとはわかりやすく日本語っぽい名前がいいと思った」 「『ことちゃん』って呼ぶの可愛いと思って」 だった。 勘弁してくれ。 人生100年時代に使い続ける名前の由来が「響きが可愛い」ってお前は人生舐めてんのか。 せめてもう少しよく練った由来を出してくれたなら色良い返事も出せたかもしれないが 「響きが可愛い」名前がつけた

スウビャム @Foxtrot19_RADAR こんにちは。韓国海軍で電探兵として2年間服務しました。いまは日本で留学している留学生です。チャレンジコインとゲーム、酒が大好きです。話をすることが大好きで、いつでもいいから話かけてください。

GitHub、Copilotでより高い精度のコードを生成させる方法を指南。関連ファイルを開く、トップレベルのコメントを書くなど 記事の中で、プログラマが意図したコードを高い精度で生成AIに生成させるためのテクニックがいくつも紹介されています。これらのテクニックはCopilotに限らず、生成AIを用いてコードを生成させる際の参考になると思われます。 この記事では、紹介されているテクニックのポイントをまとめてみました。 GitHub Copilotでよりよいコードを生成するためのポイント 生成AI活用の基本として説明されたのは、大規模言語モデルを用いた生成AIでは、コンテキスト（文脈）に基づいて予測を行うように設計されているため、生成AIに対する入力やプロンプトがコンテキストに富んでいるほど良い出力が得られる、という原則です。 それゆえ、GitHub CopilotおよびGitHub Copi

ティム・バーナーズ＝リーのオープンレターを起点に改めて考えるインターネットの統治 2024.03.26 Updated by yomoyomo on March 26, 2024, 15:00 pm JST 1989年3月12日は、ティム・バーナーズ＝リーが、当時彼が勤務していた欧州原子核研究機構でハイパーテキストを利用する情報管理システムの提案を行った日であり、「ワールド・ワイド・ウェブの誕生日」とされます。ティム・バーナーズ＝リーは、この3月12日に2017年、2018年、2019年と、ウェブの現状を憂い、ユーザーに行動を促す檄文を公開してきました。 そして、今年2024年の3月12日、前回から5年ぶりとなる「ウェブの35回目の誕生日を祝う：オープンレター」が公開されました。これまでと同様、なりゆきで日本語訳を公開した手前、まずこれを取り上げたいと思います。 ティム・バーナーズ＝リーは

はじめに こんにちは。WEARフロントエンド部Webチームの藤井です。私たちのチームでは、WEARのWebサイトのリプレイスと新規機能の開発を並行して進めています。これらの開発を推進する中で、Pull Requestのレビュー負荷を軽減し、開発生産性を向上させるための取り組みを行なってきました。本記事では、その中で効果的だった取り組みについてご紹介します。 目次 はじめに 目次 背景と課題 レビューの体制の薄さ スコープの広さ 仕様把握の負担 対応内容についての説明不足 処理の複雑性 仕様の抜け漏れ 動作確認の手間 課題解決に向けた取り組み レビュー体制の見直し Pull Requestを小さくする Issueを小さくする Pull Requestの粒度について明文化する 機械的なチェックの拡充 ESLintルールの拡充 Visual Regression Testの拡充 Pull Req

30分でわかるシステム運用アンチパターン / Operations Anti Patterns in 30 minutes

ガシカ👨‍💻在庫金額ってなんぞよの件 @skill___up 他部署から要請 「すみませんがうちの課のデータベースに情報入力お願いします」 『とりあえずデータ見させて下さい』 ポチポチ （7000行位か まぁここを絞り込めば…） 💢😑💢 pic.twitter.com/dFAjqMbN0f 2024-03-15 10:47:21

甘狼このみ🐺🍫 @AmakamiKonomi な̥ん̥か̥文̥字̥打̥つ̥と̥車̥輪̥が̥つ̥く̥よ̥う̥に̥な̥っ̥た̥の̥で̥す̥が̥こ̥れ̥は̥な̥に̥な̥の̥か̥誰̥か̥ご̥存̥知̥な̥い̥で̥す̥か̥；； お̥仕̥事̥の̥返̥信̥に̥も̥車̥輪̥が̥つ̥い̥て̥恥̥ず̥か̥し̥い̥で̥す̥…̥😭 2024-02-28 11:28:45

米アップルが電気自動車（ＥＶ）開発事業を打ち切る。ブルームバーグが２７日、関係筋の情報として報じた。２０２３年６月撮影（２０２４年　ロイター/Loren Elliott）

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.offsetLeft + event.movementX + 'px' this.style.top = this.offsetTop + event.movementY + 'px' this.style.position = 'absolute' this.draggable = false this.setPointe

日経BOOKプラスに掲載されている記事、本、著者を任意のキーワードで検索することができます。 ※ISBNも検索にご利用いただけます。ISBNとは出版物固有の13桁の番号で、裏表紙に記載されています。本サイトでISBNを使って書籍を検索する際は、ハイフン（-）を省略し、13桁の数字のみを半角文字で入力してください。

集英社は2月21日、「週刊少年ジャンプ」で連載中の漫画「ルリドラゴン」をマンガアプリ「少年ジャンプ＋」とデジタル版週刊少年ジャンプでの連載に移籍させると発表した。3月4日発売の週刊少年ジャンプ14号から7～11話を毎週掲載し、12話から少年ジャンプ＋とデジタル版週刊少年ジャンプでの隔号連載へ移行する。 ルリドラゴンは眞藤雅興さんが描くファンタジー・日常漫画。高校1年生の青木瑠璃がある朝起きると、頭から角が生えていることに気付く。そこから、自分の父親がドラゴンであり、自身が人間とドラゴンの混血であることを知る──という内容。2022年に連載を開始したが、眞藤さんの体調不良により6話の掲載以降、無期限休載となっていた。 一方で、宝島社が主催する話題になっている漫画ランキング「このマンガがすごい！2024」ではオトコ編 第9位を獲得していた。X上でも、今回の発表に喜びの声を上げるユーザーが多く「

最近、毎日のようにEMのいくおさん（ @dora_e_m ）とTwitterXでわちゃわちゃしてる。彼のポストを見ていると、ガンプラをつくるかビールを飲むかしかしていないように見えるが、それで合っている。 という冗談はおいといて真面目な話をすると、エンジニアとしての僕は彼と仕事ができている今の時間のことを本当に貴重な時間だと思っている。とにかく仕事がしやすいし、いろいろな気づきを与えてくれるおかげで、自分自身の成長も感じている。 エンジニアリングマネージャとしての知識が豊富でスキルが高いというのはもちろん、人との接し方や日常的なふるまいもとても尊敬できるものなのだ。 そこで今日は、僕が彼とこの3ヶ月間仕事をしていて、やりやすい・尊敬していると感じていることの中から10個だけ簡単に紹介しようと思う。僕からいくおさんへの日頃の感謝の気持ちをあらためて書いておこうと思っただけとも言う（ふだんから

1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。（動画インタビュー） 前の記事：火災報知機の「強く押す」はどれくらい強く押す？押したらどうなる？ ＞ 個人サイト 右脳TV 最初に作られた自動ドアは「開き戸」だった 訪れたのは東京都千代田区にあるナブテスコ株式会社。自動ドア国産第1号を開発し、「NABCO（ナブコ）」のブランド名で展開するリーディングカンパニーだ。 ナブコ？という方でも、このステッカーは見たことがあるはず。 自動ドアに貼ってあるこの「自動」、見たことあるでしょう？ よく見ると中央に「NABCO」と書いてあるんですよ。 「ナブコ」の自動ドアは国内シェア約55％でトップ。国内外の年間生産台数は約8万台で、累計生産台数は250万台を超える。 さらに、この「自動」ステッカ

この記事は 株式会社ゆめみの23卒 Advent Calendar 2023 8日目の記事です。 現代のWebフロントエンド開発において、コンポーネントの効率的な管理と可視化が求められる中、Storybookは開発者にとって欠かせないツールとなっています。Storybookは、コンポーネントをアプリケーションから隔離して単体で表示できるツールです。 しかし、このように有用なStorybookが「腐ってしまう」ことがあります。この記事で「腐る」とは、コンポーネントをStorybookに表示するための設定であるStoryが最新の状態に更新されていない、またはプロジェクトにとって負債になっている状態を指します。例えば、以下のような状態が「腐っている」状態にあたります。 npm run storybook するとそもそもエラーがでて表示されない Storyの存在しないコンポーネントやコンポーネント

フィリピン当局は、中国と領有権を争う南シナ海の自国の排他的経済水域に130隻を超える中国船が集結していると発表し、船の数が増え続けていると警戒を強めています。 フィリピン沿岸警備隊は3日、パラワン島から西に300キロ余り離れた南シナ海の南沙諸島、英語名スプラトリー諸島にあるさんご礁の近くの海域で、130隻を超える中国船が停泊していると発表しました。 周辺の海域は、フィリピンが自国の排他的経済水域だと主張していますが、中国がさんご礁を実効支配しています。 沿岸警備隊が公開した現場の映像には、クレーンのようなものを搭載した大型の複数の船がいかりを下ろした状態で並んで停泊しているのが確認できます。 フィリピン側は2日、巡視船2隻でパトロールを行い立ち退きを求めましたが、中国船は応じなかったということで、軍事的な訓練を受けた「海上民兵」が乗り込んでいるとみています。 現場の海域では、おととし3月に

見た目がよく似ているヒラメとカレイ。見分け方として「左ヒラメに右カレイ」ということばがありますが、茨城県鹿嶋市の沖合で今月、これとは逆の「右向き」のヒラメが釣り上げられました。地元の水族館は、遺伝的な要因で「右向き」になったのではないかとしています。 「右向き」の珍しいヒラメは、体長は56センチで腹びれを下にしたときに顔が右にきます。 茨城県鉾田市に住む自営業の眞田知和さん（40）が鹿嶋市の沖合10キロメートルほどの太平洋で今月3日に釣り上げました。 眞田さんは、船の上で釣ったヒラメに包丁を入れようとして角度が合わないことから顔の向きが通常と違うことに気がついたということで「ヒラメを回転させたり、自分自身が回ったりしてしまいました。子どものころから30年以上釣りをして、ヒラメはよく釣っているがこんなことは初めてです」と話しています。 眞田さんは珍しいと感じて大洗町にある「アクアワールド茨城

App Routerについて色々調べたので、「Page Routerからどう変わったか？」を中心にいろいろ書きます。 ※Next.jsのバージョンは13.4です 🤗Page Routerから変わった点 「これだけ抑えておけばOK」な内容についてザックリ書きます。 特別な意味を持つファイルができた Page Routerではpages直下につくったファイルがすべてルーティングされました。 ですがApp Routerでは、app直下のpage.tsxと書かれたファイルだけがルーティングの対象になります。 ほかにも、layout.tsxと書かれたファイルを置いておくと「layout.tsxでpage.tsxを自動的にラップする」ができたりします👇