糖質目標30gの昼飯を探しにイオンいってきた。 pascoの低糖質ブレッドブランのパッケージに「糖質11g」て書いてあるから買ってみた。 あと飲むヨーグルトも。 で、食ってる最中に気づいたのがパッケージの表記はパン1個分の量だってこと。 買ったのは2個入り…

アラフォーになって太り始めたので糖質制限でもしてみようかと。 その前に今の摂取量を計算してみた。 ある日の食事 朝: 食パン+ジャム = 27g + 13g = 40g 昼: 和幸のロースカツ弁当 = ご飯多め + カツ = 55g x 1.5 + 10g = 92g 夕: クリームパン 30g 夜: ご…

プログラミング言語になくてはならないのがコメント。 たとえばjsの場合はこんな感じ。 今日はこれを実装してみましょう。 問 スラッシュではなくパイプ(|)を使った独自のコメントアウト機能を実装せよ。

今日はアクションゲームが作れそうなネタです。 問 下記のコードをカスタマイズして弾む箱を描画してください。 サンプルコード <style> .box { position: absolute; width: 16px; height: 16px; left: 100px; top: 100px; background: #000; } .field { position:</style>…

今日はバグ修正っぽい問題です。 問 あるチャットAPIがあります。 このAPIには指定日時以降のメッセージを取得するメソッドがあります。 このメソッドを使って、定期的にメッセージし表示するアプリが作りたいです。 メッセージを取得するAPI仕様 /** * 指定…

今日はツイッターっぽい問題です。 問 いろいろな人がツイートしたあとで それぞれの人の最後のツイートを取得してください。 プログラムこんな感じ。 <script> class Twitter { /** * ツイートする * * @param userName {string} ユーザ名兼ユーザID * @param text…

問1〜4をまとめれば あーーーーら不思議。 パズルの完成です。 全体ではこんな感じです。 <style> .puzzle { width: 300px; height:300px; position: absolute; background: #888; } .puzzle>div { background: #ff8; position: absolute; width: 100px; height: 1</style>…

問題も大詰めです。 がんばっていきましょう。 TODOを実装し、クリックした位置を取得せよ。 <style> .puzzle { width: 300px; height:300px; position: absolute; background: #888; } .puzzle>div { background: #ff8; position: absolute; width: 100px; height</style>…

問2まででロジックは完成しているので 今日からUI周りの問題です。 TODOを実装し、パネルを表示せよ。 <style> .puzzle { width: 300px; height:300px; position: absolute; background: #888; } .puzzle>div { background: #ff8; position: absolute; width: 100p</style>…

昨日の「【問題】8パズル 問1」の続きです。 今日はちょっと簡単ですが息抜きに解いてみてください。 TODOを実装し、想定する出力にせよ。 <script> /** * パネルの値から位置を取得する * * @param ary2d {number[][]} 8パズルのパネルを表す配列。空の場所には0が…

会社でjs勉強会的なものが開かれたので8パズルの問題を作りました。 8パズルとはこうゆうやつです。 canvasでパズルゲーム 今回の問題はシャッフルはせずにパネルを動かすところだけです。 よかったらやってみてください。 TODOを実装し、想定する出力にせよ…

今日はPHPの話。 文字列のjsonをデコードしてエンコードする簡単なお仕事。

文字が思ったところに表示されなくてハマったのでメモ。 まずはこのコードをご覧ください。 <svg viewBox="0 0 50 50"> <text x="0" y="0">あ</text> </svg> x, yがゼロなので 左上あたりに「あ」て表示されると思うじゃないですかーー。 でも実際は... あ ↑ わかる？ 上にちょこっとだけ黒いのが見えるの。 これ「あ…

普段node.jsでwebサーバを作るときはexpress等のライブラリを使うかと思いますが 以前の記事で自前で作った流れで、もう少しサーバらしくしてみました。 まずは公式サイトからコピペ ↓ここにコードがある。 Node.js® とは これをそのままコピペする const ht…

typescriptを書いてると毎回手動でビルドするのが面倒なので ツールを使ってコードが保存されたら勝手にビルドするようにしますが あれ、やりすぎじゃね？ 保存のたびにビルドしてたらmacがホッカホカになっちゃうよ！ 実行時する直前にビルドしてくれれば十…

いろんなサイトで SVGファイルの開き方はimgでもobjectでもどっちでもイイ みたいなことが書いてありますが、開き方による明確な違いを発見したのでメモ。 imgタグでSVGを開く たとえばこんなディレクトリ構成のファイルがあるとします。 root/ ├ index.html…

ふとセガサターンの挿入歌でおなじみの光吉猛修の歌が聴きたくなったので集めました。 バーニンレンジョーー！！！ Burning Hearts Burning ANGEL - Burning Rangers (Japanese version) デイトーーナーーーー！！ [BGM] [AC] デイトナUSA [daytona usa] ビ…

映画「君の名は」を見ました。 久しぶりにアニメみたなーって感じ。 で、キーマンはお父さんなんじゃないかと思ったのでちょっと考えてみました。 まぁ1回見ただけなのでただの認識違いかもしれないけど。 以下、ネタバレ注意ね。

最近SVGにはまってます。 最初は丸とか三角しか描けなかったけど pathも覚えていろいろ描けるようになると レイヤー構成とか部品化とかを凝り始めるようになります。 そんなことをやってたらstyleまわりでちょっとハマったのでメモ。 1つのHTMLに複数のSVGが…