この記事は JavaScriptアドベントカレンダーの1日目の記事です。 qiita.com JavaScriptというよりはChromeの話かもしれませんが、最近エクステンションを作って楽しかったので簡単に作り方を書いてみます。 Chromeエクステンションとは github-label-creater 私は普段、GitHubで開発するときにIssueのラベルを自分好みに変えてから使うのですが、 毎回作り直すのが面倒でブックマークレットを作ろうとしました。 ただ、ブックマークレットだとソースコードの量が限られてしまうので、Chromeエクステンションにしようと思い立ち、github-label-createrなるエクステンションを作成しました。 github.com こんな感じで使えます。 エクステンションの種類 一言でエクステンションと言っても、いくつか種類があります。 とてもざっくり

はじめに Vue.jsは軽量ですが、数万件のリストを並べるとそりゃ普通につらい。 だから目に見えるとこ以外はdom描いてもらうのやめるってコードです。 デモ デモ(jsfiddle) コード <div id="app"> <div style="overflow:auto;height:170px;" @scroll="getScrollParam"> <ul :style="listStyle"> <li style="height:17px" v-for="num in displayList">{{num}}</li> </ul> </div> </div> new Vue({ el: '#app', data: function(){ return { list:list, scroll:0,//スクロール量 scrollMax: (list.length - displayRow

確かリーダブルコードか, code completeに乗っていた方法な気がします。 まさかり歓迎 忙しいんだけど 楽に理解できるくらいにコードを分割しましょうという話です。 こんなコードがつらい＞＜ 選択項目によってコンテンツが何パターンか変わるみたいなコード、Web制作でもありますよねぇ... if (hoge === "aa" && !(piyo === "bb" || fuga === "aaaa")) { /* * 共通処理 */ if (hige == "cc") { //固有な処理A } } else if(hoge === "bb" && !(piyo === "aa" || fuga === "aa")) { /* * 共通処理 */ if (piyo == "puyo") { //固有な処理B } } else { //なんでもなかった時 } サンプルコードを考えるのもつ