「テッペイ」発表もシステム構築はこれから “突貫工事“覚悟で、JR東がコード決済参入を急いだワケ
「テッペイ」発表もシステム構築はこれから “突貫工事“覚悟で、JR東がコード決済参入を急いだワケ（1/2 ページ） 既報の通り、JR東日本は11月25日にコード決済サービス「teppay」（テッペイ）の提供を2026年秋に開始すると発表した。 teppayの機能は既存のモバイルSuicaアプリから呼び出しが可能で、提供タイミングでアプリをアップデートしだい、すべてのモバイルSuicaユーザーが利用可能になる。また、同じタイミングでモバイルPASMOについてもteppay対応が表明されており、こちらは時期が少し遅れ、2027年秋からの提供予定となる。 同日にはJR東日本とパスモの共同開催で記者説明会が行われ、teppayの狙いや機能説明が行われたが、ここではteppayを取り巻く市場概況からみた同サービスの今後と、開発にまつわる背景について少し紹介したい。 なぜこのタイミングでJR東はコード
簡単な手順でWebページの読み込み時間を高速化！ クリティカルCSSを抽出してくれるツール -Critical CSS Generator
クリティカル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ページの体感的な読み
ページにもともと読み込まれているCSS由来のスタイルを打ち消して、しがらみのない開発をするのにall:unset, all:revertを使えそう - hitode909の日記
長年開発を続けているページでは、Bootstrapなど、ページ自体のスタイルを丸ごと上書きしてしまうCSSライブラリが読み込まれていることがある。 一方、最近はReactコンポーネントを作って、スタイルはCSS Modulesで当てたい、という機会が増えている。 CSS Modulesを使うと、コンポーネントに適用スタイルを明示的に指定することができるが、そこにページ丸ごと上書きCSSライブラリが混ざってくると、思うようにスタイルが当たらない、ということになる。 たとえば、Bootstrapを読み込んだページのpタグには、margin bottom: 10pxのようなスタイルが問答無用で指定されてしまう。 こういうしがらみから逃れる手法は無いのかな、と思って、Bootstrapを読み込み済みの歴史のあるページでは、Shadow DOMなどを使ったらBootstrapの依存を消せますか？など
世界初のチャットボット「ELIZA」、60年の時を経て復活。オープンソース化され、UNIX系OSで実行可能に（生成AIクローズアップ） | テクノエッジ TechnoEdge
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-SLIPというプログラミング言語で開発され、世界初の時分割システム（タイムシェアリングシステム）であるCTSS（Compatible Time-
立民・野田代表 優先政策の筆頭に「紙の保険証も使えるようにする」 裏金問題指摘の「一点強行突破に徹した」ことが勝因と分析（デイリースポーツ） - Yahoo!ニュース
立憲民主党の野田佳彦代表が２７日、フジテレビ系選挙特番「ＬＩＶＥ 選挙サンデー」に中継で出演。今後、優先したい政策について、真っ先に「紙の保険証も使えるようにすること」と挙げた。 【写真】当選者のボードを貼る野田佳彦代表 表情から自信がみなぎってる 番組では、前安芸高田市長で東京都知事選にも出馬した石丸伸二氏がコメンテーターとして出演。野田氏に「たくさん通せる政策が出てきたように思うのですが、何を優先されたいとお考えでしょうか？」と質問した。 これに野田氏は「まずね、手っ取り早くやるならば、紙の保険証も使えるようにすること。これはすぐ判断できることだと思います」と即答。続けて「もう一つは、われわれが政権を取ったならば、能登の復旧復興の補正予算を１カ月で作り、成立させたいと思います」とし、さらに選択的夫婦別姓の採決にも意欲を見せた。 また元衆院議員の金子恵美氏から、選挙期間中に裏金問題の追及
has()疑似クラスでコーディングが変わる！ CSS最新スタイリング - ICS MEDIA
2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:has()疑似クラスを使ったCSSの表現手法やテクニックを紹介します。 サンプルを別ウインドウで開く コードを確認する :has()疑似クラスの基本的な使い方 :has()疑似クラスの使い方について簡単に説明します。:has()疑似クラスは渡したセレクターを持つ親要素を選択します。たとえば、次のようなHTMLとCSSがあるとします。 <p class="text"> <strong>メロス</strong>は激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
CSS変数がもっと便利になる新しい記述方法、CSSの次世代変数@propertyがすべてのブラウザにサポートされました
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を購入したら最高すぎてもう手放せない - すまほん!!
今回はついに日本で発売されたApple Vision Proを購入して使ってみた感想をお伝えしたいと思います。もはや最高すぎて記事はこれで書くことが多いです。 まず、MR性能の高さは特筆すべきです。パススルーは言うまでもなくカラーで良好です。周囲はモノクロなHMDの時代がもはや懐かしいですね、Quest 2とか。そしてVision Proの前面に搭載された多数のセンサーが空間を認識し、圧倒的な解像度（片目あたり3800×3000ピクセル）で「ウィンドウがぴったり本当にそこにあるかのように」表示する様子は圧巻です。パススルーは低照度で少しブラーがかかるのがやや気になりますが、それぐらいでしょうか。この画質と空間に張り付く感じは他のHMDよりも優れています。 細かい部分が本当によく作り込まれていると感じます。たとえばチュートリアルからその片鱗を味わうことが出来ます。おしゃれな円型を、視線誘導で
CSSの変数をインラインで使用した条件付きCSS、コードを減らしながらもバリエーションを作成するCSSのテクニック
CSS変数を使用して、コードを減らしながらもUI要素やコンポーネントのバリエーションを作成するCSSのテクニックを紹介します。 CSSはclassを使用すると、個別の値のみをターゲットにスタイルを適用できます。CSS変数を使用すると、連続した値の範囲をカバーでき、特定のトークンを使用して特定のスタイルを適用できるようになります。 CSS変数（カスタムプロパティ）について詳しくは、下記をご覧ください。 CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説 HTMLは、buttonにclassとstyleを与えます。ポイントとなるのは、styleにインラインでCSS変数を設定することです。
Visual Studio Code の Emmet機能を使ってコードを楽に書こう - Qiita
エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約1分程度で読めるので最後まで読んでもらえると幸いです。 はじめに コードを書くのに慣れてくると、いちいちコードを書くのが煩わしくなりませんか？ そんな時 Visual Studio Code（以下、VSCode） の Emmet機能 を使えば、HTML等、特にWEB関連のコードを書くときに補完をしてくれるため、作業効率が格段にUPします。 騙されたと思ってぜひ一度お試しくださいませ！ 設定方法 1. VSCodeを開き、画面左下の「⚙️」 > 「設定」をクリック 2. 「emmet」と検索し、画面中段にある「Emmet: Trigger Expansion On Tab」にチェック 以上になります。 どんな事をしてくれるのか？ あるコマンドを入力後、「Tab」を押す事で良しなに補完をし
Vite ってよく聞くけど何なんですか？ あれは
初めに Vue.js の学習をしているとよく「Vite」という単語を目にすると思います。 一体全体あれはなんなのでしょうか？？ なんだかよく分からないコマンドを打つと、いつの間にかプロジェクトが作成されていたり、 ファイルを編集するだけでブラウザで動くようになっていたりします。 そもそも読み方も良くわかりません 😵💫 (ヴィテ...？ ヴァイト...？) この記事では、Vite についての基本的な情報をまとめてみます。 発音？ 発音の仕方は「ヴィート」です。こちらは公式ドキュメントにも書かれています。 Vite（フランス語で「素早い」という意味の単語で /vit/ ヴィートのように発音）は、 しかし、実はこれにはやや表記揺れがあって、「ヴィット」と表記されているところもあります。 例えば、話題になった Kawaii ロゴではそのように表記されています。 まぁこれらはカタカナ表記の限界
フルリモートで相手に気持ちよく仕事をしてもらうためのコツあれこれ
社内のプチ発表に使った資料です。 文章のコツ 前置き フルリモートでは、文章でのやり取りがメインになる。 なので、文章がヒドいと「この人と仕事するのキツイ」と思われちゃう😢 そう思われないための色々思ったことを自戒メモ。 なるべく箇条書きにする
これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ（Fluid Typography）は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ
iPhone、iPad、MacにApple Intelligenceが登場
iPhone、iPad、Macの中心にパワフルな生成モデルを据えるパーソナルインテリジェンスシステム、Apple Intelligenceが登場 AIにおけるプライバシーの新しい基準を打ち立てるApple Intelligenceは、個人的な背景を理解し、各ユーザーに有用で関連性のあるインテリジェンスを提供します iPhone、iPad、MacのためのパーソナルインテリジェンスシステムであるApple Intelligenceは、生成モデルのパワーと個人的な背景を組み合わせて、有用で関連性のあるインテリジェンスをユーザーに提供します。 カリフォルニア州クパティーノ Appleは本日、生成モデルのパワーと個人的な背景を組み合わせて驚くほど有用で関連性のあるインテリジェンスを提供する、iPhone、iPad、MacのためのパーソナルインテリジェンスシステムであるApple Intelligen
CSSの新機能にどのように向き合えばよいか、新しいことを学んだり覚えることは頭の固い人には難しい
ここ数年、CSSの進化はとても早いと感じている人は少なくないと思います。当ブログでもCSSの新機能をたくさん紹介してきましたが、一昔前にはこんなことができるようになるとは驚くばかりです。 そんなCSSの新機能に対して、どのように向き合えばよいのか、実際にどのように使用すればよいのか、その手引きとなる記事を紹介します。 元記事の「Old Dogs, new CSS Tricks」は、わたし達は老犬であり、老犬のような年配者や頭の固い人には新しいことを学ぶのは難しい、というニュアンスです。 Old Dogs, new CSS Tricks by Max Böck 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新機能による疲れ サポートを言い訳にする 目に見えない改善 実際の使用例とデザイントレンド 習慣を断ち切る 確立さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
衆議院選挙 自民 丸川珠代元五輪相 落選 東京7区 | NHK
蓮舫氏、まさかの3位に涙も…選対幹部「何が原因かよくわからない」：朝日新聞
LINE Payサービス終了に関するお知らせ
漫画が爆速で完成する…韓国発「ウェブトゥーン」 生成AIで作画アシスト 目指すは「漫画界のネトフリ」：東京新聞デジタル
JR東が「Suica」をスーパーアプリ化へ、28年度にリリース
