Skip to content

Instantly share code, notes, and snippets.

View nakajmg's full-sized avatar

Naohiro Nakajima nakajmg

View GitHub Profile
@nakajmg
nakajmg / b64e.rb
Last active December 14, 2015 02:09
macのターミナルから画像をhtmlとcssで使いやすいようにdata:とかつけてbase64エンコード(改行なしで)して出力するびー。 結果は元画像があるフォルダの中のbase64フォルダにされるよ。 #output format => data:[mime/type];base64,encodeString
#!/usr/bin/ruby
require 'base64'
require 'mime/types'
#install mime/types
#gem install mime-types
if File.exists?(ARGV[0])
img = open( ARGV[0] ) #file open
dir = File.dirname(ARGV[0]) #directory name
ext = File.extname(ARGV[0]); #an extension
@nakajmg
nakajmg / bashrc
Last active December 14, 2015 06:48
[bash] launch commandline Google Canary set User-Agent ( example : Chrome Canary , iPhone iOS ver 5.1.1 , edit .app path & --user-agent value )
##iPhone iOS5.1.1
IOS511(){
command open -a Google\ Chrome\ Canary.app --args --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B206 Safari/7534.48.3"
}
##Galaxy S3 Android4.0.4
GS3(){
command open -a Google\ Chrome\ Canary.app --args --user-agent="Mozilla/5.0 (Linux; U; Android 4.0.4; en-gb; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30"
}
@nakajmg
nakajmg / index.html
Last active December 14, 2015 11:58
XHRするとSinonのfake serverがレスポンスでJSON返してくれるコード
<html>
<head>
<title>SinonJS Fake XHR Server Test</title>
</head>
<body>
<script src="jquery.1.9.1.js"></script>
<script src="sinon-1.6.0.js"></script>
<script src="test.js"></script>
</body>
</html>
@nakajmg
nakajmg / player.html
Last active December 14, 2015 12:08
SoundJSつかって再生と停止するだけ
<html>
<head>
<title>SoundJS test</title>
</head>
<body>
<div id="play">play</div>
<div id="stop">stop</div>
<div id="state" style="text-decoration: underline;color:red;">playing</div>
<script src="soundjs-0.4.0.min.js"></script>
@nakajmg
nakajmg / preloadjs.html
Last active December 14, 2015 13:09
PreloadJSで画像を読み込むたびにDOMに追加していくコード。PreloadJS用のeventが用意されているのでそれぞれのeventに対してhandlerを割り当てる。 http://www.createjs.com/Docs/PreloadJS/modules/PreloadJS.html
<html>
<head>
<title>PreloadJS</title>
</head>
<body>
<h2>PreloadJS!!</h2>
<h3 id="state"></h3>
<div id="images"></div>
<script src="./preloadjs-0.3.0.min.js"></script>
@nakajmg
nakajmg / SoundJS.md
Last active December 14, 2015 22:59
SoundJS Demo

SoundJS demo (on Google Drive) LINK

@nakajmg
nakajmg / config.rb
Created September 29, 2013 13:57
my compass config.rb
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
enviroment = :development
# enviroment = :production
if enviroment == :development

Untitled Slide

Welcome to Glide.

Glide is the easiest way to create useful slide for all of your Gists.

  • input key <- to go backward.
  • input key -> to go forward.

Publishing

@nakajmg
nakajmg / Gruntfile.js
Last active December 29, 2015 10:09
Grunt setting files
module.exports = function(grunt){
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
dist: {
options: {
style: 'expanded',
lineNumbers: true,
// compass: true
@nakajmg
nakajmg / changeStorage.html
Created November 28, 2013 01:56
detect StorageEvent Type
<h1>emit StorageEvent</h1>
<button id="set">set</button>
<button id="update">update</button>
<button id="get">get</button>
<button id="remove">remove</button>
<button id="clear">clear</button>
<script>
document.addEventListener('DOMContentLoaded',function(){