魔法探偵の助手

魔法探偵の助手

マガジン

記事一覧

「魔法先生ネギま!」版Wordle

「魔法先生ネギま!」をテーマにしたWordleを作ってみた. https://negimataisen.com/game/Mahoradle ・ルール1 "目標" の言葉は↓のスプレッドシート(「名簿」,「コン…

7.google APIでスプレッドシート操作

「batchUpdate」でスプレッドシートのプロパティ操作. 基本構造がわかれば,後は公式を参考に何とかなりそう(*‘ω‘ *) https://developers.google.com/sheets/api/refer

6.Compute EngineへのSSH接続

サーバには以前使っていたGoogle Compute Engineを再使用. 改めてSSH接続の設定をしたのでメモ. コマンドプロンプトでSSHの鍵ペアを作り,WinSCPで接続する. ・鍵ペア…

5.ejs内のjavaScriptからsocket.io経由でSpreadSheetを読み込む

app.js側 const sheetReader = require('./javaScripts/googleApis/sheetReader.js');//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//// ~~…

4.socket.io

socket.ioを実装してWebページからサーバ側の関数を実行する app.js側 // ~~const io = socketio(server);io.sockets.on('connection', socket =>{ socket.on('socket1'…

3.ルータ設定

ルータ設定を別ファイルから読み込ませてWebページをレンダリングする.「router.js」,「top.ejs」,「top.css」の3つのファイルを作成. // router.jsconst router = re…

2.サーバ設定

とりあえずサーバ関係らしきものをサルベージ. 実行してブラウザから「http://localhost: @@@@」で応答を確認. 基本はこれでいいはず.セッションとソケットIOの確認は後…

Youtube Data APIがうまく使えない

動画一覧を取得するGASを作ってみたけれどうまく動かない(´・ω・`) どうも動画の抜けがあると思って調べてみたら,1年分の動画を取得した時と半年分ずつ2回に分けた時…

Youtubeの動画一覧をSpreadSheetの表にするGoogle Apps Script

最近,某ゲーム実況者の動画をよく見るようになったけれど,数が多すぎてYoutubeの画面では探しにくいのでSpreadSheetの表を作ることにした. URLとサムネと投稿日時とタイ…

1.環境準備

Pleiades2021をダウンロード nodeclipseがなくなってて焦った(^_^;)けど,デフォルトで使えるようになってたのでOK!(∩´∀`)∩ ゲームの仕様はSpreadSheet上に作成し…

0.仕様

昔作ってWeb上で動かしていたゲームが動かなくなっていた(>_<) 直そうとしたけど色々忘れていたので,丁度新しく買ったPCで0から環境を立ち上げて備忘録を作ることにした…

「魔法先生ネギま!」版Wordle

「魔法先生ネギま!」をテーマにしたWordleを作ってみた.
https://negimataisen.com/game/Mahoradle

・ルール1
"目標" の言葉は↓のスプレッドシート(「名簿」,「コンテンツ1」)から選ばれる.
※ 全角カンマ",",全角・半角括弧"(",")","(",")",改行は区切り文字として扱われる.
※ 範囲の1列目(青セル),1行目(赤セル),および"//

もっとみる

7.google APIでスプレッドシート操作

「batchUpdate」でスプレッドシートのプロパティ操作.
基本構造がわかれば,後は公式を参考に何とかなりそう(*‘ω‘ *)
https://developers.google.com/sheets/api/reference/rest/v4/spreadsheets/request

const {google} = require('googleapis');const sheets =

もっとみる

6.Compute EngineへのSSH接続

サーバには以前使っていたGoogle Compute Engineを再使用.
改めてSSH接続の設定をしたのでメモ.
コマンドプロンプトでSSHの鍵ペアを作り,WinSCPで接続する.

・鍵ペアの作成
コマンドプロンプトで「ssh-keygen・・・」
ユーザ名@ホスト名とパスワード(確認含めて2回)を入力すると,2つのファイルが作成される.

・Google Cloud Platformで公開

もっとみる

5.ejs内のjavaScriptからsocket.io経由でSpreadSheetを読み込む

app.js側

const sheetReader = require('./javaScripts/googleApis/sheetReader.js');//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//// ~~const io = socketio(server);io.sockets.on('

もっとみる

4.socket.io

socket.ioを実装してWebページからサーバ側の関数を実行する
app.js側

// ~~const io = socketio(server);io.sockets.on('connection', socket =>{ socket.on('socket1', (data, func) => { const ope = "+"; const res = Number(data.va

もっとみる

3.ルータ設定

ルータ設定を別ファイルから読み込ませてWebページをレンダリングする.「router.js」,「top.ejs」,「top.css」の3つのファイルを作成.

// router.jsconst router = require('express').Router();//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

もっとみる

2.サーバ設定

とりあえずサーバ関係らしきものをサルベージ.
実行してブラウザから「http://localhost: @@@@」で応答を確認.
基本はこれでいいはず.セッションとソケットIOの確認は後で.

// expressを使いたい -------------------------------------------------//const express = require("express");c

もっとみる

Youtube Data APIがうまく使えない

動画一覧を取得するGASを作ってみたけれどうまく動かない(´・ω・`)

どうも動画の抜けがあると思って調べてみたら,1年分の動画を取得した時と半年分ずつ2回に分けた時の合計が違う.そんな馬鹿な(;゚Д゚)
2018/08/01~2019/08/01:337件
2018/08/01~2019/02/01:191件
2019/02/01~2019/08/01:166件

/*************

もっとみる

Youtubeの動画一覧をSpreadSheetの表にするGoogle Apps Script

最近,某ゲーム実況者の動画をよく見るようになったけれど,数が多すぎてYoutubeの画面では探しにくいのでSpreadSheetの表を作ることにした.
URLとサムネと投稿日時とタイトルはYoutube Data APIで取得できるので,勉強がてらGAS(Google Apps Script)を組んでみた.

// Youtube Data API側関数/*********************

もっとみる

1.環境準備

Pleiades2021をダウンロード

nodeclipseがなくなってて焦った(^_^;)けど,デフォルトで使えるようになってたのでOK!(∩´∀`)∩

ゲームの仕様はSpreadSheet上に作成し,それをサーバーが読み取って構築する.SpreadSheetを読むためにサーバー用のサービスアカウントを作成する.

サービスアカウントは昔作成したプロジェクト「Negima!-Taaisen」

もっとみる

0.仕様

昔作ってWeb上で動かしていたゲームが動かなくなっていた(>_<)

直そうとしたけど色々忘れていたので,丁度新しく買ったPCで0から環境を立ち上げて備忘録を作ることにした.昔のファイルから移植しつつ,より完成度の高いものを目指す(`・ω・´)

・Webブラウザ上で動作
・node.js,Javascript,HTML
・Googleスプレッドシートからゲームの設計図を読み込んで構築
・画像,音

もっとみる