Express 4 がリリースされたので、さっそく試してみました。 なお、コードは github に上げてみました。 https://github.com/hoshi-takanori/express-sample プロジェクト作成 Express 3.x ではプロジェクトの雛形を作成するための express コマンドが用意されていましたが、Express 4 では廃止というか、別パッケージ (express-generator) に分離されたようです。 基本的に app.js (と package.json) があればいいので、express コマンドは使わなくても大丈夫です。グローバルに express パッケージをインストールする必要もありません。 適当なディレクトリを作って app.js と package.json を作ります。 var express = require('e

ミニマムでNode.jsのサーバーをHerokuで動かす。 Herokuの公式 ( https://devcenter.heroku.com/articles/getting-started-with-nodejs ) は、Expressを使っているのだが、https://github.com/heroku/node-js-getting-started をCloneしているのでなんか微妙。 Generatorで作らない場合は、以下を参照すると良かった。 Express Generatorを使わない場合 http://qiita.com/hoshi-takanori/items/2128a6cf1dbb533379a2 特にGithubのコミットを一個ずつ見ると分かりやすい Expressすら使わない場合 http://howtonode.org/deploy-blog-to-heroku

It turns out the space industry has a lot of ideas on how to improve NASA’s $11 billion, 15-year plan to collect and return samples from Mars. Seven of these… When Bowery Capital general partner Loren Straub started talking to a startup from the latest Y Combinator accelerator batch a few months ago, she thought it was strange that the company didn’t have a lead investor for the round it was raisi

ハリウッドを代表する稀代の映像の魔術師、クリストファー・ノーランが次に選んだ題材は、第2次世界大戦。ノーラン監督が史実に基づいたリアルな戦争映画を作ることを意外に感じた映画ファンは多いかもしれません。 本作でもIMAXでの撮影を予定している監督クリストファー･ノーラン www.telegraph.co.ukダンケルクの戦い（イギリスの首相チャーチルが指令を下した場所が、発電機がある司令室だったことから、コードネーム："ダイナモ作戦"とも呼ばれている。）とは、どんな戦闘だったのか？ ノーラン作品ならではの本作からハリウッドを代表するような俳優に育っていきそうな話題のキャスト陣も続々と決まり、クランクインは5月、映画の公開は、2017年7月に予定されています。この戦争映画、再びIMAXでの撮影とフルCGを嫌う監督は、本物の戦艦を映画に登場させようとしています。米軍協力のもと、リアルな戦艦や空母

9 things every React.js beginner should knowを意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 私は約6ヶ月間React.jsを使用してきました。それほど長い歴史ではありませんが、あなたがひげの長老として扱われるようなJavaScriptフレームワークの目まぐるしい世界の大きな枠組みの中で、私は最近、React初学者のTipsで少数の人々を支援してきましたので、ここでより多くの人々にその内容を共有するのが良いアイデアであると思いました。これらは全て私が始めた時に知っておきたかったことか、もしくはReactを習得するために本当に役立ったもののいずれかです。 あなたが絶対的な基本を知っていると想定して話を進めますが、もしコンポーネント、propsやstateなどの言葉に馴染みがなければ、公式の入門やチュートリアルページを読むと

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

ウキウキでOS X El Capitanにアップデートしたらgulpの$ npm installでエラーを吐くようになってしまったので以下に対処方法を記載しておく。 【その1】 Node.jsの再インストール

いつも忘れてしまうので書き留めておきます。macOS Monterey（12.4）で確認をして内容を更新しました。この記事で紹介しているツール「n」もv8.2.0になりました！ Node.jsのアップデート n という便利なバージョン管理ツールがあるので、これを使ってバージョンを確認してアップデートします。nの詳しい使い方はこちらの記事 あたりをご参照いただくと良いと思います。n を使う際の注意点もしっかり説明されています。 nのインストール $ npm install -g n Node.jsのバージョンの確認 1行目の「–stable」でStable（推奨版）のバージョン、2行目の「–latest」で最新版のバージョンが確認できます。 $ n --stable $ n --latest Latestのインストール $ n latest latestは最新の機能を搭載した最新版へのアップ

4月7日、セブン＆アイ・ホールディングスの2016年2月期決算を説明する記者会見の会場は、異様な雰囲気に包まれていた。 かねて、同社の鈴木敏文会長兼CEO（最高経営責任者、83歳）は、傘下でコンビニエンスストア事業を手掛けるセブン-イレブン・ジャパンの井阪隆一社長兼COO（最高執行責任者、58歳）に対し、退任を求めてきた。4月5日に開かれた指名・報酬委員会では、井阪社長の退任と新たな人事案について、鈴木会長とセブン＆アイの村田紀敏社長兼COO（最高執行責任者、72歳）、社外取締役2人の計4人が、5時間に渡る議論を重ねた。それでも結論は出ず、7日の取締役会で、井阪社長の退任を含めた人事案が諮られることになった。 結果は、賛成7票、反対6票、白票が2。取締役15人の過半の賛成を得ることができず、鈴木会長の提案した人事案は否決された。これを受けて、鈴木会長は退任を決意したという。午後4時半から開

heroku-start.md #Heroku導入メモ → Heroku | Cloud Application Platform Resouces 知っておきたい！Herokuを使う上では当たり前？の16の常識 | blog.mah-lab.com デザイナーもHerokuを使ってみよう！Herokuを使って静的ページを無料で作る - KUROIGAMEN(黒い画面) ##Herokuとは？ AWSのIaaS上に構築されたPaaSで、Gitでデプロイできたり、Webアプリの開発から公開までがミラクルスペシャルウルトラスーパーメガトン簡単にできるプラットフォーム。 Google App Engine、Force.com、Windows AzureのRuby版って感じのアレ。 無料で使えるスペースがあって、その範囲だけでも十分足りる。レンサバの無料スペースのイメージだけど、広告が出たりはしな

とにかく今すぐ Heroku にデプロイしたい方はこちら。 (要 LINE BOT API のトライアルアカウント) LINE BOT API の呼び出しには Server IP Whitelist に接続元 IP の指定が必要とのことで、Heroku だと難しいかなー、と思いましたがアドオンで解決できました。 Fixie これを使うと HTTP プロキシの URL が発行され、それを通してリクエストすればアウトバウンド IP を固定できるというものです。 無料プランもあるのでそれを使えばとりあえずタダで試せます。 (最初に Proximo という類似アドオンを試そうとしたけどそっちは無料プランなかったので無駄に $5 取られるっぽい。つらい) これを実行するとアウトバウンド IP が出力されるので、それを LINE BOT API の Server IP Whitelist に登録します

LINEBOT API公開記念でただ同じ事を返すだけのボットを作ってみた。 アカウントや設定とかは、 https://developers.line.me から適当にやってください。 まず最初にハマるところは、Callback URLです。どうやらポート番号も必要なので、https://example.com:443/callbackなどのように443を指定してください。 LINE_CHANNEL_ID, LINE_CHANNEL_SECRET, LINE_CHANNEL_MIDは適当な物を指定して下記を実行すると「オウム返しBot」の出来上がり。 APIを呼ぶにはWhitelistにIPを登録する必要があるので、Herokuなどで動かす事はできません。 【追記】 LINE BOT をとりあえずタダで Heroku で動かすを見ると、Fixieっていうアドオンを使えばHerokuでも行ける

光の速さのWEBサーバー(nginx)をlet's encryptでSSL化及びHTTP/2化。ついでにセキュリティ評価をA＋にする。nginxCentOSSSLTLSLet’sEncrypt 前回のおさらい インフラ さくらのVPS(v4) SSD 1G CentOS7.2 (OS) ミドルウェア nginx　1.8.0 php7.0-fpm (アプリケーション） MariaDB(SQL) 5.5.44 フロントエンド Wordpress 4.4.1 前回の記事の通り、Ansibleであっという間に以上の構成のwebサーバーを組むことができました。今回の記事ではこれらを無料で証明書を発行するwebサービス、let's encryptを使ってSSL/TLS化しちゃいます。そして、ついでにSSLの評価計測サイトであるQualys SSL Reportのセキュリティ評価でA＋をもらっちゃいます

[追記] この記事にはかなり古い情報が掲載されています。 Certbot を使うことで更に手軽に設定することが出来ますので、お試しください。 https://certbot.eff.org/ 良い時代になりましたね。 ※コメントでのご指摘ありがとうございました。 昨日、 Let's Encrypt が Public Beta になり、申請不要で誰でも利用できるようになりました。 Entering Public Beta Let's Encrypt とは Let’s Encrypt is a free, automated, and open certificate authority (CA), run for the public’s benefit. Let’s Encrypt is a service provided by the Internet Security Researc

To start building a bot using the Messaging API, you must first create a channel on the LINE Developers console. What's a channel? To use the LINE platform, your application must be linked to a channel. When a channel is created, a unique channel ID is issued to identify the channel. Channels must have a name, description, and icon image. Creating a channel Step 1: Log in to the console Log in to

This notebook demonstrates using d3-tile to display Mercator-projected GeoJSON vector tiles. The vector tiles are provided by Nextzen and require an API key.

Web地図の歴史というのは Google Maps 登場以前と登場後に分けられるのですが、2015年現在、まさにGoogle Maps登場と同じぐらいの変革がWeb地図の世界に訪れているのではないか？ と勝手に思っているので自分の観測範囲内でまとめてみました。 概要 簡単に要点をまとめると、CanvasとかSVGとかWebGLとかブラウザ周りの表現力の進化がWeb地図にも影響を及ぼしていて、そこにGeoJSONのようなそれまでGISなどに疎かったフロントエンドエンジニアにも気軽に扱うことができるフォーマットが普及し始めたことと、降って湧いたようなデータビジュアライゼーションブームなどによって爆発的にエコシステムが増殖し、さらにフロントエンド回りの新技術、仮想DOMとか Web Components とかFRPだとかもろもろいろいろ絡まってよくわからないけど地味に凄いことになっています。 G

ベクトルタイルの提供実験 国土地理院のベクトルタイルの提供実験が行われています。 ベクトルタイルの提供実験について｜国土地理院 早速、D3.js+leafletで表示している方も。 [D3+Leaflet]国土地理院さん渾身のベクトルタイルで遊んでみた。 | GUNMA GIS GEEK 乗り遅れるわけにはいかないので、QGISで強引に表示してみます。 今回試してみた方法 道路中心線のベクトルタイルはGeoJSONで提供されています。QGISでは一般的なベクトルデータを読み込む際は、OGRというベクトルデータを扱うライブラリを利用しています。OGRはGeoJSONにも対応していますので、QGISでGeoJSONをそのまま読み込むことが出来ます。 試しに提供されているベクトルタイルを1枚ダウンロードしておいて、QGISに表示してみましょう。 http://cyberjapandata.gsi

By Vladimir Agafonkin Last year, I explained how we use dynamic shape simplification and partitioning algorithms to render huge polygon and polyline datasets in Mapbox GL JS. This approach unfortunately doesn’t work for individual points: so how do we display hundreds of thousands of points in a meaningful way on a map? Mapbox GL JS recently got a new feature to address this — point clustering. Le

筆者がまだ新人記者だったころ、あるデスク（副編集長）が満面の笑みで近づいてくることがよくあった。そのデスクは、朝はいつも不機嫌そうな顔をしていたし、仕事に厳しく怖い印象もある人だった。でも、こういうときは別人かと思うくらいにこにことして、全身から幸せオーラを振りまきながら近づいてくる。 デスクの笑顔とは対照的に、私はいやな予感がして顔がこわばる。こういうときはたいてい、デスクが“無茶振り”をしてくるからだ。 「来週締め切りの3ページの記事、書いてもらうことになったから。よろしくね！」とさわやかに言う。「えっ、その件は取材が入りそうにないし、あの技術はよくわからないんです……」といった言い訳をぼそぼそと始めると、これ以上笑えないんじゃないかというくらいにこにこして「中川なら、できるよ！」と言う。まさに問答無用である。 実はこのデスクは、厳しいけれど面倒見もよい。普段からいろいろと教えてもらっ

ISO 3166-2:JP is the entry for Japan in ISO 3166-2, part of the ISO 3166 standard published by the International Organization for Standardization (ISO), which defines codes for the names of the principal subdivisions (e.g. provinces or states) of all countries coded in ISO 3166-1. Currently for Japan, ISO 3166-2 codes are defined for 47 prefectures. Each code consists of two parts, separated by a

現在の技術ではできませんでした 先日ご紹介した、45分の水中呼吸を実現する人工エラ『Triton』は、現状実現できないことが明らかになりました。 続きを読む

A highly advanced GPS computer that displays the data that cyclists need in a beautiful, modern and analog design.

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger