はてなブックマーク

Angular Workshop - Animationsに参加してきたので忘れないうちにメモ。 スライドは http://slides.com/gerardsans/ng-japan-animations#/ です。 Gerardさんの説明がわかりやすく途中に手を動かす練習問題もあって大変良かったです Angular Animationって？ Web Animations APIの上に実装されている まだ実装していないブラウザもあるのでそのときはpolyfillを使う Web Animations APIはローレベルでできないこともあるので、Angular Animationを作った CSS Transitions, CSS Animationsと似たAPI CSS Transitions 初期状態・終了状態を定義する 途中の状態は自動的に計算される アニメーションするプロパティを指定す

CSS Advent Calendarが17日だけ空いていたので書いてみます。 TL;DR 食わず嫌いだったCSSに入門してみたら思ったよりも理解できた わかりやすいサイトで入門して、写経して、なんか作ってみた CSSを避けてきた人もやってみると案外いけるかもしれません はじめに サーバーサイドとかなんでもやるけどCSSだけは触りたくないし勉強もしたくないというエンジニアの方は割と多いんじゃないでしょうか。僕もそんな感じだったのですが、あるきっかけでCSSもできるようになろうと思い勉強してみると思ってたよりも理解できた気持ちでなったので、やったことについて書いてみます。 やったこと 入門する サルワカ HTML&CSS入門：イチからWebデザインを習得する講座 すげーーわかりやすいです。電車の中で1週間くらいで一通り読んでこれまで疑問だったとこが解決しまくりました。inline/block

Angularでコンポーネントとアプリを分離して開発していて、そのコンポーネントの開発で依存関係逆転の原則(Dependency Inversion Principle)を使うといい具合にコンポーネントを定義できるのではないかと気づきました。いいかもしれないし悪いかもしれないのでいろいろご意見いただけたらうれしいです 前提 どんなAngular開発の現場でもメリットがあるわけではなく、以下の前提を想定します。 規模が割りと大きい 全体を整えるために記述がある程度冗長になっても許される コンポーネントとアプリケーションを分離している フォルダ単位とか、コンポーネントを別ライブラリにしているなど ビジネスロジックとコンポーネントが混ざるのを防ぐためとか、コンポーネントを複数のプロダクトで共有するとか 単純な実装 Todoを扱うようなコンポーネントをAngularで作るときに、一番単純に作るとこ

自己紹介 西田雅博 株式会社ビズリーチ HRMOS採用管理というサービスでフロントエンドをメインにやってます (Component Driven Development with AngularというタイトルでしたがAngularがほぼ関係ないので変更しました ) Component駆動開発はじめました きっかけ AngularJS 1.4で構築されたSPA フロント、バックエンド（だいたい）10万行〜 2〜3年経ってメンテナンスがなかなかつらい Angular4への移行を始めている Upgradeは諸事情によりあきらめ、新規リプレイス 新規で始めるならなんかやりたい 数年後開発スピードがなるべく落ちないように すいませんほぼAngularの話無いです 新しい取り組み コンポーネントとアプリを分離 コンポーネントリストアプリ Atomic Components 今日は話さないけど RxJS

NgModules NgModuleは @NgModule デコレータがついたクラスで、どのようにコンパイルして実行するかをAngularに伝えるメタデータオブジェクトを引数に取る。 モジュールのコンポーネント、ディレクティブ、パイプを識別し、外部コンポーネントが使用できるようにする。 DIされるサービスのインスタンスを生成する。 このページでは、NgModuleについて詳しく説明する。 このページではTour of Heroesのサンプルを改善していく過程でNgModuleを説明する。最初から最後までの状態のサンプルが公式ページに用意してある。 Angular modularity 機能やビジネスドメイン、ワークフローなどの単位でモジュールを作る。 モジュールはアプリケーションの開始とともにすぐに読み込まれる　(loaded eagerly)。ルーターによって非同期に遅延ロードする(la

この会の進め方 https://angular.io/docs を読み進めていきます Angular 自習のススメ angular.io/docs 公式サイトのドキュメントが充実 ここ読めばもうAngularマスターです 英語 https://github.com/ng-japan/hands-on ng-japan (Angular Japan User Group) が公開しているハンズオン 日本語 各自これをやりましょう（完）でいい気も angular.io/docs を読み進める デモを動かす 大体のページでブラウザ上ですぐ動かせるデモと、ダウンロードしてローカルで動かせるデモが用意されています The code referenced on this page is available as a live example / downloadable example. live e

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2017/1/17 v2.0.0-beta.31時点でのREADME.mdのほぼGoogle翻訳です。勝手にやったのでまずかったら消します！ A tool for managing JavaScript projects with multiple packages. About Splitting up large codebases into separate independently versioned packages is extremely useful for code sharing. However, making

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

自己紹介 @adwd118 adwd 株式会社ビズリーチ スタンバイ事業部 Web歴1年 サーバーサイドエンジニア？ React/Redux入門やりました speakerdeck 求人検索エンジン スタンバイ スタンバイ スタンバイ 社内向け管理画面 スタンバイの__社内向け管理画面__でReact/Reduxを使った スタンバイ本体ではない SPA的要素はあまりない パフォーマンス、セキュリティなどそこまで気を使ってない コンテンツ React/Fluxについて 管理画面の構成 React/Reduxを使った感想 React React javascriptでUIを構築するライブラリ （MVCのV） コンポーネント指向 js-centric ほぼjsの中で完結する Flux 単方向データフロー Flux ViewはStoreからデータ（状態）を受け取って表示するだけ Storeの状態を変

はじめに Play Frameworkのactivatorについてるサンプル"Hello Akka!"のテキストを（かなり雑に）日本語に訳しました。各章がactivator uiに表示される説明テキストのページに対応してます。自分が勉強するついでに日本語訳したものでスーパー雑です！あとオリジナルのテキストにはJavaとScalaのそれぞれのソースに対する説明が併記されてますが、Java向けの説明は訳してません。 Source Code Akkaは高度な並列分散、fault-tolerantでイベントドリブンなアプリケーションをJVM上に構築するツールキットとランタイムだ。AkkaはJavaとScalaどちらでも使える。Akkaのもっとも強力な機能はアクターモデルによる並列性で、このチュートリアルではそれについて学ぶ。 チュートリアルで扱うサンプルはとてもシンプルだ。サンプルではGreete