Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる
Vercel VercelはNext.jsなら特に設定しなくともSSRができる状態でデプロイできる。Nuxt.jsだとコミュニティが用意しているbuilderを使えばSSR対応アプリをVercelにデプロイできる。builderが用意されていないフレームワークでSSRを行うにはデプロイ周りで頑張る必要が出てくる。 VercelではちょっとしたWeb APIを用意したいときも、/apiディレクトリを用意してJSファイルなどを置いておけばまとめてデプロイしてくれる。 Netlify サーバーサイドで動かしたいスクリプトはNetlify Functionsで動かすことになるが、フレームワークごとに用意されているプラグインを使うことでまとめてデプロイができたりする。例えばnetlify-plugin-nextjsを使えばNext.jsでSSR対応したアプリを動かせるっぽい。またnetlify.to
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
2021年 は Fullstack Next.js 元年なので、有望な Next.js 系フレームワークを全部試した
この記事は、Next.js Advent Calendar 2020 の6日目。 突然だが、2021年 は Fullstack Next.js 元年になる。 その理由として自分は以下のものがあると思っている。 ベストプラクティスとしての TypeScript のデファクト化 Next.js の Dynamic Routes による動的パス、 getStaticProps/getServerSideProps による使い勝手の向上 Vercel によるISRの発明 prisma の成熟 Vercel / Serverless / Cloudflare Workers / Cloudrun 等による Node.js サーバーの運用コスト減 参考: Frontend Study #1: 基調講演 - Frontend 領域を再定義する Blog - Next.js 9.3 | Next.js R
乱立する“ペイ”どれを選べばいい？ 各QRコード決済の実力を解説 | AERA dot. (アエラドット)
ペイ完全攻略比較表（ＡＥＲＡ ２０１９年６月１７日号より）この記事の写真をすべて見る 「ペイ」でこんなにお得（ＡＥＲＡ ２０１９年６月１７日号より） 世の中、ペイが多すぎる。しかもみんなが「お得です」とうたっている。迷う必要は無い。あなたが使うべきペイは、これだ。 【「ペイ」を使ったお得情報はこちら】 ＊ ＊ ＊ 一気に増殖したQRコード方式のスマホ決済だが、日本で最初に始めたのはベンチャー企業のOrigamiだ。2016年5月のサービス開始当時は、知る人ぞ知る程度の存在だった。 ブームに火をつけたのはLINEだ。カードタイプで16年3月に始めた決済サービスLINE Payがスマホに対応。楽天グループの楽天ペイ、ソフトバンクとヤフーが組んだPayPay、KDDIのau PAYなど、各業界の大手が続々と参入した。 群雄割拠のスマホ決済から、どれを選べばいいのか。消費生活ジャーナリストの岩
スマホQRコード決済キャンペーンまとめ【2021年12月】 | ZEIMO
この記事では、キャッシュレス決済の中でも特に主要なQRコード決済サービスで現在展開されている、還元率の高いおすすめでオトクなキャンペーンの概要を比較しながら紹介します。 また、バーコード決済、QRコード決済どちらも紹介してきます。 記事で取り扱う主な決済サービス（ポイントサービス）は以下です。 PayPay, LINE Pay（LINEポイント）, 楽天Pay, d払い（dポイント）, au PAY／au WALLET(au WALLETポイント）,メルペイ 1．開催中のポイント還元キャンペーンの比較（高還元率） スマホQRコード決済・バーコード決済のうち、特に還元率が高いキャンペーン、かつ現在開催中のものを紹介して比較して参ります。エントリー期間がある場合、エントリーが始まっているキャンペーンも掲載しています。 PayPay（QRコード・バーコード） 飲食店で当たる！ペイペイジャンボ 2
PayPayに関連するインシデントについてまとめてみた - piyolog
2018年10月5日より提供が開始された決済サービス「PayPay」に関連するインシデントについてまとめます。 インシデントを含む最近の出来事 日時 出来事 2018年7月3日 QRコードを用いた決済サービス「PayPay」の提供を開始するとアナウンス*1 2018年10月5日 PayPayのサービス提供開始。*2 2018年11月22日 PayPay支払い時に還元する「100億円あげちゃうキャンペーン」を発表。*3 2018年12月4日 100億円あげちゃうキャンペーンを開始。 同日 ビックカメラグループ、ファミリーマートでPayPay支払いの利用開始。 同日 PayPay支払いで多重課金される不具合が発生。 2018年12月13日 還元上限額に到達したとして100億円あげちゃうキャンペーンが終了。*4 2018年12月17日 PayPay支払いによるクレジットカードの不正利用が多発して
6 Best Practices for Mobile App Search Filtering | raywenderlich.com
However, that is only one piece of the content discovery puzzle. Another huge component is search filtering: the ability to allow users to narrow down a huge set of results through a series of filters. In this article, I’ll share a few UX design patterns for implementing search filtering into your apps, and then share 6 best practices you can use to make a great app search filtering experience. 3
計算量オーダーの求め方を総整理！ 〜 どこから log が出て来るか 〜 - Qiita
NTT データ数理システムでリサーチャーをしている大槻 (通称、けんちょん) です。今回は計算量オーダーの求め方について書きます。 0. はじめに 世の中の様々なシステムやソフトウェアはアルゴリズムによって支えられています。Qiita Contribution ランキング作成のために用いるソートアルゴリズムのような単純なものから、カーナビに使われている Dijkstra 法、流行中のディープラーニングに用いられている確率的勾配降下法など、様々な場面でアルゴリズムが活躍しています。アルゴリズムとはどんなものかについて具体的に知りたい方には以下の記事が参考になると思います: アルゴリズムとは何か ～ 文系理系問わず楽しめる精選 6 問 ～ アルゴリズムを学ぶと $O(n^2)$ や $O(n\log{n})$ や $O(2^n)$ といった計算量オーダーの概念が登場します。こうした記法を見ると
ReactのUIコンポーネントライブラリの一覧表(2017/5版) - Qiita
はじめに Reactでは様々なリッチなコンポーネントが使えます。Electronで使いたいので調べてみました。 どんなリッチコンポーネントが提供されているか調べるため、 「react best ui library」などで検索してまとめました。 この記事は、そんなライブラリのまとめです。サンプリングは厳密ではないので参考までに。 下の図は、いくつかのライブラリのデモからピックアップしたものです。 「react best ui library」でヒットしたページのまとめ 以下の５つのサイトで紹介されているものの表を作ってみました。 英語の記事 ① 10 Best ReactJS UI Frameworks for rapid prototyping ② What is the best UI component library for a React based web app. ③ 19
Reactと一緒に使う時のCSS in JSのライブラリ選定とか所感とか - Qiita
CSS in JSの基礎 原点はこちらのスライドがよく挙げられる。 いわゆる「CSSのあらゆる問題をJSで解決する」という感じのもの。 先行の記事としてはこのような感じ CSS in JS(Elm)したら想像以上に良かった Free-Style のススメ ~ CSS Modules は解決策ではない とりあえず今回はReactと一緒に使う前提のことを考える CSS in JS ライブラリの実装系統 CSS in JSライブラリもかなり色々あるが、だいたい下記の観点で分類できそうだった。 スタイルの再現に関する実装 <style>タグを生成して、<head>にinsertする実装パターン 昨今のスタンダードなライブラリの使っている手法 CSSの疑似要素や@media queryもだいたい使える InlineにCSSを展開する実装パターン わりと絶滅危惧種っぽい（開発止まっていたり） そもそも
AMPとPWAの動向まとめ #io17jp - Qiita
はじめに 5/17（米国時間）〜3日間、Google I/O 2017が開催されました 今年も盛況だったようです いつものように 全てのセッションの動画 が公開されています 去年のセッションの中で話題になっていたAMP・PWAについて今年のセッション動画から動向を確認してみました AMP・PWAとは？（おさらい） AMP(Accelerated Mobile Pages) GoogleとTwitterが合同で開発 モバイルでページを高速表示する 必要な技術 AMP HTML…専用のhtml/CSS/JSコーディング AMP JS…専用のJSライブラリ Google AMP Cache…キャッシングのためのCDN 参考 Accelerated Mobile Pages Project（公式） Googleの AMPデモ AMP Start …AMP＋Material Designのコンポーネ
Firebaseの始め方
はこです。こんにちわ。今日はFirebaseを始めてみたいと思います。 Firebase is 何？ Firebase はGoogleが運営しているサービスで(2014年後半にGoogleが買収)、BaaSとかmBaaSと呼ばれるモノの一種。 ・・・だったはず何だけど、高機能多機能過ぎてヤバイことに。 BaaS/mBaaS is何？ 僕の理解では、mongoDB(或いは各種スキーマレスNoSQL)のクラウド上ホスティングから始まり、その他「サーバで作業しないとアプリ作れないもの」を仮想化するために追加された諸々（ログイン機能、push通知、etc...)のサービスを含む物。簡単にそして素早くアプリを作るためのもの。 たくさんあるけども、基本機能としてどれも「JSONを投げて保存・検索キーでJSON取り出し」がある。 Firebaseの諸機能 中心機能と特徴は 1. リアルタイムデータベース
Reactのアニメーションを攻略する - Qiita
仕事でReactのアニメーションをするにあたり、 やりたいことを満たすために旅立った冒険記。 やりたいこと 要件 要素の追加・削除時にアニメーション リストではない複数要素を別々に動かす きもち カジュアルに使いたい 要件満たすために余計な記述はしたくない。可能な限りシンプルに保ちたい。 DOMに依存したくない Universalにしたいので、style弄りはVirtualDOM経由が原則。 ロジックで制御したい 複雑化への対応や保守性を考えると、絶対JSで全てコントロールできた方がよい。 汎用性の高さが欲しい 適材適所でライブラリを使うのは嫌なので、できるだけシンプルかつ柔軟にしたい。 Redux、MobXは使いたくない Redux作者もローカルのstateでいいみたいなこと言ってるし、 わざわざ依存するライブラリを増やしたくない。 CSSアニメーションは使いたくない CSSだとDOM依
React Conf 2017 現地レポート (1日目) - Akatsuki Hackers Lab | 株式会社アカツキ（Akatsuki Inc.)
ライブエクスペリエンス事業部 エンジニアの高松(@shimpeiws)です。 2017/3/13 ~ 14の期間で開催中のReact Conf 2017に参加するためにサンノゼに来ています。 React Conf 2017 つい数時間前に終わったばかりの1日目のレポートを現地からお送りします! 会場の様子 1日目の感想 Keynote (Tom Occhino, Jing Chen, Sebastian Markbage) 概要 Tom Occhino Jing Chen Sebastian Markbage A Cartoon Intro to Fiber (Lin Clark) 概要 メモ Next.js: Universal React Made Easy and Simple (Guillermo Rauch) 概要 メモ React + ES.next = ♥ (Ben Ileg
【保存版】Snapchatの上場申請書の全貌｜決算が読めるようになるノート
米Snap社が米証券取引委員会（SEC）に新規株式公開（IPO）を申請していたS-1が、2017年2月2日に公になりました。 Snap社は、Snapchatというメッセージングアプリを提供しています。 Snapchatは主に動画を送るためのメッセージングアプリで、送った動画が一定時間後に消える、という特徴があります。 この「消える動画」という特徴を生かして、欧米の若者の間で流行しています。 例えば酔っ払った後にふざけて破廉恥な動画を送っても、その動画が後に残ることがないため、非常に安心して使える、といった用途です。 アメリカでは若者のFacebook離れがよく叫ばれますが、若者はInstagramやSnapchatのような、画像・動画を中心にしたコミュニケーションを、より好んでいます。 今回はSnapchatの上場時の申請書から、Snapchatの全貌を明らかにしたいと思います。 ”Sna
早く・それなりの UI を実現する React コンポーネントセット 16 選 - Qiita
これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。 そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI の コンポーネントのみとなっています。React Native や
日本語フリーフォント、これだけは持っておきたい厳選22個まとめ
日本中の書体デザイナーさんの努力によって、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。しかしデザインのとき、いつも同じ書体ばかり使ってしまう、という人もいませんか？ 公開されているフォントの数が増えたことで、どれも利用してよいか悩んでしまうこともしばしば。特に、デザインコンセプトにあった、商用利用にも対応できる素材を探すのは、時間のかかる作業のひとつかもしれません。 今回は、無料ダウンロード可能で、商用ライセンスにも対応した日本語フリーフォントという条件で、幅広いデザインに利用できる、万能アイテムのみをまとめてご紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free for Developers
https://finance.yahoo.co.jp/credit-card/
Colors | UXPRO
