【書評】サーバーレスシングルページアプリケーション | PSYENCE:MEDIA
それぞれ読者の立場になってこの本をどう読み解いていくかが紹介されているので、流し読みするよりもより理解度が深まると思います。 読み終えた感想 本書を読むことで、AWSを使ったサーバーレスのSPAを作るうえでどのようなマネージドサービス使って実現できるかが理解出来ます。私自身サーバーレスでSPAを作ったことはないので、Cognitoなどが特に参考になりました。 題名に『シングルページアプリケーション』とありますが、フロントエンドとしてiOSやAndroidなどのネイティブアプリを作る場合でもCognito、DynamoDB、Lambda、API Gatewayを使ったサーバーレスの構成は参考になることでしょう。 本書でサーバーレスの基本を学び、より複雑なアプリケーションが必要になったらAWSの他のマネージドサービスと組み合わせることで、より高度なサーバーレスアプリケーションを作れると思いまし
アメブロ2016 ~ Isomorphic JavaScriptの詳しい話 | CyberAgent Developers Blog
問題点はIsomorphic実装難易度です。では、アメブロのIsomorphicの実装方法と実装する際にあった問題及びその解決策をお伝えします。 ちなみに、Michael Jackson氏はIsomorphic JavaScript ではなく、 Universal JavaScript と呼ぶべきだと主張しています。私たちはIsomorphic JavaScriptという名前で使うのに慣れたので、ここでは*Isomorphic JavaScriptと記述します。 AmebloのIsomorphic 技術選定 先に結論をあげます：React + Redux 技術選定の基準は下記となります。 安定さ。基本的にプロダクト環境で使える正式版があること。 アクティブな開発。 よいコミュニティ。技術の周りに大きいコミュニティが育っていること。 実績がある。 まずView層のライブラリの選定です。このプ
Reactの概要と基礎技術要素を理解する
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方 前提環境 筆者の検証環境は以下の通りです。 macOS Sierra 10.12 Node.js v6.6.0／npm 3.10.3 React 15.4.0 Node環境が準備できていない方は別途インストールしてください。Mac環境であればnodebrew、Windows環境であればnodist等のバージョン管理ツールの利用をおすすめします。 Reactの主な特徴 ReactはUIを構築するためのFacebook製オープンソースJavaScriptライブラリです。 2011年にFacebookのニュースフィードにデプロイされて以来、Instagram、Airbnb、Netflix、Paypal、Uberなど数々のアプリケーションで活用されています。Reactの公式サイトには
生まれ変わったFacebook製テストフレームワーク「Jest」とは何か？
長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機能、特にReactアプリ向けテストを簡単に実施する機能について説明するまえに、プレーンなJavaScript関数でのJestの使用法を紹介します。 Jestが注目に値するのは、Reactに対応しているだけでなく、JavaScriptアプリケーションのテストにも使用できるからです。ただし、いくつかの機能はユーザーインターフェイスのテストにとても役立つ形で提供されるので、Reactにぴったりです。 サ
JavaScriptを補完するウェブの未来「WebAssembly」をFirefoxとEdgeもサポートすることに
By Walter Mozilla、Google、Microsoft、Appleといった大手ウェブブラウザを開発する4社が標準フォーマットとして開発に合意したのが「WebAssembly」です。これまでウェブブラウザ上で動的なアプリケーションを実現するにはJavaScriptが必要不可欠でしたが、WebAssemblyはJavaScriptを補完し、マシンパワーの劣る端末でも効率よく言語をコンパイルできるという、ウェブブラウザのためのバイナリーフォーマットになっています。ウェブブラウザの中ではChromeがWebAssemblyを実装していたのですが、新しくFirefoxとEdgeもサポートすることが明かされました。 V8 JavaScript Engine: WebAssembly Browser Preview http://v8project.blogspot.jp/2016/10/
「2020年のアプリ開発環境の予想図」から見えてくるもの
＠ITでは、2016年3月3日（木）～3月13日（日）の期間、Windowsベースの業務アプリ開発に携る＠IT読者を対象に、Web上での自記式アンケートによる読者調査を行った（調査実施・グラフ作成：アイティメディア株式会社。有効回答数は232件）。 本稿は、その調査結果をグラフ化し、簡単な説明と考察を付記したものである。 現在の業務アプリ開発状況 まずは読者が現在、どのような種類の業務アプリの開発に携わっているか、そのアプリがどんなデバイス／OS上で動作しているのか、使われている開発言語が何かについてまとめよう。 開発中の業務アプリの種別 Q. あなたは現在主にどのような種類の業務アプリケーション開発にかかわっていますか？ もっともあてはまるものを、ひとつだけお選びください。 前回の調査とは微妙にカテゴライズが変化しているが、基幹系アプリと業務支援系アプリで全体の約半分という傾向に変わりは
ゲーム開発 - Web ゲーム向け 3D 入門
注意 このページにアクセスするには、承認が必要です。 サインインまたはディレクトリの変更を試すことができます。 このページにアクセスするには、承認が必要です。 ディレクトリの変更を試すことができます。 2015 年 8 月 Volume 30 Number 8 ゲーム開発 - Web ゲーム向け 3D 入門 Michael Oneppo | 2015 年 8 月 ゲームを 3 次元 (3D) にすると、まさにゲームに命が吹き込まれます。ある視点から周囲を見渡したり、物体や風景をさまざまな角度で眺めることができます。では、どうすれば実際に 3D にすることができるのでしょう。そこで、この連載では、ゲームを 3D にする手順を説明し、Web 上で普及し始めているリッチな 3D 環境を実現するために、three.js などのライブラリを利用する方法を示します。連載初回の今回は、「Web ゲームを
複数のブラウザで一度にJavaScriptのテストを行う
本連載は、テストコードをこれから書こうと考えているJavaScript技術者を対象に、テストコードの意義からテスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなど、テスト全般にわたって解説します。また、原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第5回目の本稿は、JavaScriptのクロスブラウザのテスト方法をjs-test-driverを使って説明します。 対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 複数のブラウザでのJavaScriptのテスト 前回までは、主にテストコードの書き方について説明してきました。今回からは、テストの実行環境についての説明をします。 JavaScriptの実行環境は、クライアントサイドはブラウザ
Inside LiquidFun
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
JavaScriptフレームワークはもうこりごり | POSTD
JavaScriptでフレームワークを書くのはもうやめましょう。 JavaScriptフレームワークというものは、あたかも避けられない死と税金のようなもの、絶対にぶちあたる避けられないものといわれています。こっそり聞いてみましょう、新しいウェブプロジェクトが始まるとき、一番初めに聞かれる質問は？十中八九は「どのJSフレームワーク使っているの？」でしょうね。昨今の業界においてJSフレームワークというものは本当に根深く浸透しているのです。でも、だから必須だというものではないのです。実際、もう使うべきではないのです。 どうしてこういった結論に至ったのか、振り返ってみましょう。 AngularにBackbone、Ember・・・ ここのところ長い間、 ウェブプラットフォーム とはHTML+CSS+JS、と簡潔に技術用語の羅列でまとめられてしまっていましたが、そこにはもっとぴったり表す用語“大混乱”
Tumblrの省メモリーな無限スクロール - 記録
無限スクロールまたはauto pagingと呼ばれるUIには、読み終えたコンテンツがどんどん画面の上のほうに溜まっていってメモリーを食い潰すという問題がある。 なかでもTumblrは画像などのコンテンツが多いため、ダッシュボードダイバーたちは無限Tumblrユーザースクリプトなどのユーザースクリプトをインストールして、読み終えたコンテンツを定期的にページ上から自動削除するといった対策を講じていた。 ところが最近のTumblrのダッシュボードでは、ポストが画面外に出るとその中の要素が一時的にページから削除され、画面内に表示されると要素が再度復元されるようになっている。どうやらこれによって無限スクロールによるメモリーの圧迫が抑えられているらしい。 関連するコードはhttps://secure.assets.tumblr.com/assets/scripts/dashboard.jsの/*! s
今一番(?)おいしいJavascriptフレームワーク「Meteor」触ってみた - そんな今日この頃でして、、、
ちょっと前こんな記事がブクマを集めていた。 JavaScript プログラマの職種は4種類くらいに分けるべき プログラムを生業としている者としては、確かに自分の領分が拡大解釈されて仕事を押し付けられることのしんどさは凄くよく分かる。 Node.jsの登場によりサーバサイドまでもJavascriptで記述できるようになったとはいえ、実際的には考慮しなければいけない要素も記述の仕方もサーバとクライアントで全然異なるわけで、「一つの言語で全てを記述できる」とは言ってもなかなか簡単ではなかったりする。 (特にクライアントサイドはフレームワークの概念が何だか混沌としてるし) とは言え、「単一の言語でサーバからクライアントまで弄れる」ということが大きな魅力であるのも確かなわけで、機会があれば勉強してみたいなーと思ってはいた。 そこに面白い設計思想のJavascriptフレームワークMeteorが登場！
JenkinsとSeleniumでJavaScriptのテスト自動化、最初の一歩。第1回 日本Seleniumユーザーコミュニティ勉強会
JenkinsとSeleniumでJavaScriptのテスト自動化、最初の一歩。第1回 日本Seleniumユーザーコミュニティ勉強会 1月18日に都内で開催された「第1回 日本Seleniumユーザーコミュニティ勉強会」。Seleniumプロジェクトの共同設立者であるJason Huggins氏による基調講演に続いて、有志によるライトニングトークが行われました。 本記事ではその中から、玉川紘子氏による「Jenkins x Selenium 最初の一歩」の内容を紹介します（追記：本記事のタイトルは「JenkinsとSeleniumでJavaScriptのテスト自動化」とありますが、実際の内容は「Selenium RCがJavaScriptの技術を用いて自動テストを行っている」という点がポイントという指摘がありましたので、ここに追記します）。 Jenkins x Selenium 最初の一
「CoffeeScriptの関数は明示的にreturnしてはいけない理由」を探す暇あったら他にやるべきことあるのでは？ - mizchi's blog
CoffeeScriptの関数は明示的にreturnするべき | CreativeStyle 本当に遅いのか、それを確かめましょう。 適当にでっちあげたコードです f1 = -> for i in [1, 2, 3] for j in [4, 5, 6] i + j f2 = -> for i in [1, 2, 3] for j in [4, 5, 6] i + j return console.time "f1" for i in [1..100000] then f1() console.timeEnd "f1" console.time "f2" for i in [1..100000] then f2() console.timeEnd "f2" 実行してみます $ coffee hoge.coffee f1: 105ms f2: 4ms 約26倍違う、ということがわかります。
CoffeeScriptの関数は明示的にreturnするべき | CreativeStyle
※ 追記 2014.1.13 ご指摘いただきました。そのとおりなので、心を入れ替えて勉強します。 「CoffeeScriptの関数は明示的にreturnしてはいけない理由」を探す暇あったら他にやるべきことあるのでは？ – mizchi’s blog お仕事ではJavaScriptではなくCoffeeScriptをたくさん書いている@kadoppeです、こんにちは。 最近いろいろと考えた結果、「CoffeeScriptで書くすべての関数は明示的にreturnするべき」、という結論に落ち着きました。その経緯や理由について書いてみます。 暗黙的なreturn CoffeeScriptで、明示的にreturnされていない関数を定義した場合、関数内の最後の式を評価した結果の値が、戻り値として返される仕様になっています。 例えば、引数を足し合わせる関数をCoffeeScriptで以下のように定義します
JavaScriptアプリケーションのためのデザインパターン
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog
https://jp.techcrunch.com/2014/02/26/20140225microsoft-adds-full-typescript-support-to-visual-studio/
JavaScriptのためのSOLID設計原則
Google、プログラミング言語「Dart」のソフトウェア開発キット「Dart SDK 1.0」を公開