Hiki Tech Blog

ゆるくテック系(web,Unity,UE4)の記事を書いてます

frontend

【FE】position: sticky ヘッダー固定するときに非常に便利

ヘッダーやフッターを固定したいなと思った時によく position: fixed; を個人的に使いがちだった。 しかし スクロールした時に固定したい という要望が出た時に、 JSでスクロール値とって....という処理が面倒だった。 またブラウザによっては処理が重くカク…

【FE】Angular Material 実践 vol.1

最近1からAngularを実装する機会があったのですが、デザインをおこすのが億劫だと思い、AngualrMaterialならばPSDを作らずともいい感じのデザインになるのではないかと思い、手を出してみました。

【FE】JSON Server - 簡単にAPIのモックを作成

Apiの実装がまだ終わっていないので、フロントの作業が進まない、、 そんな時にJSON Serverを使って、ローカル環境にAPIのモックアップを作ることができました。

【FE】物理演算エンジン、Matter.jsを使ってみた。

ゲーム作成に興味があったので、物理演算エンジン、Matter.jsを使ってみました。 Matter.js Matter.jsは物理演算が必要なアニメーションやWebゲームを作りたいときに使えるJSのライブラリのようです。

【FE】ECMAScript6 ~ MapとSet ~

先日、ES6のMapを使っての実装をする機会があったので、改めてMapとSetを学んでみようと思います。

【FE】AngularJsでよく使うAPI

angular.module()などはAngularで実装する際、必ずと言っていいほど使用すると思いますが、そのほかのAngularのAPIで便利だなと思った関数あったので、書いてみました。

【FE】Javascriptの正規表現

今までわかっている気になっていた正規表現。 先日仕事で正規表現を書く機会があったのだが、うまく書けず、数時間ハマってしまったので、改めて勉強し直そうと思う。

【FE】Brunchでフロントエンド開発

知人からgulpでもなくgruntでもなく、Brunchが良いといわれ、ならばどのようなビルドツールなのか気になって調べてみた。 Brunch github - https://github.com/brunch/brunch 公式サイト - http://brunch.io/

【FE】React向けのアーキテクチャパターン - Flux

Fluxの概念について勉強してみたかったので、色んな記事を読み漁り自分なりにまとめてみた。 Fluxの要素 1、View(ReactComponent) 2、Action 3、Dispatcher 4、Store とりあえずこの4つを覚えればよいらしい。