「テッペイ」発表もシステム構築はこれから　“突貫工事“覚悟で、JR東がコード決済参入を急いだワケ（1/2 ページ） 既報の通り、JR東日本は11月25日にコード決済サービス「teppay」（テッペイ）の提供を2026年秋に開始すると発表した。 teppayの機能は既存のモバイルSuicaアプリから呼び出しが可能で、提供タイミングでアプリをアップデートしだい、すべてのモバイルSuicaユーザーが利用可能になる。また、同じタイミングでモバイルPASMOについてもteppay対応が表明されており、こちらは時期が少し遅れ、2027年秋からの提供予定となる。 同日にはJR東日本とパスモの共同開催で記者説明会が行われ、teppayの狙いや機能説明が行われたが、ここではteppayを取り巻く市場概況からみた同サービスの今後と、開発にまつわる背景について少し紹介したい。 なぜこのタイミングでJR東はコード

クリティカルCSSとは、Webページで最初に表示される部分（ファーストビュー）をレンダリングするために必要な最小限のCSSです。このクリティカルCSSを既存のWebページから抽出し、HTMLにインラインのCSSとして記述することでファーストビューで使用するCSSのリクエストがなくなり、ブラウザはすべてのCSSを読み込むのを待たずにWebページをより速くレンダリングできます。 既存のWebページからクリティカルCSSを抽出して、インラインで記述する用のCSSを書き出してくれるオンラインツールを紹介します。 Critical CSS Generator クリティカルCSSを使用する主な利点 Critical CSS Generatorの使い方 クリティカルCSSの記述方法 クリティカルCSSを使用する主な利点 クリティカルCSSを使用する主な利点は、下記の3つです。 Webページの体感的な読み

長年開発を続けているページでは、Bootstrapなど、ページ自体のスタイルを丸ごと上書きしてしまうCSSライブラリが読み込まれていることがある。 一方、最近はReactコンポーネントを作って、スタイルはCSS Modulesで当てたい、という機会が増えている。 CSS Modulesを使うと、コンポーネントに適用スタイルを明示的に指定することができるが、そこにページ丸ごと上書きCSSライブラリが混ざってくると、思うようにスタイルが当たらない、ということになる。 たとえば、Bootstrapを読み込んだページのpタグには、margin bottom: 10pxのようなスタイルが問答無用で指定されてしまう。 こういうしがらみから逃れる手法は無いのかな、と思って、Bootstrapを読み込み済みの歴史のあるページでは、Shadow DOMなどを使ったらBootstrapの依存を消せますか？など

2014年から先端テクノロジーの研究を論文単位で記事にして紹介しているWebメディアのSeamless（シームレス）を運営し、執筆しています。 1週間の気になる生成AI技術・研究をいくつかピックアップして解説する連載「生成AIウィークリー」から、特に興味深いAI技術や研究にスポットライトを当てる生成AIクローズアップ。 今回は、世界初のAIチャットボット「ELIZA」（イライザ）を60年ぶりに復活させた「ELIZA Reanimated: The world’s first chatbot restored on the world’s first time sharing system」に注目します。 ▲ELIZAの例（Wikipediaから引用） 1960年代初頭にMITの教授ジョセフ・ワイゼンバウム氏が開発したELIZAは、一般的に世界初のチャットボットとして知られています。MAD-

丸川氏は53歳。 2007年の参議院選挙で初当選し、これまでに環境大臣やオリンピック・パラリンピック担当大臣を務めました。 参議院議員3期目の途中で東京7区から衆議院選挙に立候補することになりました。 収支報告書への不記載で、自民党から戒告処分を受け、比例代表の重複立候補は認められませんでしたが、党の公認を得て戦いました。 丸川氏は、一連の問題を反省し政治改革に取り組む姿勢を強調するとともに、災害やテロに負けない都市づくりなどを訴えましたが、十分支持が広がらず、落選しました。

立憲民主党の野田佳彦代表が２７日、フジテレビ系選挙特番「ＬＩＶＥ　選挙サンデー」に中継で出演。今後、優先したい政策について、真っ先に「紙の保険証も使えるようにすること」と挙げた。 【写真】当選者のボードを貼る野田佳彦代表　表情から自信がみなぎってる 番組では、前安芸高田市長で東京都知事選にも出馬した石丸伸二氏がコメンテーターとして出演。野田氏に「たくさん通せる政策が出てきたように思うのですが、何を優先されたいとお考えでしょうか？」と質問した。 これに野田氏は「まずね、手っ取り早くやるならば、紙の保険証も使えるようにすること。これはすぐ判断できることだと思います」と即答。続けて「もう一つは、われわれが政権を取ったならば、能登の復旧復興の補正予算を１カ月で作り、成立させたいと思います」とし、さらに選択的夫婦別姓の採決にも意欲を見せた。 また元衆院議員の金子恵美氏から、選挙期間中に裏金問題の追及

2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:has()疑似クラスを使ったCSSの表現手法やテクニックを紹介します。 サンプルを別ウインドウで開く コードを確認する :has()疑似クラスの基本的な使い方 :has()疑似クラスの使い方について簡単に説明します。:has()疑似クラスは渡したセレクターを持つ親要素を選択します。たとえば、次のようなHTMLとCSSがあるとします。 <p class="text"> <strong>メロス</strong>は激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

CSSの@propertyがFirefoxにサポートされ、デスクトップ・スマホのすべてのブラウザでサポートされました。 @propertyは次世代変数と呼ばれるもので、これまでの変数（カスタムプロパティ）の使い勝手が大幅に向上します。@propertyによるカスタムプロパティの記述方法、@propertyを使ったCSSのテクニックを紹介します。 @property: Next-gen CSS variables now with universal browser support by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに @propertyのメリット @propertyによるカスタムプロパティの記述方法 @propertyの使い方: きらめくグ

今回はついに日本で発売されたApple Vision Proを購入して使ってみた感想をお伝えしたいと思います。もはや最高すぎて記事はこれで書くことが多いです。 まず、MR性能の高さは特筆すべきです。パススルーは言うまでもなくカラーで良好です。周囲はモノクロなHMDの時代がもはや懐かしいですね、Quest 2とか。そしてVision Proの前面に搭載された多数のセンサーが空間を認識し、圧倒的な解像度（片目あたり3800×3000ピクセル）で「ウィンドウがぴったり本当にそこにあるかのように」表示する様子は圧巻です。パススルーは低照度で少しブラーがかかるのがやや気になりますが、それぐらいでしょうか。この画質と空間に張り付く感じは他のHMDよりも優れています。 細かい部分が本当によく作り込まれていると感じます。たとえばチュートリアルからその片鱗を味わうことが出来ます。おしゃれな円型を、視線誘導で

CSS変数を使用して、コードを減らしながらもUI要素やコンポーネントのバリエーションを作成するCSSのテクニックを紹介します。 CSSはclassを使用すると、個別の値のみをターゲットにスタイルを適用できます。CSS変数を使用すると、連続した値の範囲をカバーでき、特定のトークンを使用して特定のスタイルを適用できるようになります。 CSS変数（カスタムプロパティ）について詳しくは、下記をご覧ください。 CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説 HTMLは、buttonにclassとstyleを与えます。ポイントとなるのは、styleにインラインでCSS変数を設定することです。

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約1分程度で読めるので最後まで読んでもらえると幸いです。 はじめに コードを書くのに慣れてくると、いちいちコードを書くのが煩わしくなりませんか？ そんな時 Visual Studio Code（以下、VSCode） の Emmet機能 を使えば、HTML等、特にWEB関連のコードを書くときに補完をしてくれるため、作業効率が格段にUPします。 騙されたと思ってぜひ一度お試しくださいませ！ 設定方法 1. VSCodeを開き、画面左下の「⚙️」 > 「設定」をクリック 2. 「emmet」と検索し、画面中段にある「Emmet: Trigger Expansion On Tab」にチェック 以上になります。 どんな事をしてくれるのか？ あるコマンドを入力後、「Tab」を押す事で良しなに補完をし

7日に投票された東京都知事選は、無所属現職の小池百合子氏（71）の3選が確実となった。　「失意泰然。私の力不足に尽きる」。まさかの3位に、蓮舫氏は悔し涙を浮かべて語った。立憲民主党としても、4月の衆…

初めに Vue.js の学習をしているとよく「Vite」という単語を目にすると思います。 一体全体あれはなんなのでしょうか？？ なんだかよく分からないコマンドを打つと、いつの間にかプロジェクトが作成されていたり、 ファイルを編集するだけでブラウザで動くようになっていたりします。 そもそも読み方も良くわかりません 😵‍💫 (ヴィテ...？ ヴァイト...？) この記事では、Vite についての基本的な情報をまとめてみます。 発音？ 発音の仕方は「ヴィート」です。こちらは公式ドキュメントにも書かれています。 Vite（フランス語で「素早い」という意味の単語で /vit/ ヴィートのように発音）は、 しかし、実はこれにはやや表記揺れがあって、「ヴィット」と表記されているところもあります。 例えば、話題になった Kawaii ロゴではそのように表記されています。 まぁこれらはカタカナ表記の限界

社内のプチ発表に使った資料です。 文章のコツ 前置き フルリモートでは、文章でのやり取りがメインになる。 なので、文章がヒドいと「この人と仕事するのキツイ」と思われちゃう😢 そう思われないための色々思ったことを自戒メモ。 なるべく箇条書きにする

2025年4月30日（水）をもって日本国内におけるモバイル送金（送付）・決済サービス「LINE Pay」を終了いたしました。 サービス終了に伴うお手続きとご留意事項につきましては、下記のとおりご案内いたします。重要な内容ですので必ずお読みください。 また、現時点で時期が未定なものに関しては、本お知らせを順次更新してまいります。 当社の各種サービスをご利用のお客さまにおかれましては、突然のお知らせとなりましたこと、また、本サービス終了によりお客さまに多大なご不便をおかけすることにつきましてLINE Pay運営一同深くお詫び申し上げます。

フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ（Fluid Typography）は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ

iPhone、iPad、Macの中心にパワフルな生成モデルを据えるパーソナルインテリジェンスシステム、Apple Intelligenceが登場 AIにおけるプライバシーの新しい基準を打ち立てるApple Intelligenceは、個人的な背景を理解し、各ユーザーに有用で関連性のあるインテリジェンスを提供します iPhone、iPad、MacのためのパーソナルインテリジェンスシステムであるApple Intelligenceは、生成モデルのパワーと個人的な背景を組み合わせて、有用で関連性のあるインテリジェンスをユーザーに提供します。 カリフォルニア州クパティーノ Appleは本日、生成モデルのパワーと個人的な背景を組み合わせて驚くほど有用で関連性のあるインテリジェンスを提供する、iPhone、iPad、MacのためのパーソナルインテリジェンスシステムであるApple Intelligen

ここ数年、CSSの進化はとても早いと感じている人は少なくないと思います。当ブログでもCSSの新機能をたくさん紹介してきましたが、一昔前にはこんなことができるようになるとは驚くばかりです。 そんなCSSの新機能に対して、どのように向き合えばよいのか、実際にどのように使用すればよいのか、その手引きとなる記事を紹介します。 元記事の「Old Dogs, new CSS Tricks」は、わたし達は老犬であり、老犬のような年配者や頭の固い人には新しいことを学ぶのは難しい、というニュアンスです。 Old Dogs, new CSS Tricks by Max Böck 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新機能による疲れ サポートを言い訳にする 目に見えない改善 実際の使用例とデザイントレンド 習慣を断ち切る 確立さ

スマートフォンで縦にスクロールしながら読む韓国発のデジタル漫画「ウェブトゥーン」の市場が世界的に拡大している。優れたアイデアをより速く作品にできるよう、人工知能（AI）を活用して作画を手助けする新興企業も登場した。（ソウル・木下大資、写真も） ウェブトゥーン　web（ウェブ）とcartoon（カートゥーン）を合わせた造語。韓国ネイバー社が2000年代にサービスを開始した。日本ではスマホ向けアプリ「LINEマンガ」「ピッコマ」などで配信され、映画化やドラマ化も展開。新型コロナウイルス禍をきっかけに急伸長した。