Webアプリ制作 第4回 試験用キッチンタイマー制作｜複数タイマー編
前回は、タイマーが0秒になったときにパネルが回転し、タイマー名と「終了」を表示する仕組みを追加しました。今回は、いよいよタイマーを複数に増やします。上段に4個、下段に3個を並べ、上段だけ、下段だけ、または全体をまとめて開始できるようにします...
のんびり研究所
Webアプリ制作 
Webアプリ制作 第3回 試験用キッチンタイマー制作｜終了演出編
前回は、タイマーの見た目を青いガラス・ネオン風へ変更し、パソコンだけでなくスマートフォンの縦画面・横画面でも使えるようにしました。ただし、時間が0秒になったときは数字が止まるだけです。教室の後ろから見ると、終了したのか、単に止まっているのか...
Webアプリ制作 第2回 試験用キッチンタイマー制作｜デザイン・スマホ対応編
前回は、Visual Studio Codeを導入し、停止・再開・リセットができる単体キッチンタイマーを作りました。タイマーとしては動くようになりましたが、見た目は動作確認を優先した簡単なものでした。今回は、教室の大型ディスプレイで遠くから...
Webアプリ制作 第1回 試験用キッチンタイマー制作｜基本機能編
これまでは、Web上のキッチンタイマーを開いて使っていました。しかし、せっかくなら自分で作ってみたい。AIと作業を分担して作ります今回のWebアプリ制作では、ソースコードの作成を、のんびり研究所のAI「ノン」に担当してもらっています。私は、...
漫画 【実話】事実は小説より奇なり【No.5】
DTP・WEB・3Dの講師募集を見つけたので、無謀にも応募してみました（笑）どれも独学で覚え、いろいろなものを作って遊んでいたので、「まあ、何とかなるかな……」くらいの気持ちでした。※漫画の中ではスマホを使ってますが、よく考えたら、まだスマ...
WordPress 第12回 のんびり研究所構築日記｜Glossary Tooltipを試したら、日本語の文章内で反応しなかった（失敗）
第5回の記事では、「CM Tooltip Glossary」というプラグインを使って、専門用語へツールチップを表示できるようにしました。ツールチップを設定しておくと、記事内に分かりにくい専門用語が登場したとき、マウスを重ねたり、スマートフォ...
漫画 【実話】君の名は【No.4】
いつも「先生」と呼ばれていたけど、たまに苗字でも呼ばれてた気もするんだよね・・・。この事件以来、ちゃんと「鈴木さん」と呼んでもらえています(笑)
運営日記 金（GOLD）について調べてみたら、想像以上に重かった
この前、ネトフリでドラマ見てた時、空港のドラマで金の話があった。金って書いてるけど、GOLDのほうの金ね。お金じゃないよ。詳しく内容を書くとネタバレやらになりそうだから、ドラマ名も伏せて、ドラマと関係ないことを書く。とりあえず、なーんも知ら...
漫画 【実話】設定終わったら「使い方わかります？」って聞くのやめよう・・・その2【No.3】
インターネットの接続設定が終わり、そのままパソコンで検索する方法も説明することになりました。ところが、何気ない会話から思わぬ事実が判明します（笑）またもや、検索の仕方を一つも説明してないわ(笑)高知県の皆様ごめんなさい。
漫画 【実話】設定終わったら「使い方わかります？」って聞くのやめよう・・・その1【No.2】
インターネットの接続設定が終わり、そのままパソコンで検索する方法も説明することになりました。ところが、何気ない会話から思わぬ事実が判明します（笑）そもそも、検索の仕方を一つも説明してないわ(笑)YOASOBIの皆様ごめんなさい。