魔法探偵の助手

魔法探偵の助手

マガジン

最近の記事

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

「魔法先生ネギま!」をテーマにしたWordleを作ってみた. https://negimataisen.com/game/Mahoradle ・ルール1 "目標" の言葉は↓のスプレッドシート(「名簿」,「コンテンツ1」)から選ばれる. ※ 全角カンマ",",全角・半角括弧"(",")","(",")",改行は区切り文字として扱われる. ※ 範囲の1列目(青セル),1行目(赤セル),および"//" で始まる言葉はヒントに使うタグで対象外. ※ 原作やWikiを読み返しながら

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

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

      • 6.Compute EngineへのSSH接続

        サーバには以前使っていたGoogle Compute Engineを再使用. 改めてSSH接続の設定をしたのでメモ. コマンドプロンプトでSSHの鍵ペアを作り,WinSCPで接続する. ・鍵ペアの作成 コマンドプロンプトで「ssh-keygen・・・」 ユーザ名@ホスト名とパスワード(確認含めて2回)を入力すると,2つのファイルが作成される. ・Google Cloud Platformで公開鍵を設定 「VMインスタンス」→インスタンスを選択→「編集」 「SSH認証鍵」の

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

          app.js側 const sheetReader = require('./javaScripts/googleApis/sheetReader.js');//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//// ~~const io = socketio(server);io.sockets.on('connection', socket =>{ socket.on('socke

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

        マガジン

        • ゲーム作成備忘録
          8本

        記事

          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.val1) + Number(data.val2); func(ope, res)

          3.ルータ設定

          ルータ設定を別ファイルから読み込ませてWebページをレンダリングする.「router.js」,「top.ejs」,「top.css」の3つのファイルを作成. // router.jsconst router = require('express').Router();//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//// ログrouter.use('/', (req, res, n

          2.サーバ設定

          とりあえずサーバ関係らしきものをサルベージ. 実行してブラウザから「http://localhost: @@@@」で応答を確認. 基本はこれでいいはず.セッションとソケットIOの確認は後で. // expressを使いたい -------------------------------------------------//const express = require("express");const app = express();// 利用するポート番号app.set

          2.サーバ設定

          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 Data APIがうまく使えない

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

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

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

          1.環境準備

          Pleiades2021をダウンロード nodeclipseがなくなってて焦った(^_^;)けど,デフォルトで使えるようになってたのでOK!(∩´∀`)∩ ゲームの仕様はSpreadSheet上に作成し,それをサーバーが読み取って構築する.SpreadSheetを読むためにサーバー用のサービスアカウントを作成する. サービスアカウントは昔作成したプロジェクト「Negima!-Taaisen」上の「philosophastra」を再利用.鍵は新しく作成する. 鍵作成時に

          0.仕様

          昔作ってWeb上で動かしていたゲームが動かなくなっていた(>_<) 直そうとしたけど色々忘れていたので,丁度新しく買ったPCで0から環境を立ち上げて備忘録を作ることにした.昔のファイルから移植しつつ,より完成度の高いものを目指す(`・ω・´) ・Webブラウザ上で動作 ・node.js,Javascript,HTML ・Googleスプレッドシートからゲームの設計図を読み込んで構築 ・画像,音声はGoogleドライブ上のものをID指定で利用