まずはこちらをお聞きください。 技術的解説: ボタンを a 要素で作るな a 要素は URL などへのリンクをつくるためのもので、button 要素はなんらかの処理を起動するボタンをつくるためのものです。 配置されるものがリンクなら a 要素で実装し、ボタンなら button 要素で実装すべきです。 これに違反すると、意図しない動作や、アクセシビリティ上の問題が発生します。 これは MDN でも詳しく説明されています。 onclick イベント -- \<a>: アンカー要素 - HTML: ハイパーテキストマークアップ言語 | MDN よく見られる誤った使い方として、擬似的なボタンを作成するためにアンカー要素を使用し、href を # または javascript:void(0) に設定してページの再読み込みを防ぎ、click を待ち受けするようにするというものがあります。 これらの偽の

はじめに この記事では、詳細な技術の話は割愛しています。 「なぜモダナイズをやろうと思ったのか?」 「どんな課題意識があったのか?」 「具体的にどうプロジェクトを進めてきたのか?」 といった、課題設定・意思決定のプロセスに重点を置くことで、同じような境遇にあるチームの意思決定の材料になればと思っております。 RoRの限界...? ダイレクト出版の業務システムはRoR(v6.1)で動いてきました。リリースから6年ほど経っているでしょうか。このシステムは何をするものかというと、例えば、 商品を管理する 顧客を管理する 注文内容を設定する 一斉配信メールを送信する マーケティングオートメーションを設定する 各種分析を行う など、業務に関わるありとあらゆることを行っています。ソースコードは10万行程度で、中堅システムといった具合でしょうか。 実はこのシステム、そこまでレガシーというわけではなく、テ

ハウツー iOS 18にしたらBluetoothのオン/オフが面倒です... - いまさら聞けないiPhoneのなぜ iPhoneでBluetoothをオン/オフしようとしたら、設定アプリの「Bluetooth」画面にあるスイッチを操作することが基本中の基本です。しかし、従来はコントロールパネル左上の領域にあるBluetoothボタンをタップすればオン/オフ(正確には接続解除)を切り替えできたところ、iOS 18におけるコントロールパネルのデザイン変更に伴い、それができなくなりました。 iOS 18のコントロールパネルでは、1回のタップでオン/オフできるのは、大きなボタンが配置されている「機内モード」と「AirDrop」、「Wi-Fi」の3つに限られます。Bluetoothボタンは他のボタンとまとめられており、通信系機能が集められた領域(コネクティビティエリア)を開かないかぎり操作できませ

TOPフォーカスChrome“一強”、Webの進化は停滞した？「ブラウザの母」が語る、閉塞感を打破する鍵【フォーカス】 一般社団法人 WebDINO Japan 代表理事 瀧田 佐登子 国内大手IT企業でUNIX・インターネット事業に携わった後、米 Netscape 社でブラウザ製品の国際化・日本語化に従事。その後、 Netscape のソースコードを引き継ぐかたちで誕生したオープンソースブラウザ Firefox のリリースを機に、米 Mozilla 財団 （ Mozilla Foundation ）が設立されたのを受け、その日本支部として、2004年に Mozilla Japan を設立。代表理事として、 Mozilla の製品・技術の普及のみならず、Web標準技術やオープンソースの推進、Webの新たな可能性の探求や人材育成などにも取り組む。2017年7月より、社名を一般社団法人 Web

<div id="counter">0</div> <button type="button" id="incrementBtn">+</button> const counter = document.getElementById('counter'); const incrementBtn = document.getElementById('incrementBtn'); incrementBtn.addEventListener('click', () => { counter.textContent = Number(counter.textContent) + 1; }); これは、多くのブラウザやWebアプリケーションは、キーボードアクセシビリティを重視しているためです。 ガイドライン 2.1 キーボード操作可能: すべての機能をキーボードから利用できるようにすること。 すべ

「人付き合いが得意です」という方は、どの程度いるでしょう。 個人的には、 「何を話したらいいかよくわからない」 「人と話すと消耗する」 という気持ちはよくわかります。 ところで先日、シロクマ先生が、次のような記事を書いていました。 結局、人と話すとＭＰは増えるか、減るか ・人と話すと精神力(MP)が増えるか減るかは、話す内容。状況によって左右される ・もちろん、その人の性質や気質によっても左右される ・体力によっても左右される。その体力の一番無難な回復法は「休息」 この投稿の中で気になったのは、冒頭で引用されていた、以下のツイートです。 多分人と話すとMPが回復していく生き物と、人と話すとMP削れていく生き物は根本的に分かり合えないのだと思う。 — 前島賢(大樹連司) (@MAEZIMAS) August 30, 2024 「人と過ごすのが大好き」な人たちを見ると、確かに「別の人種だなあ」

ひろゆきさんが今話したいエンジニア（あるいはプロダクトの作り手）に聞いてみたかったことを聞いていく本連載。話題のプロダクトを、ひろゆきさんはどうみるのか？ 「僕ならこうつくる」というひろゆき案も飛び出すかも！？ 「世の中をあっと言わせるプロダクトが作りたい」エンジニアのみなさんにヒントを届けます。 ひろゆきさんが「今、話したい人」と対談する本連載。今回のゲストは、先の東京都知事選に出馬したAIエンジニアの安野たかひろさんです。 日本のAI研究をリードする松尾豊教授の研究室出身で、AIスタートアップ2社の経営者としての顔も持つ安野さんに対する一つ目の質問は

FastlyからStarleyに転職しました。Starleyは音声会話型おしゃべりAIアプリ「Cotomo」(コトモ)を開発している会社です。 cotomo.ai StarleyはFastlyとは打って変わってB2Cのスタートアップです。今回の転職ではせっかくなので生成AIに多少なりとも関わりたいと思っていて、Starleyはその点でがっつり生成AIを使ったサービスを開発していて、LLMの自前運用もしています。そして「生成AIで雑談」というのはおそらく技術的にはかなり難しい挑戦で、そこに「ときめき」がありました。 ところで、Fastlyはちょうど5年ほど勤めましたが、このたび大規模レイオフがあってその対象になってしまいました。レイオフの対象になった原因はおそらくこのところパフォーマンスが下がっていたせいです。去年の夏に新型コロナに掛かって以来ずっと体調が悪く*1、ついには2024年の3月か

はじめまして。私は楽楽精算の機能開発チームのマネージャーを務めている高波です。 今回のブログでは、楽楽精算の開発チームの組織構成、これまでの取り組み、そして今後の展望についてお話しします。 チームの紹介 開発組織構成 チームのミッション チーム体制と担当業務 取り組み事例 二重計上リスクを防ぐ機能開発 申請の差し戻し負荷を軽減する機能開発 今後の展望 業務効率を向上させるUI/UXの改善 利用者増に対応したパフォーマンスの向上 経費精算業務へのAI活用 チームの紹介 開発組織構成 楽楽精算の開発は、3つの課に分かれて行っています。 内部構造の刷新（技術負債の解消）とオフショア開発を担当する開発1課、機能開発を担当する開発2課、そしてモバイルアプリを担当するモバイル開発課です。 今回は、私が担当する開発2課について紹介します。 チームのミッション 顧客に求められる機能を開発・提供することで顧

JavaScriptフレームワークを取り巻く状況は、常に変化を続けています。近年では、サーバーサイドレンダリング（SSR）とクライアントサイドレンダリング（CSR）のバランスは、重要な検討事項です。 ChatGPTのRemix採用 2024年9月、ChatGPTがNext.jsからRemixに移行したことが明らかになりました。この出来事は、Remixの母体であるReact Router系のコミュニティで大きな話題となり、移行の理由について様々な憶測を呼びました。 JavaScriptエキスパートのWes Bos氏（学習動画教材とかを作っている人）は、ChatGPTのフロントエンドのソースコードを分析し、OpenAIがRemixを採用した理由について独自の考察を展開しました。 www.youtube.com 緊急で動画を回すWes Bos氏 Wes Bos氏の分析によると、ChatGPTのア

「目的の場所に最短で行け」 これが本記事において、僕がもっとも伝えたいことです。 アプリを開く。よく使うページを開く。タブを切り替える。パソコン作業で必ず発生するこれらの作業をトラックパッドや方向キーを使って行っているのであればぜひこの記事を読んで欲しいです。 いつもの作業が数倍早くなることを約束します。 対象者 Macユーザー 新卒社会人や大学生でパソコン操作を速くしたい人 きっかけ 同僚がパソコン作業しているのをみた時に「もっとこうしたらいいのに、、、」と思うことが頻繁にあり、これはまとめて教える人や機会がないのが悪いんだと思ったことがきっかけです。 基本的な考え方 カーソル操作を極力減らして、キーボードだけで操作が完結するようにする。 移動によって作業が中断される時間をできるだけ短くすることが目標です。 ケースごとの移動方法 PC内での移動を図にしてみました。(これらができたら十分だ

SmartHRが主催するイベント「SmartHR Connect 〜AIとHRテクノロジーが紡ぐ革新的企業への進化〜」が開催され、多様な分野のエキスパートたちがHRテクノロジーと人事戦略の未来について語りました。「Do it ourselves! 汗をかき、手を働かせる…株式会社TOKIO・国分太一のチーム共創論」と題したセッションには、国分太一氏と髙倉千春氏の2名が登壇。本記事では、株式会社TOKIOを立ち上げた理由や、『ザ！鉄腕！DASH!!』を通じて気づいた自分たちの役割について、国分氏が語りました。 株式会社TOKIO副社長の国分太一氏が登壇 髙倉千春氏（以下、髙倉）：よろしくお願いいたします。 国分太一氏（以下、国分）：よろしくお願いします。 髙倉：今日、私はドキドキしているんですけど、もうご紹介するまでもなく、紅白歌合戦24回連続出場の国民的大スター。 国分：あ、そんな時もあり

3 数字じゃなくて重心でデザインしてる ゆーいち｜デザイナー yuichi_hara7 Ameba ブランドサイト わ た し の ふ か わ り ょ う タ レン ト い ってくる 場 所 。 か えってくる 場 所 。 今 年 、 芸 歴 3 0 年 を 迎 える タ レン ト の ふ か わ り ょ う さ ん 。 テ レ ビ ・ ラ ジ オ の ほ か 、 D J 、 執 筆 とそ の 活 動 は 多 岐 に わ た り 「 頭 の 中 で 常 に い ろ ん な ア プ リ が 起 動 して い る か の よ う 」 な 状 態 だ と い う 。 そ ん な 多 忙 な 生 活 の 中 で、 毎 日 の よ う に 訪 れて い る 「 f e t e c a f e （ フ ェ テ カ フ ェ ） 」 は 、 心 休 ま る 場 3 数字じゃなくて重心でデザインしてる ゆー

目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変。 「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。 この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。 しかもスニペットはコピペで利用でき、CSSのみでスタイリングされたものも多数。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット Timed Cards Opening カード型の画像カルーセルのスライドに合わせて、背景のフルスクリーンが切り替わる、ヒーロー要素を想定したスニペット。 See the Pen Timed Cards Opening by Dilum

フロントエンドカンファレンス北海道2024 https://www.frontend-conf.jp/ X https://twitter.com/__sakito__

ニンテンドーミュージアムもいいけれど 2024年にクラフトインターネットなど、 古き良きインターネットに注目が集まっていたけれど、僕は昔から「もう使われなくなった"ウェブ廃墟"」を探すのを趣味にしてます。 www.nejimakiblog.com 今年の秋、京都にオープンするニンテンドーミュージアムが話題なので、 史料価値的という意味でも読まれるべきだと思う 任天堂の「ゲームソフト公式HP」をいくつか紹介しようかなと。 ニンテンドーミュージアムもいいけれど スーパーマリオサンシャイン ポケットモンスター　ピカチュウ版 メトロイドプライムハンターズ スターフォックス６４ 星のカービィ２ ゼルダの伝説　風のタクト モンスタータクティクス公式ウェブサイト ニンテンドウオールスター! 大乱闘スマッシュブラザーズ マザー２ スーパーマリオランド　６つの金貨 他社事例 まずは夏ということでこのゲームか

米Epic Gamesは8月16日（現地時間）、独自アプリストア「Epic Games Store」の提供を、iOS版は欧州連合（EU）圏内のみで、Android版は世界中で開始したと発表した。日本でもAndroid版を利用できる。このストアアプリをインストールすれば、4年ぶりに「フォートナイト」のモバイル版をAndroid端末にダウンロードし、プレイできる。 「フォートナイト」のモバイル版は2020年8月、公式アプリストア（AppleのApp StoreとGoogleのGoogle Playストア）から削除された。アプリストア外でのアイテム購入機能を追加したことで、それぞれのアプリストアの規約を破ったためだ。 Epic GamesはAppleを米国で提訴、欧州でもEUに申し立てをし、欧州委員会はAppleをDMA（デジタル市場法）違反で調査していた。数度にわたる攻防の末、Appleは7月

ラオタめんどくせぇなと思うかもしれないけど我々は真剣なんです 家系ラーメンを心から愛しているのでバカにするのはやめてほしい まあ二郎系の方が好きではあるけれども

In December of 2023 I launched the 175 Pixel Font Megapack, followed shortly by 42 individual packs for each font family. I created my own toolchain for generating, quality testing, and deploying these fonts... in Rust! In this post I'll walk you through the whole process. Check out the Pixel Font Megapack on itch.io! Before the MegapackBefore we talk about the new pack, let's talk about the old p

概要 4年ほどProductionで使っていたリッチテキストエディタ（Quill on Nuxt.js v2）をTiptap on Next.jsに移行しました。 既存のQuillエディタの使い勝手をTiptapで再現しつつ、改善できるところは改善しつつ、既存の4年分のリッチテキストデータが正しく編集できるようにしなければいけませんでした。 本記事では移行の具体的なプロセスを解説しようと思っていたのですが、リッチテキストエディタは前提知識があまりに多いため、前提となる知識や考え方を解説しているだけでそこそこのボリュームになりました。そこで、一旦考え方や前提知識をまとめた、という体で公開します。 本記事を読んでから各ライブラリのDocsを読んだりカスタマイズを始めたら、少しハードルが下がっていることかと思います。 対象読者の例 リッチテキストエディタに興味がある リッチテキストエディタの開発