【React】Game Usersを一緒に作ろう！【Node.js】 [無断転載禁止]©2ch.net (253ﾚｽ)
上下前次1-新
1(1): あづみ ◆WYiR3RzL3U 2017/03/23(木)21:09 ID:??? AAS
ゲームユーザーズはゲームユーザーのためのコミュニティサイトです。
現在、開発者を募集しています。
初心者でもWebを触ったことのないプログラマーでもOKです！
ReactやNode.jsを使える、または興味があるみなさん
ぜひ一緒にやりましょう！
デザインできる人も協力してくれると嬉しいです。
開発者募集！
https://gameusers.org/dev/blog/developer/
開発ブログ
https://gameusers.org/dev/blog/
省6
2: あづみ ◆WYiR3RzL3U 2017/03/23(木)21:11 ID:??? AAS
Open Game Users
これからはもっとオープンにGame Usersの開発を進めていくぞ！
というわけで、WordPressでブログを開設し、GitHubでコードを公開してみました。
GitHub / Game Users Web リポジトリ
https://github.com/gameusers/web
昔から不特定多数の人間が関わる開発への強い興味があって
プログラムを本格的に勉強し始める前から
共同制作・コラボレーションツールのようなものを作りたいという思いがありました。
例えるならGitHubシステムをもっと誰もが簡単に使えるようにした場所・アプリのようなものです。
ただそんな大規模な構想を自分一人で実現させるのは、とても現実的ではないため
省9
3: あづみ ◆WYiR3RzL3U 2017/03/23(木)21:12 ID:??? AAS
Game Usersの現状はサーバーはFuelPHP
フロントはjQueryでSPA（シングルページアプリケーション）という状況になっています。
スキルの低い開発者がjQueryでSPAを作るとどうなるか？
知識のある方ならだいたい予想はつくのではないでしょうか。
pushStateを使ってコンテンツの切り替えを行うコードがページごとに書かれ
状態はあちこちに保存され、自分で書いたコードながら
時間をかけて読み込まないとなにがどうなっているのかわからないという状況に。
このまま無計画に開発を進めていくのは本当にやばい！
というわけで現在の開発でトレンドになっている手法を調べてみたところ
React + Reduxを発見。
省12
4(1): 2017/03/24(金)05:48 ID:??? AAS
WEB+DB vol.97 の特集が、React
WEB+DB vol.94 の特集が、Kotlin, Electron
5(1): 2017/03/24(金)15:50 ID:??? AAS
何をしたいのか目的がちゃんと読めない
ある一つの作品を作り上げるのが目標なのか？参加型で様々なプロジェクトの進行管理ができるのがウリなのか？これを使ってほしいのか？作ってほしいのか？
GaneUsers構想というのが己の中にはあるらしいが、そこに関する説明がないから何してるのか分からんぞ
6: あづみ ◆WYiR3RzL3U 2017/03/24(金)16:28 ID:??? AAS
>>4
Reactって日本では地味な存在だけど
一応、雑誌で特集もされてるんですね
良さ気な技術なので、もっと流行ってもいいと思うんですが
>>5
今、Game Usersというゲーム関係のSNSを作ってて
一緒に作ってくれる人を探してるんです
普通ウェブサイトを作る時は、企業や個人が主体になって作りますが
もっとフリーダムな感じで、ゲームを好きな開発者が
コンテンツを好き勝手に作れるような場所にしたいのです
省4
7: あづみ ◆WYiR3RzL3U 2017/03/24(金)16:51 ID:??? AAS
コンセプトを推していきたい！
GitHubでソースコードを公開し、開発者募集！を掲げてみましたが
実際に興味持ってくれる人がいるのか？という問題が。
GitHub自体に宣伝効果はなく
プロジェクトを公開するだけで人が大勢集まってくるわけではないので
他で宣伝しつつ地道に頑張るしかありません。
そもそもソースコードを公開してみたものの
ライセンスが配布自由なオープンソース・ライセンスではないので
平等でクリーンなイメージを持たれないと思います。
ただそこは信頼して欲しいとしか言いようがありません。
省6
8: あづみ ◆WYiR3RzL3U 2017/03/24(金)16:52 ID:??? AAS
他の人が参加してくれるとしたら
公開しているサービスがすでに面白いか
コンセプトに魅力を感じるか、開発者の人間性に興味を持ったか
そのどれかしかないと思う。Game Usersの現状を考えると
サービスを面白いと感じてくれる人は少ないと思うので
コンセプトと人間性についてアピールしていくしかない。
推していきたいのは
「ゲーム好きな開発者が集まってわちゃわちゃする」
というコンセプトですね。
プログラマーはゲーム好きな人が他の職業に比べて多そうなので
省10
9: あづみ ◆WYiR3RzL3U 2017/03/26(日)03:56 ID:V6Kd1IAt(1) AAS
開発環境の作り方について
Game Usersの開発に参加するには、
Reactが動かせる環境を作らなければならないのですが
これが本当にめんどくさい！！
なにがめんどくさいかと言えば日本語の情報が少ない上に
いろんなものをインストール＆設定しないとまともに動かせない。
具体的に挙げると以下のものが必要になります。
・ Webサーバーソフト：例）Apache
・ パッケージインストール：Node.js (npm)
・ コードチェック：例）ESLint / airbnb
省15
10: あづみ ◆WYiR3RzL3U 2017/03/28(火)00:52 ID:pgZj0AEX(1) AAS
記事書くのって大変！
開発環境の作り方について一通り情報を揃えようと思って、
とりあえずXAMPPのインストール、設定
アップデートについての記事を書いてみたけど、めちゃくちゃ大変でした。
ここ何日かコードを書かずにずっとテキストを書いてる感じなんですが
本当に時間があっという間に過ぎていきます。
世の中、役に立つ記事を書いてる人々はその情報を提供するために
すごい時間を費やしてるんだなということに気づかされました。
そもそもなぜXAMPPの導入記事を書く必要があるんだ
という話なんですが、これは開発環境の構築に
省8
11: あづみ ◆WYiR3RzL3U 2017/03/31(金)00:26 ID:RLsnidu8(1) AAS
Reactに興味ある人！
開発環境の作り方をまとめてみたので、ぜひ参考にしてください
XAMPP、Node.js、webpack、EditorConfig、Atomの記事もあるよ
開発環境の作り方 ? まとめページ
https://gameusers.org/dev/blog/environment/index
12: あづみ ◆WYiR3RzL3U 2017/04/02(日)17:07 ID:H8fSaWyc(1) AAS
WordPressのソーシャルボタンを作りたい
開発環境の作り方についての記事作成は一通り終わり、
今なにをしているかというと、WordPressのソーシャルボタンを作ろうとしております。
プラグインで良さ気なのを探してみたのですが
外国製は、はてなやLineに対応しておらず
日本製のは公式のソーシャルボタンを使ってるので重く（非同期ではない）
どちらもいまいち気に入らなかったのです。
そこでGame Usersで使ってるソーシャルボタンを
WordPress用に改造して独自につけようと思ったのですが
どうせやるなら他の人も使えるようなプラグインとして公開しようと考え
省7
13: 2017/04/03(月)15:21 ID:6Gxwj2Uc(1) AAS
とりあえず node_modules/ は.gitignoreに追加したほうがいい
14: あづみ ◆WYiR3RzL3U 2017/04/03(月)15:51 ID:??? AAS
ですよね
この前見つけたGitHubについて書かれてる記事でも
node_modulesは載せないようにと書かれてたので
次、編集するときに消しておきます
15: あづみ ◆WYiR3RzL3U 2017/04/04(火)00:11 ID:gljrwCoE(1) AAS
ソーシャルボタンのサンプル
https://gameusers.org/dev/blog/wp-content/uploads/2017/04/share_buttons.jpg
ソーシャルボタンのサンプルをスタイルシートで作ってみました。
画像のボタンは全部素材サイトで集めたものです。
こんな感じで同じように画像を集めてアップロードするだけで
誰でも自分好みのソーシャルボタンを作れるようにしたいのです。
ただプラグインの設定画面で画像のアップロードが
自由にできるのかわからないのが不安ですね。
もしできなかったら、プラグインフォルダに
最初から画像を含めるしかないので
省6
16: 2017/04/05(水)00:58 ID:??? AAS
なんで2chでtwitterみたいなことしてるの？
17: あづみ ◆WYiR3RzL3U 2017/04/05(水)03:27 ID:??? AAS
ここにはWeb制作に関わってる人がいるからです！
最近始めたブログだけだと広がりがありません
1日のアクセスが10くらいしかないんですよ
18: あづみ ◆WYiR3RzL3U 2017/04/08(土)00:45 ID:??? AAS
Chrome Developer Tools便利！
現在、WordPressのソーシャルボタンのプラグインを作っているのですが、
適用されているテーマのスタイルシートが邪魔をして
思うようなデザインにできないという問題に直面しました。
WordPress ソーシャルボタンサンプル
https://gameusers.org/dev/blog/wp-content/uploads/2017/04/social-buttons-20170408-1.jpg
黒猫の周囲を囲むように存在している
この謎の白枠に2時間以上費やすことに！
marginでもなく、paddingでもなく、borderでもない。
自分なりにいろいろ探してみたのですが
省3
19: あづみ ◆WYiR3RzL3U 2017/04/08(土)00:45 ID:9diq8AUi(1) AAS
box-shadow
https://gameusers.org/dev/blog/wp-content/uploads/2017/04/social-buttons-20170408-2.png
box-shadow…。ほとんど使わないから存在を忘れていました。
便利なことにDeveloper Toolsの画面でチェックボックスを外すと
ブラウザ上のデザインにも変更が加えられます。
他の人が作ったものはなにが適用されているのかわからないので
この機能は非常にありがたいですね。
ChromeのDeveloper Toolsはいろいろ機能がついてそうなので
一回ちゃんと勉強した方がいいかもしれません。
フリーキャット
省7
20: あづみ ◆WYiR3RzL3U 2017/04/14(金)23:57 ID:??? AAS
MariaDB ? DEFAULT CURRENT_TIMESTAMP
WordPressのプラグイン制作、なかなか手ごわいです。
独自の書き方を学ばないといけないので、慣れるまで調べることが非常に多いです。
WordPressはデフォルトでjQueryが読み込まれるのですが、
そのバージョンが1.12.4でとても古いのです。
今後、jQuery依存のライブラリを利用するときに
バージョンの問題で使えないといったことが起こると困るので
最新のものを読み込もうとしたのですが
そのためにはまず古いものを読み込まないという処理をしなければなりません。
https://gist.github.com/az1979/34dc72976ce5c71be38ab9de3c216d4e#file-optionpackage-php
省11
上下前次1-新書関写板覧索設栞歴
あと 233 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.343s*