Featured Partner Articles Cloud cost optimization best practices Read moreHow to choose a cloud provider Read moreDigitalOcean vs. AWS Lightsail: Which Cloud Platform is Right for You? Read more
それでは早速それぞれの発表を見ていきましょう! マインスイーパで学ぶReact 1人目は私(@purple_jwl)の発表です。 私はReactの初歩的なことやマインスイーパを作る手順やその過程で考えたことについて話しました。 この発表で登場したマインスイーパはここで遊べるようになっているので、ぜひ遊んでみてください。 Workboxで始めるService Worker 2人目はEC事業部でエンジニアをしているネッシーさん(@tsuchikazu)の発表です。 ネッシーさんは自身が注目する技術の1つであるService Workerに関する話をしてくれました。 Service Workerでできることは様々ですが、そんな中で今回はキャッシュ機能に注目し、キャッシュするための戦略やWorkboxを使用したキャッシュの便利な点などについて説明されていて、大変勉強になりました。 社内でもServ
ややお気持ち多め。 前置き 最近の個人的な考えとして、React 書く人は ReactNative 側にスキルを寄せたほうが良いのではないか、と思っている。 ReactNative の需要の高まりは凄い。最初はプロトタイピング採用だったのが、徐々にプロダクションに出始めている。今年末には新規プロジェクトの10~20%は ReactNative になるんじゃないか?という感すらある。 僕はデスクトップのブラウザは好きだけども、残念ながら、世の中の趨勢はモバイル側にある。その上でフロントエンドにロックインすることをリスクに感じている。PWAのアプリケーションも来そうではあるが、直近の需要を賄うためにやはりReactNativeに習熟しておきたい。 大事なのは、「考え方として」 ReactNative に軸足を移したほうが色々といいということだ。 Web は基本的に動きが少ない。見栄えをよくした
JavaScriptでの開発にライブラリとフレームワークは欠かせないと言っても過言ではありません。しかし、種類が多すぎて選ぶのに迷うという方は多いのではないでしょうか? そこで本記事では、人気のJavaScriptフレームワーク&ライブラリをまとめました。各フレームワーク・ライブラリの特徴を解説していますので、「.js」選びに迷った際には、ぜひ参考にしていただければ幸いです。 JavaScriptライブラリとフレームワークの違い JavaScriptライブラリとJavaScriptフレームワークがあるのは知っているものの、実は違いをよく分かっていないという方は多いのではないでしょうか? たとえば、Reactはライブラリで、Angularはフレームワークですが、解説記事でも混同して使われるケースがしばしば見受けられます。開発で利用するならそれぞれの役割の違いを正しく理解しておいた方がよいでし
はじめに AngularはGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS(AngularJS 1)と呼ばれていましたが、バージョン2で全面的に刷新され、以降アップデートが続いています。 Angularは、2017年3月のバージョン4に続き、同11月にバージョン5がリリースされました。バージョン5では、Angularを「より小さく、速く、使いやすく」するための改善が行われました。 図1 Angular 5のアップデートを案内するブログ記事(Angular公式ブログより) 本記事では、Angularのバージョン5(以下、Angular 5)の変更された点や新機能を、サンプルとともに説明していきます。 対象読者 Angularをより深く使いこなしていきたい方 Angularの新しい機能や変更点を確認したい方 今
試したこと AppShellモデルでモジュール構成を組み直す。1 そのために共有リソースをCoreModuleとSharedModuleに分割する。2 main.bundleのファイルサイズ削減を計測する。 環境 Angular:5.2.6 Angular-CLI:1.7.1 モジュール構成の戦略 AppModuleをAppShellモデルにする AppShellモデルのために、AppModuleは以下の役目だけを持たせます。 application shell 各content(LazyLoadingModule)へのルーティング DIコンテナの最上位ルート これにより初回ロードに必要なmain.bundleは、AppShellだけになります。 アプリ全体だと次のようになります。 各contentはLazyLoadingModuleへ回して、できるだけ共有リソースもAppModuleから
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: When (and when not) to use Redux – LogRocket 原文公開日: 2018/01/20 著者: Christian Nwamba サイト: LogRocket 2018/03/13: 初版公開 2021/06/03: 更新 Reduxが登場するまで、複雑なタスクを組むときのステート管理は相当つらい作業でした。Reduxは、Fluxというアプリケーションデザインパターンにヒントを得て、JavaScriptアプリでステートを管理するために設計されました。ReduxはReactと併用されることが多いのですが、ReduxはjQueryやAngular、Vueといった別のフレームワークとも併用できます。 Reduxのサイズは非常に小さい(依存関係も含めてわずか2KB)にもかかわらず、アプリの各コンポーネ
ionicとは IonicはAngularJsをベースにした、モバイルアプリケーションを開発するためのフレームワーク。オープンソースで、MITライセンスで利用できる。 Apache Cordovaの上に構築されており、HTML5を用いたクロスプラットフォームのハイブリットアプリケーションを開発できる。 Tinderのようなアプリの開発 今回は、Tinderライクなアプリケーションをプロトタイプとして、開発しようと思います。 ※ionicの始め方は他のところにも書いてあるので、割愛 機能としては、 スワイプ チャット マッチ メッセージ ※もし開発できたら、実装方法を記事でまとめようと思います。 ミスりやすいところ 同じところでミスした人の救いになれば。 「cordova」を使うとき
2018-02-27 Composable な UI 設計を目指したフロントエンド開発 こんにちは、開発本部の舘野です。医療介護の求人サイト「ジョブメドレー」の開発を担当しています。 昨年、ジョブメドレーでは事業所が利用する採用管理画面の UI リニューアルを行いました。ユーザが使いやすい UI づくりを目指すために、長期間にわたり誰が開発しても一貫性ある UI を実現できるようなシステムが必要です。そこで今回は「Composable」な UI システムの実現をテーマに、どのように開発を行ったのかについて、共有させていただきます。 背景:画面や機能追加のたびに UI の一貫性がなくなっていた ジョブメドレーの採用管理画面とは、医療機関や介護施設の採用担当者が求人情報の管理や応募者の選考状況の管理などを行う画面です。 この採用管理画面ですが、リニューアル以前はAngularをフレームワークと
Angular recently announced a new render engine called Ivy. Ivy is an amazing present from Angular team! It produces hello-world app in mere 3.2KB, on a par with minimal framework like preact. Unfortunately little documentation, if any, exists to explain how Ivy works. This blog post strives to fill this gap, by translating an amazing answer from zhihu, a superior Q&A website to Quora. I hope this
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これは2017年の11月から独りでWebサービスを作りはじめて、独りでリリースをして、独りで打ち上げをした、独身男性の備忘録です。 開発からリリースまでの4ヶ月間、自分が開発中に心がけていたことなどを忘れないように、次のサービスに活かせるように、Qiitaに投稿しておきます。 また『Webサービス作るぞ!』と、独りで考えている方の参考になればと思います。 作ったもの OFFICECLOCK - クラウド型の勤怠管理サービス トップ画面 登録画面 勤務表画面 打刻画面 OFFICECLOCKは何ができるのか? ざっくり説明すると... W
各種JSベースのダッシュボードを調査しました。 一長一短、選択も楽しく難しいです。 ngx-admin https://github.com/akveo/ngx-admin http://akveo.com/ngx-admin/ blur-adminの後継でAngular4版(2017/9/22)公開 だいぶ雰囲気が変わってしまいました。 開発陣のメッセージに、「開発を諦めたと思ったでしょ」というのがあるくらい、 ngxを創るのが大変だったようです。 https://www.akveo.com/blog/post-release-of-ngx-admin-and-nebular-in-a-nutshell/ angular-dashboard-framework https://github.com/angular-dashboard-framework/angular-dashboard
Angular, React, Vue as most popular JavaScript frameworks at present, we just discuss Angular 1.x, Angular 2 / 4, React 15+ (Redux), and Vue 2+ here. There is no Angular 3, if you have not noticed before. Client side is a battle fieldIn past 6–8 years, the Restful API has been accepted as one of standard web interfaces for most web applications, solution architect can simply add REST API on the to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く