初期環境を構築

2018-02-20 00:09:08 +09:00 · 2018-02-20 00:09:08 +09:00 · d4c7acdda6
commit d4c7acdda6
parent a551f02060
61 changed files with 13411 additions and 0 deletions
--- a/.babelrc
+++ b/.babelrc
@ -0,0 +1,4 @@
+{
+  "presets": ["es2015"],
+  "plugins": ["transform-runtime"]
+}
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,6 @@
+node_modules/
+.DS_Store
+
+public/stylesheets/style.css
+public/scripts/*.js
+public/scripts/*.js.map
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -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"
+  }
+}
--- a/public/images/history/v1.png
+++ b/public/images/history/v1.png
--- a/public/images/history/v2.png
+++ b/public/images/history/v2.png
--- a/public/images/history/v3.png
+++ b/public/images/history/v3.png
--- a/public/images/history/v4.png
+++ b/public/images/history/v4.png
--- a/public/images/history/v5.png
+++ b/public/images/history/v5.png
--- a/public/images/memories/calil.png
+++ b/public/images/memories/calil.png
--- a/public/images/memories/dwango_intern.jpg
+++ b/public/images/memories/dwango_intern.jpg
--- a/public/images/memories/hatena.png
+++ b/public/images/memories/hatena.png
--- a/public/images/memories/issue.png
+++ b/public/images/memories/issue.png
--- a/public/images/memories/kayac_intern.png
+++ b/public/images/memories/kayac_intern.png
--- a/public/images/memories/kayac_job.jpg
+++ b/public/images/memories/kayac_job.jpg
--- a/public/images/memories/live2d_like.png
+++ b/public/images/memories/live2d_like.png
--- a/public/images/memories/moongift.png
+++ b/public/images/memories/moongift.png
--- a/public/images/memories/pixiv_intern.jpg
+++ b/public/images/memories/pixiv_intern.jpg
--- a/public/images/memories/pixiv_xss.png
+++ b/public/images/memories/pixiv_xss.png
--- a/public/images/product/colorful_step.png
+++ b/public/images/product/colorful_step.png
--- a/public/images/product/miku.png
+++ b/public/images/product/miku.png
--- a/public/images/product/nicoJS.png
+++ b/public/images/product/nicoJS.png
--- a/public/images/product/onsen-downloader.png
+++ b/public/images/product/onsen-downloader.png
--- a/public/images/product/onsen-node.png
+++ b/public/images/product/onsen-node.png
--- a/public/images/product/onsen-php.png
+++ b/public/images/product/onsen-php.png
--- a/public/images/product/ontama.png
+++ b/public/images/product/ontama.png
--- a/public/images/product/oregairu.png
+++ b/public/images/product/oregairu.png
--- a/public/images/product/satella.io.png
+++ b/public/images/product/satella.io.png
--- a/public/images/product/shuvi-lib.jpg
+++ b/public/images/product/shuvi-lib.jpg
--- a/public/images/product/shuvi.png
+++ b/public/images/product/shuvi.png
--- a/public/images/product/toa.png
+++ b/public/images/product/toa.png
--- a/public/images/product/wakaba.png
+++ b/public/images/product/wakaba.png
--- a/public/images/product/web-icon-node.png
+++ b/public/images/product/web-icon-node.png
--- a/public/images/product/yuki540_v1.png
+++ b/public/images/product/yuki540_v1.png
--- a/public/images/product/yuki540_v2.png
+++ b/public/images/product/yuki540_v2.png
--- a/public/images/profile/yuki540.png
+++ b/public/images/profile/yuki540.png
--- a/public/index.html
+++ b/public/index.html
@ -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>
--- a/public/stylesheets/font-awesome-4.7.0/css/font-awesome.css
+++ b/public/stylesheets/font-awesome-4.7.0/css/font-awesome.css
--- a/public/stylesheets/font-awesome-4.7.0/css/font-awesome.min.css
+++ b/public/stylesheets/font-awesome-4.7.0/css/font-awesome.min.css
--- a/public/stylesheets/font-awesome-4.7.0/fonts/FontAwesome.otf
+++ b/public/stylesheets/font-awesome-4.7.0/fonts/FontAwesome.otf
--- a/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.eot
+++ b/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.eot
--- a/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.svg
+++ b/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.svg
--- a/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf
+++ b/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf
--- a/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.woff
+++ b/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.woff
--- a/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2
+++ b/public/stylesheets/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2
--- a/public/stylesheets/font.css
+++ b/public/stylesheets/font.css
@ -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');
+}
--- a/public/stylesheets/font/Boku.eot
+++ b/public/stylesheets/font/Boku.eot
--- a/public/stylesheets/font/Boku.otf
+++ b/public/stylesheets/font/Boku.otf
--- a/public/stylesheets/font/Boku.ttf
+++ b/public/stylesheets/font/Boku.ttf
--- a/public/stylesheets/font/Boku.woff
+++ b/public/stylesheets/font/Boku.woff
--- a/public/stylesheets/font/chibit.otf
+++ b/public/stylesheets/font/chibit.otf
--- a/public/stylesheets/font/chibit.ttf
+++ b/public/stylesheets/font/chibit.ttf
--- a/public/stylesheets/font/nagomi.otf
+++ b/public/stylesheets/font/nagomi.otf
--- a/public/stylesheets/font/nagomi.ttf
+++ b/public/stylesheets/font/nagomi.ttf
--- a/src/scripts/app.js
+++ b/src/scripts/app.js
@ -0,0 +1,6 @@
+console.log('##############################################')
+console.log(' どーもーココロヤミです')
+console.log(' そんなにこのサイトの仕組みが知りたいの？')
+console.log(' ↓ ここにコードがあるから、Starつけてよね❤️')
+console.log(' https://github.com/yuki540net/DropOut')
+console.log('##############################################')
--- a/src/scss/_function.scss
+++ b/src/scss/_function.scss
--- a/src/scss/_mixin.scss
+++ b/src/scss/_mixin.scss
@ -0,0 +1,11 @@
+@mixin pc-layout {
+  @media (min-width: 481px) {
+    @content;
+  }
+}
+
+@mixin sp-layout {
+  @media (max-width: 480px) {
+    @content;
+  }
+}
--- a/src/scss/_variable.scss
+++ b/src/scss/_variable.scss
@ -0,0 +1,2 @@
+$min-width: 1100px;
+$min-height: 650px;
--- a/src/scss/modules/_base.scss
+++ b/src/scss/modules/_base.scss
@ -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; }
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@ -0,0 +1,4 @@
+@import 'variable', 'mixin', 'function';
+
+@import 'modules/**/*.scss';
+@import 'keyframes/**/*.scss';
--- a/webpack.config.babel.js
+++ b/webpack.config.babel.js
@ -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]