海外ニュースの記事一覧です。中国や韓国など、アジア各国の動向から、ヨーロッパやアメリカなど、新聞・通信社が配信する最新記事のほか、動画ニュースや雑誌記事まで、話題の海外ニュースをまとめてお届けします。
const express = require('express'); const app = express(); const port = 4000; // CORSを許可する app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); }); app.get('/', (req, res) => { res.send('hello'); }); app.listen(port); 何をしているか ご存知の通り、セキュリティの観点から、オリジン(htmlが置かれたサーバー)以外のサ
Deploy Node.js projects to AWS Lambda easily Claudia makes it easy to deploy Node.js projects to AWS Lambda and API Gateway. It automates all the error-prone deployment and configuration tasks, and sets everything up the way JavaScript developers expect out of the box. This means that you can get started with Lambda microservices easily, and focus on solving important business problems instead of
この記事はServerless(2) Advent Calendar 2016 の16日目の記事です。 自身のプロダクトをClaudia.jsを使って開発しているのですが、今回はその紹介を書きたいと思います。 Claudia.jsとは Claudia.jsはオープンソースのLambdaデプロイメントツールです。Node.jsで作成したLambdaアプリケーションを簡易にデプロイすることが出来ます。API Gatewayと組み合わせることも可能です。 Lambdaのデプロイツール(フレームワーク)といえばServerless FrameworkやApexなど多数存在しますが、他のツールとくらべてClaudia.jsは何が違うのでしょうか？ 最も大きな特徴は、Node.jsに特化しているという点です。ServerlessやApexのように複数のプログラミング言語に対応しているツールと異なり、C
Redux Advent Calendar 2016 23日目 初めてAdvent Calendarに参加させていただきます。 当初はReduxとcreate-react-appを使って、サクッと素振りできる環境構築手順をまとめようと思ったのですが、ここ最近で自分が一番悩んだ「react-redux」についてReduxを始める方へ同じドツボにはまらないようにという願いを込めて投稿させていただきました。 react-reduxとは？ react-redux公式より引用 Official React bindings for Redux. Performant and flexible. React公式のReactとReduxをバインディングするライブラリ パフォーマンスと柔軟性があります ここで出て来る「柔軟性(flexible)」というのがこのライブラリが初見殺しと言われる所以となっており
React + Reduxはその柔軟性から、Googleで調べて出てくる情報の一貫性がなく、機能を実装するときの調査が結構大変。 今回はリアルタイムチャットツールを開発したときの経験を元にReact + Reduxでサーバー通信を行うときの書き方について紹介していきます。 ちなみに今回の例ではRuby on RailsでAPIを構築し、そちらへ通信を行うという構成です。 使用するライブラリなど サーバー通信用のライブラリ javascriptでサーバー通信をするときに用いられるものとしてはajaxがメジャーですが、Reactで開発している中でajaxのためだけにjQueryを用いるというのはちょっとナンセンスです。 そこで今回はaxiosというサーバー通信用のライブラリを使用します。 Reactでサーバー通信する際は他にもsugaragentやfetchが用いられることがありますが、書き方
あらゆるデザインプロジェクトに欠かせない素材のひとつ、テクスチャ素材。平凡な背景デザインを魅力的にしたり、重ねて利用するだけで見た目を良くしてくれるお手軽アイテムまで、現在ではさまざまな素材が公開されています。 今回は無料ダウンロードできるテクスチャ素材を厳選しご紹介します。トレンドの水彩ペイントやビンテージスタイル、マーブル柄の他、普段使いにオススメのウッドや紙、グランジテクスチャなど合計446枚の幅広いセレクションを揃えています。 デザインツールボックスに追加し、今後のクリエイティブなデザイン案件に活用してみてはいかがでしょう。 詳細は以下から。 雰囲気を手軽にアップできる、持っておきたい無料テクスチャ素材セットまとめ Freebie: High Res Marble Textures 背景デザインに最適なマーブル柄のテクスチャ素材セットで、落ち着いた色合いは幅広いクリエイティブな作品
はじめに 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
ども、@kimihom です。 今回は AWS Lambda における Node.js のコードの書き方について。 実装したいこと 例えば、id を複数持った配列があるとして、その配列を 一個一個 HTTP リクエストで叩きたい、ということがあるだろう。id単位でしかリソースを削除できないような API があった場合などは必ずそんな場面に出くわす。 これを AWS Lambda で実装するには、どうすれば良いだろうか。ここに AWS Lambda の落とし穴が潜んでいる。何も考えずに書くとこんな感じになるだろう。 var request = require('request'); exports.handler = function(event, context) { var host = "https://api.awesomeapp.com"; var ids = [1,2,3,4];
タッチパネルは意外と使うけど、最近の使い方だとうっとおしいので無効化しました。 あとで有効化できるようにメモしときます。 ※自己責任で デバイスマネージャーの「ヒューマン インターフェース デバイス」という項目に「HID 準拠 タッチパネル」という項目があったので右クリックで無効化。 有効化も同じ手順。 終わり(☝ ՞ਊ ՞)☝
誰にでも気の置けない友人がいるものですが、仲良くなるきっかけはさまざまです。しかし、人間は無意識のうちに「自分と遺伝的に似た人」を友人に選ぶことで、生き残ってきた可能性が指摘されています。 [1308.5257] Friendship and Natural Selection https://arxiv.org/abs/1308.5257 Friends Are Genetically Similar | Accumulating Glitches | Learn Science at Scitable https://www.nature.com/scitable/blog/accumulating-glitches/friends_are_genetically_similar カリフォルニア大学のジェームズ・ファウラー博士とエール大学のニコラス・クリスタキス博士の研究チームは、長期
JavaScript にちょっとした工夫をすると、サブドメインの異なる２つのサイト（例えば www1.mydomain.com と www2.mydomain.com）でクッキーを共有することができる、らしい！ 例えばこんな感じです。まずは http://www1.mydomain.com/setCookie.html でクッキーをセットします： (setCookie.html) <html> <head> <script type="text/javascript"> function setMyCookie(username, password) { var s=setMyCookieWithDomain("username",username); document.cookie = s; var t=setMyCookieWithDomain("password",password)
人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし
WordPressには本来存在しないURLを指定したとしても、WordPress側で推測してユーザーがアクセスしたかったであろうURLにリダイレクトする機能があります。 便利だと思う機能ではありますが、単純に存在しないURLはすべて404ページに飛ばす動きにする必要があったので、そのときの備忘録です。 具体的な例をあげると、例えばWordPressをインストール直後は固定ページが用意されており、それを閲覧するには通常http://example.com/sample-page/にアクセスすることで閲覧できますが、これをhttp://example.com/samとかhttp://example.com/sample-のような正確には間違っているURLを指定したとしても自動リダイレクトによってhttp://example.com/sample-page/にリダイレクトされるようになっています
追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く