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
計算量オーダーの求め方を総整理！ 〜 どこから log が出て来るか 〜 - Qiita
NTT データ数理システムでリサーチャーをしている大槻 (通称、けんちょん) です。今回は計算量オーダーの求め方について書きます。 0. はじめに 世の中の様々なシステムやソフトウェアはアルゴリズムによって支えられています。Qiita Contribution ランキング作成のために用いるソートアルゴリズムのような単純なものから、カーナビに使われている Dijkstra 法、流行中のディープラーニングに用いられている確率的勾配降下法など、様々な場面でアルゴリズムが活躍しています。アルゴリズムとはどんなものかについて具体的に知りたい方には以下の記事が参考になると思います: アルゴリズムとは何か ～ 文系理系問わず楽しめる精選 6 問 ～ アルゴリズムを学ぶと $O(n^2)$ や $O(n\log{n})$ や $O(2^n)$ といった計算量オーダーの概念が登場します。こうした記法を見ると
Facebookの開発者カンファレンス「F8」の発表内容まとめ 2016年版
2016年4月12日〜13日（米国時間）に、Facebookの開発者カンファレンス「F8」が開催されました。2日間で数千人が来場したほか、100万人以上がオンラインで動画を視聴した盛況ぶりだったようです。2日間で非常に多くの発表が行われましたので、ダイジェストで内容をまとめます。 リンク： ・世界をつなげる技術 | 開発者カンファレンス「F8」2016:1日目発表内容まとめ ・開発者カンファレンス「F8」 2016:2日目発表内容まとめ ● 今後10年間の開発ロードマップ 初日の冒頭はCEOのマーク・ザッカーバーグ氏がキーノートで今後10年の技術開発のロードマップを発表しました。 今後5年間はメッセンジャーやFacebook内の検索機能、2014年に総額218億ドルを超える金額で買収した WhtasApp、近年目覚ましいユーザー数の増加を見せる Instagram など既存の製品にフォーカ
良く使うnpmパッケージの紹介 - Qiita
自分が良く使う npm パッケージを、雑に紹介し感想を述べる記事です 非 Noder さん用にもなるように、超有名ライブラリも載せました 個人的感想の羅列で、また 1年以上使ってない/調べてないものも含みます。申し訳ないのですが、参考程度でよろしくです Web アプリケーション作成 express 一番有名でたぶん利用者も多い、Node.js の Webアプリケーションフレームワーク function (req, res, next) { return next(); } のような middleware という概念のフィルターを重ねて処理し、どこかで res.send(content) 返したら終了という感じ シンプル、覚えることが少なく直ぐ動かせる。JSON保存する位ならほんとに直ぐ しかし、機能らしい機能が URL の Routing くらいしかない。特にバリデーション周りで決まったノ
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2009年、ウェブデザインに役立つまとめのまとめ
Web Design Trends For 2009 邦訳：2009年、押さえておきたいウェブデザインの10のトレンド 2009年に流行るであろうとされた10のトレンドです。確かに、これらのものが使用されたサイトは多く見かけました。
Firebugについてまとめ - monjudoh’s diary
随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた
List of events - W3C Wiki
http://www.w3.org/TR/DOM-Level-3-LS/ load progress http://www.w3.org/TR/xforms11/ xforms-close xforms-output-error xforms-submit-serialize http://www.w3.org/TR/DPF/ dci-prop-change DOMNodeInserted DOMNodeRemoved DOMSubtreeModified http://www.w3.org/TR/SMIL2/ activateEvent beginEvent DOMActivate DOMFocusIn DOMFocusOut endEvent focusInEvent focusOutEvent inBoundsEvent outOfBoundsEvent repeat repeatE
ニコニコ動画で使えるユーザースクリプト一覧。 - あまたの何かしら。
コピペブログ騒動史を書き上げるのが面倒なので、逃避するの巻。 #GreasemonkeyはFirefox、UserJSはOperaで使用できます。 #OperaでGreasemonkeyスクリプトが使えるかの動作確認はまだやっていない。動作確認終了。 リンク 同時期に同じ内容の記事を書かれていたので。 ニコニコ動画で使うGreasemonkeyスクリプト - Browser.js 追記 何かしら図書館に所蔵されました。 Greasemonkey ニコニコ動画のコメント熱狂度を可視化する「Heat the nicovideo up」 ニコニコ動画のコメントをタグクラウドっぽく表示する「Nicomment Cloud」 ニコニコ動画のコメントをGoogle Analyticsっぽくグラフ化する「NicoNicoDouga - Analytics」 ニコニコ動画の一覧ページで強調表示する＋ニコニ
ニコニコ動画のAPIのメモ - picasの日記
http://www.nicovideo.jp/api/getflv/[動画IDかスレッドID] flv取得URL、コメントXML取得URLなどが得られます。getflv?v=[動画IDかスレッドID]でもアクセスできます。 [動画IDかスレッドID]は、http://www.nicovideo.jp/watch/sm...のsm...の部分、もしくはスレッドIDでもよいみたい。 参考にさせていただいたところ flvの取得 - poChiの日記 http://msg.nicovideo.jp/[数字]/api/ コメントなどが得られます。 POSTでほしいものを投げます。 [数字]というかアクセスURLそのものはhttp://www.nicovideo.jp/api/getflv?v=[動画IDかスレッドID]にアクセスして取得してください。 参考にさせていただいたところ コメントの取得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free for Developers
Web制作の実装や勉強に役立つ便利なチートシートのまとめ
SEO Japan
スマートニュース/メルカリ/フリークアウトが主催したイベントはエンジニアを全力で絶賛するイベントだった！！
http://web-director.info/archives/4258
User-Agent集