ライブラリに関する記事とニュース
-
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/08フレームワークとツールの両面で完成度アップ！ 「Angular」バージョン7の新機能
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はAngularのPWA（Progressive Web Apps）機能でWebプッシュ通知を実装する方法を紹介しました。今回は2018年10月にリリースされたAngularのバージョン7を取り上げ、新機能を紹介していきます。
-
2018/12/21「中の人」が教える！ OSSを“Apache”ブランドに育てるApache Incubatorのしくみとは？
Apache Software Foundation（ASF）には200以上ものOSSが所属しています。これらのOSSはもともとどこかの企業や個人ボランティアのグループが開発していたOSSであり、その後ASFに寄贈されたものです。ただし、いきなりASF の正式プロジェクトになれるわけではなく、いったんは Apache Incubatorと呼ばれる「養成所」に入門し、そこで Apacheの流儀を学び、卒業すると ASFの正式プロジェクトとなります。本記事ではApache Incubatorのしく...
-
2018/06/15Reduxで非同期処理を行う～Middlewareを使って実装する方法
第8回ではFluxの概念を紹介しながらReduxの基本的な使い方を学びましたが、Reduxを実際の業務で使う場合には、実践的なノウハウが必要になります。今回は、よりReduxを現場で使えるツールとして活用するために、Middlewareの仕組みを導入しながら、外部との通信を行う際に必須となる非同期処理を行う方法について学ぶことを目的とします。
-
2018/04/09アプリの状態管理を安全に行うためのFluxとRedux
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びましょう。
-
2018/03/30「prop-types」でPropsのデータ型を担保する
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びましょう。
-
2018/03/02Storybookでコンポーネントの品質を向上する
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回はStorybookというツールの使用方法を利用してコンポーネントのカタログを作ることで、高速に動作確認を行う方法を学びましょう。
-
2018/02/01React Routerで複雑な画面遷移をシンプルに実装する
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回はライブラリ「React Router」を利用して、GUIアプリケーションには欠かせない画面遷移とURLの管理を行う方法を学びましょう。
-
2017/12/28Reactによるフォーム／リストの基本
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回はJavaScriptでステートフルなアプリケーションを実装しながら、「リスト」と「フォーム」のWebアプリケーションに欠かせない要素を学びましょう。
-
2017/04/12React×Material-UIでモダンなUIを実装する
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。前回はReactコンポーネントの基本であるPropsとState、およびライフサイクルについて解説しました。本稿ではデザイン性をアップさせてくれるサードパーティー製のコンポーネントセット、Material-UIの使用方法について紹介します。Material-UIは、Googleのデザインガイドラインに則って開発されたコンポーネント...
-
2017/02/09Reactコンポーネントへの理解を深める
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。本稿ではコンポーネントを使いこなすためには避けて通れない、PropsやState、およびライフサイクルについて解説します。
-
2017/01/04Reactの概要と基礎技術要素を理解する
本連載は、Reactアプリを開発するための基礎を身につけることを目的としたものです。Reactは、コーディング方法が少し独特なため、最初のハードルが高めに感じる方も多いかと思います。しかし、一度その方法を身につければ高い開発生産性を発揮します。本連載では、はじめてReactに触れる方でも無理なく開発スキルを身につけられるよう1つずつステップを踏んで解説していきます。連載では、Reactの概念・文法・作法などといった基礎的な事項を学んだ後、Fluxアーキテクチャを採用した本格的なアプリ開発の手法...
-
2016/11/22誰もが簡単にデータビジュアライゼーションできる世界を目指して！ 日本発OSSプロジェクト「E2D3」とは
近年、ビッグデータを利活用するためにデータビジュアライゼーションが注目されています。データビジュアライゼーションには、データリテラシーのほか、ウェブサーバやプログラミング言語の知識が必要となりますが、一般ユーザがそれらを使いこなすのは至難の業。仮にエンジニアに開発を依頼したとしても、定期的なデータ更新を必要とするため、リソースやコスト不足が立ちはだかります。そこで、世界で10億人使うといわれ、分析ツールとして最も身近なExcel上でデータビジュアライゼーションを可能にすることを狙い、有志のエン...
-
2016/08/18jQuery 3での変更点 ～ Promises/A+互換となったDeferred機能を中心に
今年2016年6月9日、ついに正式版がリリースされた jQuery 3。メジャーバージョンアップしたjQuery 3では、従来のバージョンから、いったい何が変わったのかを2回に分けて解説します。
-
2016/07/26いよいよ正式版が登場！ jQuery 3での変更点と前バージョンからの移行のポイント
今年2016年6月9日、ついに正式版がリリースされた jQuery 3。メジャーバージョンアップしたjQuery 3では、従来のバージョンから、いったい何が変わったのかを2回に分けて解説します。
