teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問responsive-componentsをRailsで使いたい

編集履歴

質問編集履歴

6

aaa

2018/03/27 02:34

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- 【格好いい...】responsive-componentsをRailsで使いたい【作りたい...】
1
+ responsive-componentsをRailsで使いたい
body CHANGED
File without changes

5

タイトル変えました

2018/03/27 02:34

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- responsive-componentsをRailsで使いたい
1
+ 【格好いい...】responsive-componentsをRailsで使いたい【作りたい...】
body CHANGED
File without changes

4

改訂

2018/03/27 02:31

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -16,6 +16,6 @@
16
16
  → 解決！
17
17
 
18
18
 
19
- ### localhostで動いたものの...!!
19
+ ### 【本題】 localhostで動いたもののRailsで使えるのかな...。
20
20
 
21
21
  ** ウェブレイアウトをRailsで利用する場合はどのような流れになりますでしょうか...。そもそもできるのでしょうか...??今まで`Boostrap`や`slim`テンプレーをと用いてウェブレイアウトは開発していたので、さっぱりイメージがわきません。 **

3

改訂

2018/03/27 01:58

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -15,62 +15,7 @@
15
15
 
16
16
  → 解決！
17
17
 
18
- <!-- ```
19
- # Clone the git repository and cd into the cloned directory.
20
- git clone https://github.com/philipwalton/responsive-components.git
21
- cd responsive-components
22
- ```
23
18
 
24
- **`$npm install`すると...**
25
-
26
- ```
27
- > fsevents@1.1.3 install /Users/ユーザ名/Desktop/responsive-components/node_modules/fsevents
28
- > node install
29
-
30
- [fsevents] Success: "/Users/ユーザ名/Desktop/responsive-components/node_modules/fsevents/lib/binding/Release/node-v48-darwin-x64/fse.node" already installed
31
- Pass --update-binary to reinstall or --build-from-source to recompile
32
-
33
- > uglifyjs-webpack-plugin@0.4.6 postinstall /Users/ユーザ名/Desktop/responsive-components/node_modules/webpack/node_modules/uglifyjs-webpack-plugin
34
- > node lib/post_install.js
35
-
36
- added 1131 packages from 956 contributors in 32.489s
37
- ```
38
-
39
- **`$npm start`すると...`Error`**
40
-
41
- ```
42
-
43
-
44
- > responsive-components@ start /Users/ユーザ名/Desktop/responsive-components
45
- > gulp serve
46
-
47
- /Users/ユーザ名/Desktop/responsive-components/tasks/clean.js:6
48
- gulp.task('clean', async () => {
49
- ^
50
- SyntaxError: Unexpected token (
51
- at Object.exports.runInThisContext (vm.js:53:16)
52
- at Module._compile (module.js:513:28)
53
- at Object.Module._extensions..js (module.js:550:10)
54
- at Module.load (module.js:458:32)
55
- at tryModuleLoad (module.js:417:12)
56
- at Function.Module._load (module.js:409:3)
57
- at Module.require (module.js:468:17)
58
- at require (internal/module.js:20:19)
59
- at Object.<anonymous> (/Users/ユーザ名/Desktop/responsive-components/tasks/build.js:4:1)
60
- at Module._compile (module.js:541:32)
61
- npm ERR! code ELIFECYCLE
62
- npm ERR! errno 1
63
- npm ERR! responsive-components@ start: `gulp serve`
64
- npm ERR! Exit status 1
65
- npm ERR!
66
- npm ERR! Failed at the responsive-components@ start script.
67
- npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
68
-
69
- npm ERR! A complete log of this run can be found in:
70
- npm ERR! /Users/ユーザ名/.npm/_logs/2018-03-27T01_25_23_126Z-debug.log
71
-
72
- ``` -->
73
-
74
19
  ### localhostで動いたものの...!!
75
20
 
76
21
  ** ウェブレイアウトをRailsで利用する場合はどのような流れになりますでしょうか...。そもそもできるのでしょうか...??今まで`Boostrap`や`slim`テンプレーをと用いてウェブレイアウトは開発していたので、さっぱりイメージがわきません。 **

2

改訂

2018/03/27 01:57

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -13,7 +13,9 @@
13
13
 
14
14
  **[レポジトリ](https://github.com/philipwalton/responsive-components)を`clone`して、デモを動かすことを試みるもエラー。**
15
15
 
16
+ → 解決！
17
+
16
- ```
18
+ <!-- ```
17
19
  # Clone the git repository and cd into the cloned directory.
18
20
  git clone https://github.com/philipwalton/responsive-components.git
19
21
  cd responsive-components
@@ -67,7 +69,7 @@
67
69
  npm ERR! A complete log of this run can be found in:
68
70
  npm ERR! /Users/ユーザ名/.npm/_logs/2018-03-27T01_25_23_126Z-debug.log
69
71
 
70
- ```
72
+ ``` -->
71
73
 
72
74
  ### localhostで動いたものの...!!
73
75
 

1

補足

2018/03/27 01:57

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  **この[ツイート](https://twitter.com/philwalton/status/968418642613346306)で知りました。詳細は[こちら](https://philipwalton.com/articles/responsive-components-a-solution-to-the-container-queries-problem/)に記載されています。**
11
11
 
12
- ### 現状
12
+ ### 現状(解決)
13
13
 
14
14
  **[レポジトリ](https://github.com/philipwalton/responsive-components)を`clone`して、デモを動かすことを試みるもエラー。**
15
15
 
@@ -69,13 +69,6 @@
69
69
 
70
70
  ```
71
71
 
72
+ ### localhostで動いたものの...!!
72
73
 
73
-
74
- ### node.jsは初めて
75
-
76
- **よって`localhost`でも動かない状態なのですが、ご助言頂けると幸いです。**
77
- **あくまで`Rails`のフロント部分で用いたい(または同じような実装をしたい)のですが、**
74
+ ** ウェブレイアウトをRailsで利用する場合はどのような流れになりますでしょうか...。そもそもできるのでしょうか...??今まで`Boostrap`や`slim`テンプレーをと用いてウェブレイアウトは開発していたので、さっぱりイメージがわきません。 **
78
- **やはり`node.js`をキャッチアップする必要がございますでしょうか。**
79
-
80
-
81
- **まずは`npm start`のエラーを回避したいです...！**