Skip to content

Instantly share code, notes, and snippets.

@dogrunjp
dogrunjp / 0_reuse_code.js
Created March 20, 2014 04:25
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@dogrunjp
dogrunjp / new_gist_file_0
Last active August 29, 2015 13:57
Draw Hicharts Line Chart with multi data and multi dimensional json
#JSON
#特に色指定の必要が無ければ"color"はいりません。
[
{
"datas":[
{"name": "Array A","color": "#DD421D","data":[140,200,250,260,380,400,500,550,650,800]},
{"name": "Array B","color": "#E27E1A","data":[80,90,110,180,210,210,230,240,250,280]},
{"name": "Array C","color": "#EF9E1D","data":[170,180,230,240,260,270,280,330,340,350]},
{"name": "Array D","color": "#AAC40E", "data":[40,50,130,250,180,160,150,160,140,130]},
{"name": "Array E","color": "#76B711","data":[20,30,50,60,65,70,90,110,115,120]},
@dogrunjp
dogrunjp / d3js_tips_replace_text.js
Created March 23, 2014 13:15
D3.jsのテキストで特定の文字数以上の文字は途中から'…'などに文字を置き換える場合
chart1.append("text")
.text(function(d){if(d.Title.length <= 23){return d.Title;} else if (d.Title.length > 23){txt = d.Title.substr(0,21)+'…';return txt;}});
@dogrunjp
dogrunjp / D3js_remove_items
Created March 25, 2014 21:01
D3.jsのアップデート時に、data().enter().append()したSVGのg要素を削除するとき。
#下記要素にSVGの要素を描画する
<div><svg class="chart1"></svg></div>
#D3.jsでSVG要素を描画後、要素をアップデートする前に下記のようにg要素を削除する
d3.selectAll("chart1 > g").remove()
@dogrunjp
dogrunjp / Gomi-data-ics.txt
Last active August 29, 2015 13:57
静岡市のゴミカレンダーデータのコンバートサービスで利用しているカレンダーフォーマット(ics)と、アプリケーションの設計資料です。平成26年度版(開発中)です。
##階層構造をわかりやすくするためインデントしていますが、実際のデータは行頭に空白を入れると改行を意味するため、空白は入れません。
##コメント行を入れていますがコメントを意味する記号が本当は何か不明。
BEGIN:VCALENDAR
PRODID: -//ex skip-dog.net//Manually #クリエイターの識別子。必須。
METHOD:PUBLISH
VERSION: 2.0 #必須
BEGIN:VTIMEZONE #以下タイムゾーン
TZID:Japan
@dogrunjp
dogrunjp / GAE_ReferrenceProperty_1_n.html
Last active August 29, 2015 13:58
静岡市のゴミ回収日は可燃ゴミや不燃ゴミ、缶ビンなどのゴミの種類によって区分が異なります。例えば、駿河区の石田2〜3丁目は不燃物の収集日は同じですが、可燃物、ビン缶の回収日は石田街道以東と石田街道以西で変わります。可燃ゴミ、不燃ゴミ、缶瓶ゴミの回収日を個別のモデルで定義しリレーションするためにApp EngineのReferencePropertyでどのように実装できるかメモしておきます。
<!--とりあえず自治会名ー地区名のリストを書き出してみます。-->
<ul>
{% for sz in szs %}
<li>{{sz.jichitai}}:
<!--collenction_nameでReferenceProperty型のオブジェクトを取得-->
{% for x in sz.funens %}
{{x.funen}}
{% endfor %}
</li>
{% endfor %}
@dogrunjp
dogrunjp / jinja2_template_index.txt
Created April 11, 2014 13:34
Flask (jinja2)のテンプレートでループのインデックスの取得方法(ゴミカレンダーのUIDを例に) ※この例では清水区のビン缶ゴミ回収日にループごとに別のUIDをふっているが実際は、カレンダー削除などの管理のしやすさのためビン缶ゴミのカテゴリで同一のUIDを使う(UIDの同じEVENTはシリーズとして扱われる)。
##loop.index0 でenumerate()のようなインデックスを取得できる
{% for item in items.binkans %}
BEGIN:VEVENT
UID:shizu-gomi.binkan{{loop.index0}}.{{params.today}}
DTSTAMP:{{params.today}}
SUMMARY:ビン缶ゴミ回収日
LOCATION:{{items.jichitai}}
DESCRIPTION:清水区{{items.jichitai}}の缶ビンゴミ回収日
DTSTART;TZID=Japan:{{item.binkan}}
@dogrunjp
dogrunjp / DB_mysql_prodesslist_status
Created April 13, 2014 01:50
msqlがハングするようになったらすること。その1
mysqladmin -i10 processlist status -u root -p
@dogrunjp
dogrunjp / GAE_get_key_name_from_model
Created April 15, 2014 20:18
query object(正確にはModel classのインスタンス)からkey_nameを取得する方法。 key_nameはエンティティのプロパティではなくエンティティの識別子のKeyオブジェクトの要素とのこと。
for val in query:
name = val.key().name()
@dogrunjp
dogrunjp / HTML_intellij_less_setting
Last active August 29, 2015 14:00
IntelliJ IDEAのLESS環境を作る方法。
1) Preferences > Plugins > Browse repositoriesで"LESS CSS Compiler"をインストールする
2) 環境をリスタートし、Preferences > LESS ProfilesでLESSソースディレクトリ、アウトプットするCSSディレクトリを入力する。"include files by path"はとりあえず *.lessにしている。あらかじめprojectにless用、css用のディレクトリを作っておく。
3) lessのコンパイルは右クリック> compile to css
4) File Watcherが設定されているとlessファイルに変更が加わったら即時的にCSSにコンパイルされるようになる。File Watcherの設定項目は自動的に入力されていたり、program pathだけ入力されていなかったりいろいろ。
program pathは自分のmacの場合は/usr/bin/lessだった。
winではlessc.cmdファイルへのパスを指定するらしい。