Skip to content

Instantly share code, notes, and snippets.

View xhackjp1's full-sized avatar
🏠
Working from home

matsuda shinsuke xhackjp1

🏠
Working from home
41 followers · 16 following
View GitHub Profile
@xhackjp1
xhackjp1 / index.html
Last active February 1, 2021 12:13
バラバラに画像が動くコードのサンプル
<!DOCTYPE html>
<html lang="en">
<head>
<title>間違いさがしゲーム</title>
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="株式会社X-HACK" />
<meta property="og:description" content="間違い探しゲームです" />
<meta
property="og:image"
content="https://js-hack.s3-ap-northeast-1.amazonaws.com/%E9%96%93%E9%81%95%E3%81%84+%E3%81%95%E3%81%8B%E3%82%99%E3%81%97.png"
@xhackjp1
xhackjp1 / index-1.html
Last active January 30, 2021 13:37
雛形
<!DOCTYPE html>
<html lang="en">
<head>
<title>間違いさがしゲーム</title>
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="株式会社X-HACK" />
<meta property="og:description" content="間違い探しゲームです" />
<meta
property="og:image"
content="https://js-hack.s3-ap-northeast-1.amazonaws.com/%E9%96%93%E9%81%95%E3%81%84+%E3%81%95%E3%81%8B%E3%82%99%E3%81%97.png"
@xhackjp1
xhackjp1 / index.html
Last active January 26, 2021 03:02
間違い探し
<!DOCTYPE html>
<html lang="en">
<head>
<title>間違いさがしゲーム</title>
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="株式会社X-HACK" />
<meta
property="og:description"
content="間違い探しゲームです"
@xhackjp1
xhackjp1 / 間違い探し.html
Created January 25, 2021 02:49
間違い探しゲームを作ろう！
<!DOCTYPE html>
<html lang="en">
<head>
<title>間違いさがしゲーム</title>
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="株式会社X-HACK" />
<meta property="og:description" content="間違い探しゲームです" />
<meta
property="og:image"
content="https://js-hack.s3-ap-northeast-1.amazonaws.com/%E9%96%93%E9%81%95%E3%81%84+%E3%81%95%E3%81%8B%E3%82%99%E3%81%97.png"
@xhackjp1
xhackjp1 / version1-1.html
Last active January 18, 2021 12:25
画像加工サービスのコード
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<canvas id="canvas" width="600" height="600"></canvas>
<script>
@xhackjp1
xhackjp1 / reversi.html
Last active January 22, 2021 01:24
200行のオセロコード
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>オセロゲーム -CANVAS-</h1>
@xhackjp1
xhackjp1 / index.html
Created August 8, 2020 12:09
シャボン玉アート
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="text-align: center;">
@xhackjp1
xhackjp1 / index.html
Last active March 22, 2021 05:48
Canvasで市松模様を書く
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
@xhackjp1
xhackjp1 / index.html
Created July 21, 2020 03:50
Generative Art with JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="text-align: center;">
@xhackjp1
xhackjp1 / 飲食店検索.html
Created July 4, 2020 09:56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>通信を使ったプログラムを書いてみる</h1>
<button id="search-button">