初期環境を構築
yuki540
4
.babelrc
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"presets": ["es2015"],
|
||||||
|
"plugins": ["transform-runtime"]
|
||||||
|
}
|
||||||
6
.gitignore
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
node_modules/
|
||||||
|
.DS_Store
|
||||||
|
|
||||||
|
public/stylesheets/style.css
|
||||||
|
public/scripts/*.js
|
||||||
|
public/scripts/*.js.map
|
||||||
8182
package-lock.json
generated
Normal file
38
package.json
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
{
|
||||||
|
"name": "DropOut",
|
||||||
|
"version": "6.0.0",
|
||||||
|
"description": "yuki540.com v6 「DropOut」",
|
||||||
|
"main": "webpack.config.babel.js",
|
||||||
|
"scripts": {
|
||||||
|
"build": "npx webpack --progress --colors",
|
||||||
|
"watch": "npx webpack --watch --progress --colors",
|
||||||
|
"start": "ruby -run -e httpd public 8080"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/yuki540net/DropOut.git"
|
||||||
|
},
|
||||||
|
"keywords": [
|
||||||
|
"yuki540",
|
||||||
|
"yuki540.com"
|
||||||
|
],
|
||||||
|
"author": "yuki540",
|
||||||
|
"license": "MIT",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/yuki540net/DropOut/issues"
|
||||||
|
},
|
||||||
|
"homepage": "https://github.com/yuki540net/DropOut#readme",
|
||||||
|
"devDependencies": {
|
||||||
|
"babel-core": "^6.26.0",
|
||||||
|
"babel-loader": "^7.1.2",
|
||||||
|
"babel-plugin-transform-runtime": "^6.23.0",
|
||||||
|
"babel-preset-es2015": "^6.24.1",
|
||||||
|
"css-loader": "^0.28.9",
|
||||||
|
"extract-text-webpack-plugin": "^3.0.2",
|
||||||
|
"node-sass": "^4.7.2",
|
||||||
|
"node-sass-glob-importer": "^5.1.0",
|
||||||
|
"sass-loader": "^6.0.6",
|
||||||
|
"style-loader": "^0.20.2",
|
||||||
|
"webpack": "^3.11.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
public/images/history/v1.png
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
public/images/history/v2.png
Normal file
|
After Width: | Height: | Size: 231 KiB |
BIN
public/images/history/v3.png
Normal file
|
After Width: | Height: | Size: 272 KiB |
BIN
public/images/history/v4.png
Normal file
|
After Width: | Height: | Size: 149 KiB |
BIN
public/images/history/v5.png
Normal file
|
After Width: | Height: | Size: 56 KiB |
BIN
public/images/memories/calil.png
Executable file
|
After Width: | Height: | Size: 321 KiB |
BIN
public/images/memories/dwango_intern.jpg
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
public/images/memories/hatena.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
public/images/memories/issue.png
Normal file
|
After Width: | Height: | Size: 140 KiB |
BIN
public/images/memories/kayac_intern.png
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
public/images/memories/kayac_job.jpg
Normal file
|
After Width: | Height: | Size: 103 KiB |
BIN
public/images/memories/live2d_like.png
Executable file
|
After Width: | Height: | Size: 239 KiB |
BIN
public/images/memories/moongift.png
Normal file
|
After Width: | Height: | Size: 238 KiB |
BIN
public/images/memories/pixiv_intern.jpg
Executable file
|
After Width: | Height: | Size: 138 KiB |
BIN
public/images/memories/pixiv_xss.png
Normal file
|
After Width: | Height: | Size: 74 KiB |
BIN
public/images/product/colorful_step.png
Executable file
|
After Width: | Height: | Size: 285 KiB |
BIN
public/images/product/miku.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
public/images/product/nicoJS.png
Executable file
|
After Width: | Height: | Size: 73 KiB |
BIN
public/images/product/onsen-downloader.png
Executable file
|
After Width: | Height: | Size: 99 KiB |
BIN
public/images/product/onsen-node.png
Executable file
|
After Width: | Height: | Size: 76 KiB |
BIN
public/images/product/onsen-php.png
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
public/images/product/ontama.png
Executable file
|
After Width: | Height: | Size: 57 KiB |
BIN
public/images/product/oregairu.png
Normal file
|
After Width: | Height: | Size: 171 KiB |
BIN
public/images/product/satella.io.png
Executable file
|
After Width: | Height: | Size: 146 KiB |
BIN
public/images/product/shuvi-lib.jpg
Normal file
|
After Width: | Height: | Size: 90 KiB |
BIN
public/images/product/shuvi.png
Normal file
|
After Width: | Height: | Size: 93 KiB |
BIN
public/images/product/toa.png
Executable file
|
After Width: | Height: | Size: 48 KiB |
BIN
public/images/product/wakaba.png
Executable file
|
After Width: | Height: | Size: 41 KiB |
BIN
public/images/product/web-icon-node.png
Executable file
|
After Width: | Height: | Size: 80 KiB |
BIN
public/images/product/yuki540_v1.png
Normal file
|
After Width: | Height: | Size: 96 KiB |
BIN
public/images/product/yuki540_v2.png
Normal file
|
After Width: | Height: | Size: 237 KiB |
BIN
public/images/profile/yuki540.png
Normal file
|
After Width: | Height: | Size: 117 KiB |
43
public/index.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<!--
|
||||||
|
|
||||||
|
################################################################
|
||||||
|
|
||||||
|
「ハロー、ミライアカリだよっ！ﾋﾟﾛﾘﾝ」
|
||||||
|
「デベロッパーツール開くなんて、悪い子ちゃん❤️」
|
||||||
|
|
||||||
|
################################################################
|
||||||
|
|
||||||
|
Designed by yuki540.
|
||||||
|
|
||||||
|
-->
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="ja">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="description" content="「今日も明日も、ぐーたら生活。」">
|
||||||
|
<meta name="keywords" content="yuki540,satella.io,yuki540.com,DropOut">
|
||||||
|
<title>DropOut</title>
|
||||||
|
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1">
|
||||||
|
<meta property="og:url" content="https://yuki540.com">
|
||||||
|
<meta property="og:image" content="https://yuki540.com/images/ogp.png">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="DropOut">
|
||||||
|
<meta property="og:site_name" content="yuki540.com">
|
||||||
|
<meta property="og:description" content="「今日も明日も、ぐーたら生活。」">
|
||||||
|
<meta property="og:locale" content="ja_JP">
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:site" content="@eriri_jp" />
|
||||||
|
<meta name="twitter:title" content="DropOut" />
|
||||||
|
<meta name="twitter:description" content="「今日も明日も、ぐーたら生活。」" />
|
||||||
|
<meta name="twitter:image" content="https://yuki540.com/images/ogp.png" />
|
||||||
|
<link rel="shortcut icon" href="https://yuki540.com/images/profile/yuki540.png" />
|
||||||
|
<link rel="apple-touch-icon" href="https://yuki540.com/images/profile/yuki540.png" />
|
||||||
|
<link rel="stylesheet" href="./stylesheets/font-awesome-4.7.0/css/font-awesome.min.css" />
|
||||||
|
<link rel="stylesheet" href="./stylesheets/font.css" />
|
||||||
|
<link rel="stylesheet" href="./stylesheets/style.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main id="root"></main>
|
||||||
|
<script type="text/javascript" src="./scripts/app.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
2337
public/stylesheets/font-awesome-4.7.0/css/font-awesome.css
vendored
Normal file
4
public/stylesheets/font-awesome-4.7.0/css/font-awesome.min.css
vendored
Normal file
BIN
public/stylesheets/font-awesome-4.7.0/fonts/FontAwesome.otf
Normal file
2671
public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.svg
Normal file
|
After Width: | Height: | Size: 434 KiB |
17
public/stylesheets/font.css
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'Boku';
|
||||||
|
src: url('font/Boku.ttf') format('truetype');
|
||||||
|
src: url('font/Boku.otf') format('opentype');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Chibit';
|
||||||
|
src: url('font/chibit.ttf') format('truetype');
|
||||||
|
src: url('font/chibit.otf') format('opentype');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Nagomi';
|
||||||
|
src: url('font/nagomi.ttf') format('truetype');
|
||||||
|
src: url('font/nagomi.otf') format('opentype');
|
||||||
|
}
|
||||||
BIN
public/stylesheets/font/Boku.eot
Executable file
BIN
public/stylesheets/font/Boku.otf
Executable file
BIN
public/stylesheets/font/Boku.ttf
Executable file
BIN
public/stylesheets/font/Boku.woff
Executable file
BIN
public/stylesheets/font/chibit.otf
Normal file
BIN
public/stylesheets/font/chibit.ttf
Executable file
BIN
public/stylesheets/font/nagomi.otf
Executable file
BIN
public/stylesheets/font/nagomi.ttf
Normal file
6
src/scripts/app.js
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
console.log('##############################################')
|
||||||
|
console.log(' どーもーココロヤミです')
|
||||||
|
console.log(' そんなにこのサイトの仕組みが知りたいの？')
|
||||||
|
console.log(' ↓ ここにコードがあるから、Starつけてよね❤️')
|
||||||
|
console.log(' https://github.com/yuki540net/DropOut')
|
||||||
|
console.log('##############################################')
|
||||||
0
src/scss/_function.scss
Normal file
11
src/scss/_mixin.scss
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
@mixin pc-layout {
|
||||||
|
@media (min-width: 481px) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin sp-layout {
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
2
src/scss/_variable.scss
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
$min-width: 1100px;
|
||||||
|
$min-height: 650px;
|
||||||
32
src/scss/modules/_base.scss
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Boku';
|
||||||
|
color: #4c4c4c;
|
||||||
|
}
|
||||||
|
|
||||||
|
img { vertical-align: bottom; }
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: rgb(0,150,255);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, p, ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li { list-style: none; }
|
||||||
|
|
||||||
|
input, textarea {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe { border: none; }
|
||||||
4
src/scss/style.scss
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
@import 'variable', 'mixin', 'function';
|
||||||
|
|
||||||
|
@import 'modules/**/*.scss';
|
||||||
|
@import 'keyframes/**/*.scss';
|
||||||
54
webpack.config.babel.js
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
import webpack from 'webpack'
|
||||||
|
import ExtractTextPlugin from 'extract-text-webpack-plugin'
|
||||||
|
import globImpoter from 'node-sass-glob-importer'
|
||||||
|
|
||||||
|
const js = {
|
||||||
|
entry: `${ __dirname }/src/scripts/app.js`,
|
||||||
|
output: {
|
||||||
|
path: `${ __dirname }/public/scripts`,
|
||||||
|
filename: 'app.min.js'
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /(\.js|\.json)/,
|
||||||
|
use: ['babel-loader']
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
devtool: 'source-map',
|
||||||
|
plugins: [
|
||||||
|
new webpack.optimize.UglifyJsPlugin({
|
||||||
|
sourceMap: true
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
const css = {
|
||||||
|
entry: `${ __dirname }/src/scss/style.scss`,
|
||||||
|
output: {
|
||||||
|
path: `${ __dirname }/public/stylesheets`,
|
||||||
|
filename: 'style.css'
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.scss$/,
|
||||||
|
use: ExtractTextPlugin.extract([
|
||||||
|
{ loader: 'css-loader' },
|
||||||
|
{
|
||||||
|
loader: 'sass-loader',
|
||||||
|
options: {
|
||||||
|
importer: globImpoter()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
])
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
new ExtractTextPlugin('style.css')
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = [js, css]
|
||||||