「JavaScript」に関する記事
-
2019/07/10大規模Webサービスの改善に向けたR＆Dの取り組み――SPAのボイラープレート開発とFastlyの活用
本連載ではリクルートテクノロジーズにおける大規模Webサービスの改善についてお伝えしてきました。最終回となる本稿では前回までの話とは異なり、今後のリクルートのWebフロントエンド技術について紹介します。具体的には、Single Page Applicationのボイラープレート開発と、Fastlyなどに代表されるCDN導入に焦点を当てた内容をお送りします。
-
2019/07/03JavaScript UIフレームワーク「Vue.js」で「Wijmo（ウィジモ） 5」のリッチなUI部品を使おう
本連載では、グレープシティが提供するJavaScriptライブラリWijmo（ウィジモ）について、サンプルとともに利用例を紹介します。WijmoはさまざまなJavaScriptフレームワークやライブラリと組み合わせて利用できますが、今回はJavaScript UIフレームワークVue.jsと組み合わせる方法を説明します。WijmoのコントロールをVue.jsのWebページに組み込んで活用できます。
-
2019/06/11「Vue.js」でWebページを作成できるフレームワーク「Nuxt.js」最初の一歩
本連載では、Webページのユーザーインタフェイス（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。初回となる今回は、Vue.jsとNuxt.jsの概要を説明するとともに、プロジェクトの生成や実行、基本的な実装例を通して、Vue.jsやNuxt.jsの機能をいくつか紹介していきます。
-
2019/05/13「Angular Material」で、「Angular」のWebページにMaterial Designを導入しよう
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、Angularの要素を操作するディレクティブの自作方法を説明しました。今回は、Googleのデザインガイドライン「Material Design」に対応したAngularのコンポーネント（UI部品）「Angular Material」を紹介していきます。
-
2019/04/22Webページ要素を操作できる「Angular」のディレクティブを自作してみよう
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、サーバー側でAngularのWebページを生成するサーバーサイドレンダリングについて説明しました。今回は、HTMLタグの属性と似た記法で指定して要素を操作できる「ディレクティブ」を取り上げ、自作ディレクティブを作成する方法を説明していきます。
-
2019/03/18SEO対策やページ表示速度アップに有効！「Angular」のサーバーサイドレンダリング
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、2018年10月にリリースされたAngular 7の新機能を紹介しました。今回は、サーバー側でAngularのWebページを生成するサーバーサイドレンダリングについて、利点や実装方法、機能制限などを紹介していきます。
-
2019/02/27ExpoではじめるReact Native開発環境の構築
今回はReact Nativeを使ったアプリの作成と実行までの流れを解説します。React Nativeの仕組みはよくできたものですが、そのまま扱おうとすると必要な知識が多岐にわたってしまい大変です。本記事では、React Nativeを簡単に扱えるように抽象化されたツール「Expo」を使います。ReactやJavaScriptによるWebアプリ開発では、よくある形でのセットアップになります。
-
2019/02/13JavaScriptの変数宣言はletにすべきか 『入門JavaScriptプログラミング』から解説
JavaScriptの変数宣言で馴染み深いvarは、letとconstが追加されたことで使われなくなっていくだろう、と『入門JavaScriptプログラミング』の著者J.D.Isaacksは書いています。再代入が必要ないときはconst、再代入が必要なときはletを使うほうがいいのだと。今回、本書からletについて詳しく紹介します。本書ではconstについても解説していますので、ぜひチェックしてみてください。
-
2019/02/08フレームワークとツールの両面で完成度アップ！ 「Angular」バージョン7の新機能
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はAngularのPWA（Progressive Web Apps）機能でWebプッシュ通知を実装する方法を紹介しました。今回は2018年10月にリリースされたAngularのバージョン7を取り上げ、新機能を紹介していきます。
-
2019/01/10JavaScriptスプレッドシート部品「SpreadJS」と入力フォーム部品「InputManJS」をReact環境で活用
本記事では、グレープシティが提供するJavaScriptスプレッドシート部品「SpreadJS（スプレッドJS）」と、入力フォーム部品「InputManJS（インプットマンJS）」を、JavaScriptライブラリReactと組み合わせて利用する方法を紹介します。SpreadJSやInputManJSを、Reactとシームレスに連携して活用できます。
-
2018/12/26React Nativeとは何か？ 基本の仕組みと使いどころを理解する
WebブラウザとAndroid、iOSが、アプリの動作環境としてそれぞれ市民権を得た現代では、サービスを1つ作るだけでも、各プラットフォームに対してアプリを提供することが当たり前のように求められます。本連載では、この問題に立ち向かうため、ReactとJavaScriptによるWebアプリケーション開発に近いお作法でAndroidやiOSのアプリ開発ができるツール「React Native」を紹介します。まずは、React Nativeというツールがどういった仕組みで動いているのか、また、どうい...
-
2018/12/19AngularのPWA（Progressive Web Apps）機能でWebプッシュ通知を実装
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）の利用法を紹介しましたが、今回はPWAならではの機能と言える、Webプッシュ通知をAngularで実装する方法を説明します。
-
2018/12/06JavaScript入力コントロール「InputManJS」がアップデート！ 新機能で入力フォームを最適化しよう
グレープシティの「InputManJS（インプットマンJS）」は、Web入力フォーム用JavaScriptコントロールセットです。本記事では、2018年10月にアップデートされて「V2J」になったInputManJS V2Jの新機能を紹介します。
-
2018/11/29Next.jsのシングルページアプリケーションをデプロイして、基本をマスターする
前回は、サーバーサイドレンダリングに対応した、プロジェクトのセットアップの方法を解説しました。最終回となる今回は、作成したプロジェクトをデプロイしてから、Next.jsの基本的な使い方について解説していきます。
-
2018/11/09Next.jsのサーバーサイドレンダリングで、シングルページアプリケーションの課題を解消
シンプルに構成されたシングルページアプリケーションでは、サーバーはファイルを配信するだけで、画面を組み上げるための処理はブラウザ側で行われます。この方式におけるいくつかのデメリットを埋めるために考案されたのが、ある程度の画面構築をサーバー側で行う、サーバーサイドレンダリングです。今回は、サーバーサイドレンダリングの概要と、実際に使う場合のフレームワークの解説を行います。
-
2018/10/30AngularのPWA（Progressive Web Apps）機能でアプリのようなWebページを作成
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はe2e（End-to-End）テストの実行方法を説明しました。今回は、ネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）に関するAngularの機能を紹介します。
-
2018/10/22注目JavaScriptライブラリReactで「Wijmo（ウィジモ） 5」を使いこなす
本連載では、グレープシティが提供するJavaScriptライブラリWijmo（ウィジモ）について、サンプルとともに利用例を紹介します。今回は、最近注目のJavaScriptライブラリReactと組み合わせて、Wijmoを利用する方法を紹介します。Reactの環境では、WijmoのコントロールをReactのコンポーネントとして利用できます。
-
2018/10/12よりExcelライクになった「SpreadJS」のコンテキストメニューやチャート機能を試す
本記事では、グレープシティのJavaScriptライブラリ「SpreadJS」について、2018年8月のバージョンアップで追加された新機能を紹介します。バージョンアップにより、よりExcelライクなスプレッドシートがWebページで利用できるようになりました。
-
2018/09/07Reduxにおける同期的／非同期的なAction Creatorをテストする
前回はJestを用いて、同期的な処理であるReducerのテストを行う方法を学びました。今回はAction Creatorのテストについて解説します。同期的な処理のテストだけではなく、一歩踏み込んだ、非同期処理を伴うAction Creatorをテストする方法についても学ぶことを目的とします。
-
2018/08/22ブラウザーを自動で操作し動作確認できる、「Angular」のe2eテスト
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はAngularのバージョン6で追加された新機能を紹介しました。今回は、Webブラウザーを自動的に操作してAngularアプリの動作を確認できる、e2eテストの利用方法を説明します。
