HTML5 History モード | Vue Router
vue-router のデフォルトは hash モード です - 完全な URL を hash を使ってシミュレートし、 URL が変更された時にページのリロードが起きません。 その hash を取り除くために、ページのリロード無しに URL 遷移を実現する history.pushState API を利用したルーターの history モード を使うことができます。 const router = new VueRouter({ mode: 'history', routes: [...] }) history モードを使用する時は、URL は "普通" に見えます e.g. http://oursite.com/user/id。美しいですね! しかしながら一点問題があります。シングルページのクライアントサイドアプリケーションなので、適切なサーバーの設定をしないと、ユーザーがブラウザで直
How To Implement API Authentication with JSON Web Tokens and Passport | DigitalOcean
Introduction Many web applications and APIs use a form of authentication to protect resources and restrict their access only to verified users. JSON Web Token (JWT) is an open standard that defines a compact and self-contained way for securely transmitting information between parties as a JSON object. This guide will walk you through how to implement authentication for an API using JWTs and Passpo
Debugging Node.js with Chrome DevTools
Support for Node.js debuggability landed in Node.js in 2016. Here’s how to get up and running. (Post updated Jan 2018) 1. Download and install the current version of node. (v6.3.0+ required) 2. Run node with the --inspect-brk flag: # Break on the first statement of the script▸ node --inspect-brk index.jsNext, you used to open the big chrome-devtools:// URL it spits out, but don’t. Now there’s a be
大注目のフルスタックフレームワーク「Meteor」を試してみた (1) - MMiyauchi Blog
Githubでものすごい勢いでスター数を伸ばし、ついにはフルスタックフレームワークの頂点「Ruby on Rails」のスター数を抜きさったMeteor 2016年1月7日現在、RailsのGithubでのスター数は29,061、Meteorは31,098である。僕がMeteorを知ったのは2015年年の2月頃だったと思う。個人の開発で使用するWebアプリケーションフレームワークを選定している際にこんな記事を見かけた。 2014年 Webアプリケーションフレームワークトレンド（Node.js） – Qiita http://qiita.com/oukayuka/items/14bfdcb6b5411a2b4b7c Node.jsではないバージョンのまとめのほうが人気だったとは思うが、当時Node.jsのフレームワーク選定をしていて、Express、koa、Sails、Hapiくらいしか知ら
express実践入門
index.md express実践入門 自己紹介 小川充 mitsuruog フロントエンドエンジニア Javascript, HTML, CSS, Node.js, API設計とか認証とか 2015/5月入社(約半年) はじめに あくまで「俺が考える最強のexpress実践入門」です。 初学者がexpressを攻略する上でのつまづくポイントと、中規模開発をターゲットにしたベストプラクティスを経験ベースでお話します。 おそらく、初〜中級者向けの内容です。 本コンテンツの使い方 express初心者 初学者向けチュートリアル(dotinstallとか)のあとに express経験者 ご自身のコードの見直しに 他の言語の経験者 他の言語の「あれ」は、node.jsでは「これ」のマッピングに (※)中で紹介するコードは抜粋したものであり、そのままでは動作しない場合があります。ご注意ください。
npm-check-updates で package.json を更新する | BUN:Log
ひそかに悩んでいた、パッケージのバージョン管理。 --save-dev オプションをつけてインストール後に微調整はしていたものの、最新版にアップデートできないことがままありました。 package.json の書き方が悪いのかも？と改めて調べていたところ、気になる話題を発見。 How do I update each dependency in package.json to the latest version? - Stack Overflow： http://stackoverflow.com/questions/16073603/how-do-i-update-each-dependency-in-package-json-to-the-latest-version 早速、npm-check-updates を導入することにしました。 やったことはじめに、npm-check-upd
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
Node.js で https をサポートする http proxy サーバを 80行で書いた - Qiita
前回、Qiitaに投稿した記事「Node.jsによる必要最小限のhttpサーバとhttpsサーバとhttp proxyサーバ」では、 http proxyサーバ と言っても、本当に http だけしかサービスしてくれないので、 proxy 経由では、Google さえアクセスできず、あまり役に立ちませんでした。 そこで、今度は HTTP/1.1 の CONNECT メソッドをサポートしました。 これで Google も Facebook もアクセスできます。 またまた、必要最小限の機能しか実装していません。 なので、 注意点 がひとつあります。 この http proxyサーバ を動作させる前に、以下のリンクの情報をお読みください。 脆弱なホストを狙った不正中継を見抜く - @IT 脆弱なホストを狙った不正中継を見抜く - @IT (Web魚拓) HTTP/1.1 CONNECT をサポー
Bower入門(基礎編) - from scratch
Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp
redis
⚠️ In version 4.1.0 we moved our subpackages from @node-redis to @redis. If you're just using npm install redis, you don't need to do anything—it'll upgrade automatically. If you're using the subpackages directly, you'll need to point to the new scope (e.g. @redis/client instead of @node-redis/client).
expressでBASIC認証 - CSS-EBLOG Branch
2011-10-08 expressでBASIC認証 connect Node.js express 今回は簡単だけどexpressを使ってのBASIC認証の仕方。ていうかただのメモ。 やり方は簡単、以下のように記述すれば該当パスに対してBASIC認証をかけることができる。 var express = require('express'); var app = express.createServer();app.all('/admin', express.basicAuth(function (user, pass) { return user === 'admin' && pass === 'hoge'; })); アスタリスク(*)を使うとそれ以下のURLに対してBASIC認証をかけることができる。 app.all('/admin/*', express.basicAut
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.eddyella.com/2017/04/24/vue-2-spa-restricting-components-for-logged-in-users-only/
Setting up a minimal Node environment with Webpack and Babel
npmから乗り換えてわかったYarnの4つのメリット
Node-OS
サレンダーGG - 素人プログラマーの可憐なチャレンジ Node.js で継承 util.inheritsを使う版
nohm
Expressフレームワークで、ベーシック認証
Html2Jade
nodewol
