Qiita - JavaScriptタグが付けられた新着投稿

【2018年】フロントエンドエンジニア1年生として、この一年取り組んだこと。

SN

12/11 17:46

2018年、肩書がマークアップエンジニアからフロントエンドエンジニアに変わりました。

フロントエンドエンジニアとして、今年一年、自分がどのような活動をしていたか?まとめてみました。




読んだ書籍


...

リーダブルコードを3年ぶりに読み返してみて見つけた たった1つの大原則

リーダブルコードを3年ぶりに読み返してみて見つけた たった1つの大原則

SN

12/11 15:50



はじめに

これはCyberAgent 19新卒 エンジニア Advent Calendar 2018の11日目の記事です。



リーダブルコードを3年ぶりに読み返してみたお話をします。


リーダブルコードを読み直してみた

つい先日、...

Chart.jsを用いて複数のグラフをウィンドウサイズに比例表示する際の注意点

SN

12/11 15:16



概要

画面半分をWebGLのcanvas、もう半分をChart.jsのcanvasを縦に3つ並べる、といった状態のアプリケーションを作る際にハマってしまった内容について


当初のコード

HTMLでは、このように1つのdivの中に3...

【メモ】Javascriptによって追加された要素にJavascriptで何かをする

SN

12/11 15:02

remodal.jsという鬼便利なプラグインでモーダルウインドウは実装しておりましたが、脱ぢぇーくえりーの為にそれっぽいものを自作しようと動き出した際に躓いた。

モーダルといえばレイヤー(よくある黒くて半...

JavaScriptのソース内で環境依存の値を切り替える

JavaScriptのソース内で環境依存の値を切り替える

SN

12/11 14:39



はじめに

Reactのアプリケーションの開発の際、環境ごとに値を切り替える必要があったので、その時採用した方法をまとめたものです。


方法

いくつか方法はありますが、今回は以下の方法を採用しました。


...

【Part2】はじめてのReact勉強メモ

SN

12/11 11:23



はじめに

前回の続きです。

公式チュートリアルのHello Worldからやってみます。


やってみる


Hello World

前回構築した環境のindex.jsを改変して、以下のようにしてみます。

ReactDOM.render()で既...

IntersectionObserverを使ってビューアブルインプ計測を試しました

SN

12/11 11:10



はじめに

この記事は MicroAd Advent Calendar 2018 の11日目の記事です。

ビューアブルインプはネット広告の効果測定の一つ重要な指標ですので、弊社も導入しています。

いくつ計測手法は存在しています...

Highchartsでzoom後の軸の値を取得する

Highchartsでzoom後の軸の値を取得する

SN

12/11 10:21



はじめに

Highchartsは商用利用では有償になりますが、様々なパターンがあらかじめ用意されており、

簡単にグラフを描くことが出来ます。

今回、Highchartsの機能であるZoomを使った際に、Zoom後のX軸の...

Font AwesomeとJavaScriptでシューティングゲーム(その1)

Font AwesomeとJavaScriptでシューティングゲーム(その1)

SN

12/11 09:32



はじめに



Font Awesomeのサイトを眺めてたらゲームで使えそうなキャラクターがいっぱいあるなあと思ったので作ることにしました。

今回は、シューティングゲームを作ります。まずベタ書きで作ってみて、そ...

Inject JS Scriptで呼び出したJavaScriptの非同期処理をUiPathに待たせる方法

Inject JS Scriptで呼び出したJavaScriptの非同期処理をUiPathに待たせる方法

SN

12/11 09:14

UiPath (ja) Advent Calendar 2度目の登場です。すみませんすみません。

2日目では、UiPathでJavaScriptを活用する方法を長々と書かせていただきました。

もし、UiPathでJavaScriptを活用するイメージにま...

Nuxtで踏み出すフルスタックエンジニアへの道

Nuxtで踏み出すフルスタックエンジニアへの道

SN

12/11 08:37

この記事はNuxt.js Advent Calendar 2018の11日目です。


この記事の内容


プロダクトのプロトタイピングとフロントエンドエンジニアの価値について
Nuxt.js×Express×MySQLのアプリケーションテンプレートnuxt-...

JavaScript: f( array ) よりも f( [...array] ) がいいとき?

SN

12/11 07:02

単純なことなんですが、最近うっかり踏みそうになったプチ地雷からのクイズ?です。


突然ですが

何が表示されるでしょうか?

const array2Gen = xs =>
function*(){ yield* xs; }();

const a = [0,1,2];
...

社内向けにJavascript初心者を中級くらいまで引き上げるslideを作りました

SN

12/11 07:02

社内向け勉強会で発表したプレゼンスライドを載せます。

フロントエンドの複雑性と戦うベストプラクティス



主に、ESを学び始めたJavascript開発者向けにスライドを作っています。webpackを触ったことがな...

PuppeteerでKindleのハイライトを自動取得してみた

PuppeteerでKindleのハイライトを自動取得してみた

SN

12/11 07:02



はじめに

Googleが提供するライブラリを使ってクローラを作りましたので、その紹介をします。

PuppeteerはGoogleが提供するNode.jsのライブラリで、ChromeまたはChromium(以下、Chrome)を自動で操作する...

画像をドラッグアンドドロップしてドロップ先の画像を変える

画像をドラッグアンドドロップしてドロップ先の画像を変える

SN

12/11 07:01



はじめに

これはSLP KBIT Advent Calendar 2018 11日目の記事です。

今回初めて書きます。よろしくお願いいたします。

イー〇イ可愛いですよね。このイーブ〇は様々な種類に進化しますが、どの子が一番好...

虫眼鏡機能を比べてみた

SN

12/11 02:49

ECサイト制作で虫眼鏡機能を導入する機会があったので今回は

虫眼鏡機能のプラグインをいくつか比べてみました。


OKzoom.js

マウスオーバーでルーペ(虫眼鏡)みたいにズームできます。

比較的簡単に...

UnityやCSSで使える9スライス画像を自動生成するWebアプリを作った

UnityやCSSで使える9スライス画像を自動生成するWebアプリを作った

SN

12/11 01:07

この記事は個人開発 #2 Advent Calendar 2018の11日目です。

昨日は @yuji_saito さんの 「ファンサイトの個人開発と、片手間運用のためのRPA」 でした。


作ったもの


9 SLICER


https://zprodev.github.io...

Runkit で作るお手軽サーバレス Slack App

Runkit で作るお手軽サーバレス Slack App

SN

12/11 00:27

いまさらですが Runkit で Slack の投票アプリを作ってみました。なんとサーバレス&DBレスです。



この記事ではこの投票アプリの作り方を紹介します。

(Runkit を知らない人は Runkit で作るお手軽...

すぐできる、Chrome拡張機能で"デベロッパーモードの拡張機能を無効にする"のポップアップをめったに出さない方法

SN

12/11 00:25

permissionsに"background"を加えると、拡張機能がChromeを閉じても生き続けます。

こうすることで、パソコンのメモリ・CPUを代償にして、ポップアップをパソコン起動時以外無効化できます。

"permissions"...

Web上で画像をトリミングするにはCroppieがいい感じかもしれない

Web上で画像をトリミングするにはCroppieがいい感じかもしれない

SN

12/11 00:12

P&Dアドベントカレンダー10日目の記事です。まだ10日目です。UTC的にはまだ10日目です。


ブラウザで画像を切り取るとき

画像をトリミングするといえば、「Cropper.js」といったツールや他にも「Jcrop」な...

PR:Amazonプライムビデオ

Qiita

Qiita - 人気の投稿

Qiita - AWSタグが付けられた新着投稿

Qiita - Gitタグが付けられた新着投稿

Qiita - Linuxタグが付けられた新着投稿

Qiita - MySQLタグが付けられた新着投稿

Qiita - nginxタグが付けられた新着投稿

Qiita - Dockerタグが付けられた新着投稿

Qiita - Pythonタグが付けられた新着投稿

Qiita - Rubyタグが付けられた新着投稿

Qiita - PHPタグが付けられた新着投稿

Qiita - Javaタグが付けられた新着投稿

Qiita - JavaScriptタグが付けられた新着投稿