「AWS無料相談会」をオンラインで開催中

JavaScript

1/3ページ

GopherJSを利用して、GoをJavaScriptに変換する

概要 今回は、GoをWebブラウザ上で動作させるために、GopherJSを利用する方法を解説します。 他にも方法やツールはありますが、私が読んでいたオープンソースプロジェクトで使われていて興味を持ったため、今回はGopherJSについて調査しました。 公式のドキュメントを読んでも、ひとまず動作確認する方法が分かりにくかったため、本記事では、簡単なプログラムを動作させるところまでを解説しています。 […]

JavaScriptの同時実行モデルについて

概要 JavaScriptが多くの言語と異なる点のひとつに、イベントループベースの同時実行モデルがあります。これは、JavaScript自体というよりも、ブラウザの仕組みにも関わりがあります。 今回はそれについて書いてみようと思います。 目次 概要 ラインタイム ヒープ スタック キュー イベントループ 応用例 まとめ 参考 ラインタイム MDNの図を拝借すると、JavaScriptのラインタイム […]

RxJSを例とした独学の10ステップ

エンジニアは常に学習していく職種ということで、自分で学習の計画をたてられることは重要だと考える。今回は、Soft Skillsという本で、独学の方法について触れていたので、それを少し整理してみようと思う。 学習の10ステップ あげられていた10のステップは以下だった。 Get the big picture Determine scope Define success Find resources […]

2017年、新規にJavaScriptを書くならどんな設計をするか

この記事はJavaScript Advent Calendar 2016の記事です。 今回は、2017年、新規にJavaScriptを書くならどんな設計をするか、というテーマで書いてみようと思います。2017年といっても、しばらくはこんな感じのアーキテクチャでやってきましたので、どんな構成でJavaScriptを設計してきたかという方が正しいかもしれません。基本的にはSPAをベースとしています。 […]

Flowを使ってアプリケーション開発するためのエディタ環境いろいろ

これはフロントエンドエンジニア Advent Calendar 2016の第7日目の記事です。 今年はほぼずっとTypeScriptでコードを書いていたので、気分を変えてFlowでコードを書く時の環境について調べてみました。 私は普段Visual Studio Codeでコードを書いているのですが、特に助かっているこの辺りの機能を踏襲した環境を基準にしてみます。 エディタ内で型エラーを表示 何か間 […]

NativeScriptでプッシュ通知を実装

NativeScriptでプッシュ通知を実装したので、大まかな流れだけ書いてみようと思う。なお、BaaSには、Reproというサービスを使用した。 iOS 実装の流れ CSRファイルの作成 開発用証明書(.cer)の作成 AppIDの作成 端末の登録 プロビショニングプロファイルの作成 APNs用証明書(.cer)の作成 APNs用証明書(.p12)の作成、Reproへのアップロード Reproの […]

RxJSを使って非同期なレスポンスをリクエストした順に結合する話

RxJSは非同期処理を高度に抽象化するので、煩雑な手続きをシンプルに書ける場面が多く、その辺にRxJSのユーザがこのライブラリにのめり込んでいく要因があるように思います。 一方、実地で使っていないとこういったメリットは、説明されてもピンとこないということがあるかも知れません。 そこで本稿では、実際に遭遇した『RxJSを使っていたから楽だった』コードをベースに、RxJSのメリットを紹介したいと思いま […]

TypeScriptで使えるMaybeモナドライブラリの比較

小飼です。 TypeScriptの2系が正式に公開されました。 多数の機能追加・改善がありましたが、中でも目玉の一つはstrictNullChecksではないでしょうか。 今まで曖昧だった、『ある型がnull/undefinedを取り得るか?』ということを、型レベルで厳密に検査・検出することができるようになる機能です。 実行時エラーになるバグの多くが、不用意なundefined/nullへのアクセ […]

デザインパターン分科会で取り上げたいテーマ

インスタで噂の、ダイソー・スクエアボックスを買い込んだokpです。 弊社では、来月から、デザインパターン分科会が始まる。以前より行なっていた読書会の延長だが、特にこれと言った書籍は決めずに、パターンごとに分科会を進める想定だ。 そこで今回は、僕がデザインパターン分科会で取り上げたい(教えて欲しい)テーマを幾つかあげてみることにする。 DIとService Locator DIとService Lo […]

RxJSを用いた実装パターンの実例まとめ(後編)

小飼です。 前回に引き続き、RxJSのコード実例を紹介します。 ドラッグストリームの作成 onmousedown・onmouseup・onmousemoveイベントから作ったストリームをより合わせて、 『マウスドラッグ』というストリームを作成します。 こういった『既存のDOMイベントを混ぜ合わせて新しいストリームを作る』ようなことは、Rxの最も得意とする領域だと思います。 const { merg […]

1 3