Skip to content

Instantly share code, notes, and snippets.

Avatar
🤖
He is not a human

hashrock hashrock

🤖
He is not a human
View GitHub Profile
@hashrock
hashrock / diag.md
Last active Jul 29, 2020
作図系ツール・ライブラリまとめ
View diag.md

シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ

GraphViz

http://www.graphviz.org/

  • C製
  • Doxygen, Moinmoinなどと連携可能
  • ブロック図、クラス図、ネットワーク図など
@hashrock
hashrock / svg-drag.js
Last active Jul 28, 2020
SVG Drag and Drop with React Hooks
View svg-drag.js
import React from "react";
import ReactDOM from "react-dom";
const Circle = () => {
const [position, setPosition] = React.useState({
x: 100,
y: 100,
active: false,
offset: { }
});
@hashrock
hashrock / vuejs.md
Last active May 30, 2020
Vue.js資料まとめ(古いので注意)
View vuejs.md

#まず見るべき

以下のURLは、常に更新されているコンテンツです。

View save-svg-as-png.js
//from https://qiita.com/skryoooo/items/a37455bef54321a6195a
//変更内容:関数化とconst化
function saveSvgAsPng(el) {
const svgData = new XMLSerializer().serializeToString(el);
const canvas = document.createElement("canvas");
canvas.width = el.width.baseVal.value;
canvas.height = el.height.baseVal.value;
const ctx = canvas.getContext("2d");
@hashrock
hashrock / npmbenri.md
Last active Mar 24, 2020
npmで入る便利ツールまとめ
View npmbenri.md

npm -gでインストールしたり、npm scripts内から使えそうなツールのまとめ

nodeプロセスマネージャ

開発時にリスタートしてくれる用途のものも含む

  • pm2
  • forever
  • node-dev
  • nodemon
@hashrock
hashrock / anydown.md
Last active Mar 7, 2020
markdown風の文字列からカンバンやガントチャートを生成するための仕様集(草案)
View anydown.md

markdown風の文字列からカンバンやガントチャートを生成するための仕様集(草案)

利点

  • DBに格納するより、単純にテキストにしたほうがポータビリティがある
  • その辺の独自操作の多いガントチャートエディタより、一括置換やコピペのできる普通のテキストエディタの方がよさそう
  • markdown中にcodeとして埋め込んでレンダリング&印刷とかやりたい
  • いざとなれば客にはメールでテキストのまま送れる

基本仕様

View first-ubuntu.sh
sudo apt update
sudo apt install build-essential
curl -kL git.io/nodebrew | perl - setup
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
source ~/.bash_profile
nodebrew install-binary stable
nodebrew use stable
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get install yarn
@hashrock
hashrock / server.tsx
Created Oct 8, 2019
One file server with deno
View server.tsx
import { serve } from "https://deno.land/std@v0.19.0/http/server.ts";
import React from "https://dev.jspm.io/react";
import ReactDOMServer from "https://dev.jspm.io/react-dom/server";
const s = serve(":8000");
const hello: string = "Hello"
const View = (props) =>
<div className="deno">{hello}, {props.msg}</div>;
window.onload = async () => {
View vue-ssr.js
const Vue = require("vue");
const createRenderer = require("vue-server-renderer").createRenderer;
const compiler = require("vue-template-compiler");
const renderToString = createRenderer().renderToString;
var App = {
template: `<div>
<div v-for="item in items">{{item}}</div>
</div>`,
data() {
@hashrock
hashrock / pomodoro.py
Created May 14, 2019
My first pomodoro app for M5Stack
View pomodoro.py
from m5stack import *
import utime
import math
cnt = 0
m_cnt = cnt
start = False
done = False
def init():
You can’t perform that action at this time.