Skip to content

Instantly share code, notes, and snippets.

View yszk0123's full-sized avatar
:octocat:

Yuji Suzuki yszk0123

:octocat:
19 followers · 30 following
  • Tokyo, Japan
View GitHub Profile
@yszk0123
yszk0123 / devtools.md
Last active December 17, 2015 09:47
よく使う開発用ツールの覚え書き

随時更新。増えてきたら分割予定

Node.js 関連

http-server

簡易サーバ。 仕様例:

  1. index.html のあるディレクトリに移動
  2. $ http-server -p 3000
@yszk0123
yszk0123 / pikaday-example.html
Last active March 31, 2016 03:40
Pikaday Example
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Pikaday Example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment-with-locales.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.4.0/pikaday.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.4.0/css/pikaday.min.css">
</head>
<body>
@yszk0123
yszk0123 / ruby-override-test.rb
Created September 7, 2016 06:09
Ruby 確認用
class A
def self.message
"I'm #{name}"
end
private
def self.name
"A"
end
@yszk0123
yszk0123 / commands.md
Last active September 24, 2016 04:05
よく使うコマンド覚え書き

2015-07-16T18:00:00+09:00

diff

前後のコンテキストも表示するには-cコマンドラインスイッチを使う git diffの場合は-Uコマンドラインスイッチを使う

比較アルゴリズムにおいて，行末の空白文字などを無視する場合は-bを，あらゆるホワイトスペースを無視する場合は-wを使う

grep

@yszk0123
yszk0123 / README.md
Created January 18, 2017 00:46
デフォルトでないディレクトリに Atom の設定ファイルを置く方法 (複数の Atom を使い分ける方法)
  1. ディレクトリ DIR を作成
  2. start.command を DIR に配置
  3. ホームページから Atom をダウンロードして Atom.app を DIR に配置
  4. DIR を Finder で開いて start.command をダブルクリック (ターミナルから start.command を叩いても OK)
  5. 正常に実行された場合は DIR 直下に .atom フォルダが作成される
@yszk0123
yszk0123 / application.html.erb
Created March 2, 2017 09:29
Webpacker を使わずに webpack で頑張る ref: http://qiita.com/yszk0123/items/95f4f08a255cf029fca8
...
<%= stylesheet_link_tag 'frontend/vendor', media: :all %>
...
<%= javascript_include_tag 'frontend/manifest', 'frontend/vendor', 'frontend/application' %>
...
@yszk0123
yszk0123 / index.html
Last active April 29, 2017 15:45
Print devicemotion event (JS Bin// source https://jsbin.com/duwafe)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html {
@yszk0123
yszk0123 / get-expaneded-flow-type-information.sh
Last active June 19, 2017 23:05
flowtype の CLI から展開された型定義を得る方法
# cf. https://github.com/facebook/flow/issues/463#issuecomment-104720027
flow dump-types path/to/your/js
@yszk0123
yszk0123 / build-storybook-for-code-review.sh
Last active December 19, 2017 15:59
コードレビューに役立つ React Storybook の閲覧環境を作る ref: https://qiita.com/yszk0123/items/402f868a35534713fccf
#!/bin/bash
set -eu
# コンポーネントに変更がなければスキップ
if git diff master...HEAD --name-only | grep -q "src/\|stories/" ; then
:
else
echo "[Storybook] Skip"
exit 0
fi
@yszk0123
yszk0123 / extensions.json
Last active January 19, 2018 02:15
VS Code Settings Example
// .vscode/extensions.json
{
"recommendations": [
// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
"christian-kohler.npm-intellisense",
"christian-kohler.path-intellisense",
"dbaeumer.vscode-eslint",
"esbenp.prettier-vscode"
]
}