Skip to content

Instantly share code, notes, and snippets.

View to4iki's full-sized avatar
👻
not PRO

Toshiki Takezawa to4iki

👻
not PRO
65 followers · 23 following
View GitHub Profile
@to4iki
to4iki / game01.html
Created February 20, 2013 15:48
JavaScriptで神経衰弱のゲーム - dotinstall
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>jsの勉強03 tips</title>
</head>
<body onload="initCards();">
<h1>神経衰弱</h1>
<p>Your score: <span id="score"></span></p>
@to4iki
to4iki / Day-After-Night.xml
Last active December 17, 2015 23:08
color_scheme By SublimeText2 [Day-After-Night.tmTheme]
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>comment</key>
<string>https://gist.github.com/bamtsk/5686550</string>
<key>name</key>
<string>Day After Night</string>
<key>settings</key>
<array>
@to4iki
to4iki / qiita-ajax.coffee
Last active December 17, 2015 23:39
twitter-search
define ['jquery'], ($) ->
###
Class
###
class Qiita
_end_point = 'https://qiita.com/api/v1/'
constructor: () ->
@item = {}
@to4iki
to4iki / pure.css
Created June 5, 2013 16:53
Pure: template(http://purecss.io/)
body {
margin: 0 auto;
line-height: 1.7em;
}
.l-box {
padding: 1em;
}
.header {
@to4iki
to4iki / circle.js
Created June 20, 2013 08:00
canvasアニメーション（円が登っていく動き）
$(function() {
/**
[マウスの座標]
横方向: mx
縦方向: my
反応させるマウス周辺の半径: mr
[アニメーションする円の座標]
横方向： cx
@to4iki
to4iki / sample01.md
Created December 31, 2013 11:19
Ruby

メソッドの引数にハッシュを渡す

def show(args)                                                 
  name = args[:name]                                           
  say = args[:say]                                             
  p "#{name}, #{say}"                                      
end     
                                                       
show(name: "bam", say: "hello") #=&gt;"bam,hello"
@to4iki
to4iki / memo.md
Created December 31, 2013 12:01
Middleman Meetup Tokyp

Middleman Meetup Tokyp

Middlemanとは

モダンなweb開発のあらゆるショートカットやツールを採用した静的サイトジェネレータ

middleman-slim(gem) - templateを最初からslimに

  • 利用シーン
@to4iki
to4iki / memo.md
Created December 31, 2013 12:03
TypeScript初心者向け勉強会
@to4iki
to4iki / memo.md
Created December 31, 2013 12:19
Underscore.jsの基礎
  • JavaScriptの便利なユーティリティライブラリ(配列操作やオブジェクト処理に便利な関数群を提供する)
  • 特にコレクション操作に特化していると個人的には思う
  • 非依存のため、稼働中のアプリケーションにも導入が簡単
  • Rubyチックに記述可能(ラップして書くこと)
  • Backborn.jsに組み込まれている
  • underscore.js/underscore-min.jsを読み込んで使用する

読み込んだらunderscoreのオブジェクト _ が使用可能になる 使い方は _.size() みたいな書き方 or _(5).times みたいにオブジェクトをラップするような書き方とどちらでも良い

@to4iki
to4iki / new_gist_file.md
Created December 31, 2013 12:22
js_cafe10 20130723

001_REPL

Node.jsの対話的実行環境（REPL） コンソールでnodeを触る事が可能。
どういった場面で使用するか？ -> 正規表現の確認等

  • REPL小技
    REPLを利用している時の、_という記号は直前の実行結果を表す。

002_Webアプリ