20%キャッシュバックが話題のスマホ決済サービス「PayPay(ペイペイ)」が、ファミリーマートで使えるようになった。200円で1ポイントたまる「Tカード」を提示して、よりお得に......と考える人も多いだろうが、そこにはひとつ問題がある。とにかく面倒なのだ。 スマートフォンで両方やろうとすると、急いでアプリを切り替えないといけない。かといって、財布からカードを出すのもスマートじゃない。じゃあ、一体どうしたらいいのだろうか。 実はファミマでは「決済と同時付与」できる ファミマでの「もどかしさ」については、ここ数日ツイッターでも指摘されている。 「Tカードも同時に提示するのが、なかなか慣れない」 「PayPay、ファミマの支払いの度にTポイントカードを提示するのが面倒だな」 「paypayで払おうとしたらTポイントカードは? と聞かれ、結局リュックを下ろして財布を出す事に...。なんだかな
はじめに ReactやAngular、Vue.jsなどの主要なフレームワークを使えばワンステップ+αで簡単に実装できるようになっていることからSSLさえ導入していればおまけ的に導入できるイメージのPWA。 実装を進めていくと「web表示だけ【ホーム画面に追加】の誘導モーダルを出したい」「PWAの環境下でのみストレージにデータを保持させておきたい」といったときにPWA環境か通常のブラウザかを判定する場面が多かれ少なかれ出てきます。 しかし、あまりここに触れている記事を見かけなかったので備忘録も兼ねて掲載します。 本題 メディアクエリのパース結果を利用してJavaScript上で判定します。 以下はmanifest.jsonでディスプレイモード「standalone」を指定した場合を想定しています。 if(window.matchMedia('(display-mode: standalone
WYSIWYGなエディタは開発者ではない人たちにコンテンツを作ってもらいたい時に活躍します。HTMLを手書きするのは困難ですし、編集している内容と結果が異なるので、結果を想像しながら作るのは慣れない人にとっては難しいでしょう。 もしVue.jsを使っているならば導入したいWYSIWYGエディタがtiptapになります。多機能で使い勝手が良さそうなエディタです。 tiptapの使い方 通常の表示です。上にツールバーがある一般的なWYSIWYGエディタです。 文字を選択してフローティングメニューを出す機能もあります。 新しい行に入ったタイミングでツールバーを下に表示させます。 画像の挿入。ドラッグ&ドロップでできます。 文字列を選択した時にツールバーを出します。普段は隠れています。 Todoリスト。 Twitterのような @ でメンション相手を出す機能。 Markdown記法をビジュアル化し
[レベル: 初級] Google SearchLiaison の Twitter アカウント(運用は Danny Sullivan が、パーソナライズ検索に関する真相を解説しました。 パーソナライズ検索は実際にはほとんど適用されません。 一方で、パーソナライズ以外の要因で検索結果が異なってくることがあります。 この記事では、SearchLiaison による連投ツイートの要点をまとめて紹介します。 Over the years, a myth has developed that Google Search personalizes so much that for the same query, different people might get significantly different results from each other. This isn’t the case.
この記事は『ドワンゴ Advent Calendar 2018』14日目の記事です。 3行でOK 電子書籍みたいにページ単位でページ送りできる縦書きWebをつくりたい column-width を悪用すればいけそう いも 電子書籍みたいなページ送りって何? ↑ こういうやつです(iOSのBooks) アニメーション自体はさておき、一般的な電子書籍では、紙の本やPDFリーダーのように、1ページずつページが送れるようになっています。 もうちょっと細かいことを言うと、各ページには上下左右にマージン(余白)がついています。 一方で僕らのWebで縦書きCSSを行うと通常はこのようになります。 ↑ 横スクロールですね(カクヨムの縦書き表示画面です) Webなのでページは当然スクロール!……といえば、それはそうなのですが、最近はWebでもネイティブアプリっぽいことできるよ、という時代なので、なんとかして
まずはじめにお断りしておきますが、タイトルだけを見て、「Reactなどで、JavaScriptとCSSを融合させる」ような技術を連想した方は…大外れです。 カレンダーのとおり、これは現代には伝わっていないロストテクノロジーです。 JavaScript Style Sheet(JSSS)とは HTML5では<style>のtype="text/css"を省略できるようになりましたが、現実問題としてブラウザで直接使う、他のスタイルシート言語は存在しないように思えます。 …と思いきや、かつてtype="text/javascript"で書くスタイルシート言語が存在しました。これが、JavaScript Style Sheet、略してJSSSです。 文法概要 現代でもJavaScriptで要素ごとにCSSを指定する際にelement.style.marginLeft = '20px';のように書け
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く