aidesign

さまざまなプログラミング言語を扱ってきました。最近はHTML(JavScript, Css)に注目しています。プログラム開発・教育に関心を持っています。

aidesign

さまざまなプログラミング言語を扱ってきました。最近はHTML(JavScript, Css)に注目しています。プログラム開発・教育に関心を持っています。

年賀状2025第六弾

　昨年中のご厚情に心より御礼申し上げます 　本年もご期待に添えるように頑張ります 　　さらなるご指導をお願い申し上げます 　　　　　　　　令和七年　元旦　　　　 　　 恩師や取引先への感謝の年賀状 年賀状2025第六弾は、旧年中に世話になった取引先へのお礼の文面です。 日本地図をゆっくり描画 UNICODEに登録された日本列島シルエットの絵文字コードは U+1F5FE です。日本は主要4島 本州、北海道、九州、四国 はじめ、多くの島から成り立っています。登録された日

¥200
aidesign

    • 年賀状2025第五弾

      　新しい年の幕開けです　　　 　身体に気をつけて　　　　 　　お互い頑張りましう　　 今年もよろしくお願いします 　　　　令和七年　元旦　　 　　 健康に留意して新年のエールを交換 年賀状2025第五弾は、知人の健康を気遣いつつ健闘を交換し合う文面です。 表示時間の設定 文字数が多くなると１文字当たりの表示時間を短縮したい時があります。この部分の設定はアニメーション付加ツールで変換条件を設定するのが定法です。ここではアニメーション付加ツールには触れないことにしますの

      ¥200
      aidesign

      • 年賀状2025第四弾

        　新年いかがお過ごしでしょうか　　 　　笑顔あふれる年でありますように 　　　今年もよろしくお願いします　 　　　　　　　令和七年　元旦　　　 相手の安寧を願う文面 年賀状2025第四弾は、親しい知人に安否を訊ね相手の安寧を祈願する文面です。次の静止画像は動画の最終画面ですが、年賀挨拶文が右から左へサイン風に流れ、左上の音符をクリックすると『春の海』琴のBGMが鳴動します。 プログラミングコードを入手しHTMLの初歩的な知識を駆使して、テキストエディタによってプログラ

        ¥200
        aidesign

        • 年賀状2025第三弾

          　新年を寿ぎ謹んでお慶び申し上げます　 　　旧年中は格別のご高配にあずかり　　 　　誠にありがとうございました　　　 幸多き年でありますよう祈念いたします 　東京都未来市富士見町三丁目二番一号 　　　　　　　　東海林　長一郎　　　 　　　　　　　　令和七年元旦　　　　 恩師・上司・先輩へ新年の挨拶 年賀状2025第三弾は、目上の方々へ日ごろの感謝をお伝えし新年のご多幸をお祈りするお言葉です。 挨拶状の動画 配布用のHTMLプログラミングコードから得られる動画を見て

          ¥200
          aidesign

          年賀状2025第二弾

          　昨年は大変お世話になりました　　 　　今年も素敵な年になるといいですね 　　　またどこかに遊びに行きましょう！ 　　　　　　　　令和七年　元旦 　　東京都未来市富士見町三丁目二番一号 　　　　　　　　　　　　　　嵐　一郎 同僚へ新年の挨拶 年賀状2025第二弾は、同僚へ気楽に伝える感謝の言葉です。二人にとって新たな進展があるのでしょうか。 絵文字について 左上には日本の新年の飾りである門松を添えています。この門松はUnicodeで定められている絵文字で、内部コードは

          ¥200
          aidesign

          年賀状2025第二弾

          ¥200
          aidesign

          年賀状2025第一弾

          　　初春（しょしゅん、はつはる）の光を受けて今年も 　　　ご活躍ご発展を 　　　　お祈り申し上げます 　　　　　　　　令和七年　元旦 　　　　　東京都未来市富士見町三丁目二番一号 　　　　　　　　　　　　　　嵐　一郎 日ごろのお気遣いに感謝 年賀状2025第一弾は、新年を迎えて恩師・家族・友人へ感謝をお伝えし、ご発展をお祈りする文面です。 自前情報について 年賀挨拶状は万人に共通なテンプレートとして配布されます。よって住所氏名は仮のデータです。その中は多くの縁取り文字

          ¥200
          aidesign

          年賀状2025第一弾

          ¥200
          aidesign

          年賀状への想い

          年賀状への想い・思いは重いです。インターネットが普及して紙により長く続いてきた誇らしい文化が終焉を迎えようとしています。何を大袈裟な！とお思いでしょうが、連綿と続いてきたパピルスへの愛着を持ってほしいからです。ここらでプログラミングという荒療治で紙文化の大切さを訴えます。 メールで年賀状を出そう 最近、郵便料金を含め何もかも値上がりしています。宅配のためのドライバーも人手不足です。そこでメールにより新年のご挨拶をしてみませんか。 メール年賀状の内容 メールによる賀状な

          aidesign

          年賀状への想い

          aidesign

          今風なメッセージ表現例

          概要この記事はメッセージや画像を動的に表現して人の注意を惹きつける作品の作り方について語っています。 ネオンサインなどは文字や画像を横や縦にスクロールさせるだけですが、幾何学曲線、回転、フェードイン、フェードアウトの多彩な描画について具体的に紹介しています。 ここではデジタル時代の申し子たるHTML(CSS, JavaScript)を使って作り上げていますが、曜日や時間、外気温度、照度などに連動した表現方法も可能になります。この部分は将来の拡張機能として道筋を立てるに留め

          ¥200
          aidesign

          今風なメッセージ表現例

          ¥200
          aidesign

          人の目を惹く動く広告を作る

          概要『その後の変幻自在な広告』のひな型を発表します。広報活動において早朝、夕方、曜日の違いに応じた挨拶や季節に添う会話を表示するにはプログラミングにより解決できることがあります。また、日常からかけ離れた幾何学模様を描画に使うと人目が奪われることがあります。このような動くキャッチコピーをHTML言語にてプログラミングした商品を作ってみました。 社名、電話番号、ホームページURLアドレス、ロゴマークなどは仮のものです。実在のものに変更する方法を載せています。HTMLの初歩知識と

          ¥300
          aidesign

          人の目を惹く動く広告を作る

          ¥300
          aidesign

          回転しつつ同一方向を保つ動画

          全体画像が回転しているのに画像の一部を静止状態に保つ方法があります。車において停止中なのに車のホイールが回り続けて見えるスピナーホイール、逆に走行中なのにホイールが停まって見えるフローターホイールが市販されています。車検に抵触するかどうかは当方ではわかりません。 ここでは車から離れて画像をアニメーションして広告で目を惹く方法をまとめています。そのなかで公転中に自転させ同一方向を保つ動作について解析しています。 Result動作の概要 動作を動画で説明します。図に示したよう

          ¥100
          aidesign

          回転しつつ同一方向を保つ動画

          ¥100
          aidesign

          あみだくじの作り方を模索する

          このたび、4～14人グループのくじ順を決める電子版あみだくじを作りました。当選者、役員を選出、掃除当番を決める、順番を無作為に決めるときなどにくじ引きを用いることがあります。このあみだくじはただひとりの当選者を決めるだけでなく順番決めに利用できることが特長です。 概要プロ野球のドラフト会議などでは先ず、くじを引く順番をくじで決めます。その順番で本番のくじを引いているようです。くじを何番目に引くかは当たりくじを引く確率には関係ないですが、人情的には始めの方で引きたくなります。

          ¥100
          aidesign

          あみだくじの作り方を模索する

          ¥100
          aidesign

          ルーチンワーク

          ちょっと前、ラグビーのワールドカップ大会でルーチンワークが大きな話題になったことがあります。 パソコンが市民に普及したとき、立ち上げるという言葉が使われました。パソコンは一日の利用を終えるとシャットダウンして翌日の朝に立ち上げて使っていました。スマホの時代になるとシャットダウンと立ち上げは日付ごとではなくなりました。 その日のはじめにする決まり事ルーチンワークとは上記のような意味があります。パソコンでその日の始まりにしたいことを挙げてみます。 ①立ち上がる直前にスピーカー

          aidesign

          ルーチンワーク

          aidesign

          数字入り四字熟語とかぞえ歌

          連環の順を含む四字熟語かぞえ歌には子守歌風、昔話・民話風、猥雑な歌など様々です。ここでは数字に関連した数え歌を絡めて取り上げダブル連番入り四字熟語にスポットライトを当てることにします。数字は一から順に繰り上がり十で元に戻ります。四字熟語は一石二鳥から始まり十年一日で終わります。二は二人三脚にしましたが二束三文もあります。六七や八九はなかなか見つからずネット上を参照しました。情報提供者に感謝申し上げます。 四字熟語はそれだけで意味を持つものに限られ字面（じづら）がそろうだけの

          aidesign

          数字入り四字熟語とかぞえ歌

          aidesign

          万華鏡2023

          以前、電子万華鏡を発表しました。今回は万華鏡の機能に限定したシンプル版です。デザインはp5.jsがバリエーションを演じてくれますが、キーとマウス入力により手を加えることができます。 下記タイトルと画像設定の方法において詳しくは不明ですがリンクアドレスへの画面遷移は期待通りに動作します。どなたかこの辺りをご存じでしたらお教えください。 上記の枠をクリックするとKaleidoScope2023.htmlにリンクし鮮やかな万華鏡が乱舞します。画面が変わって最下行の音声再生ボタンを

          aidesign

          万華鏡2023

          aidesign

          縁取り文字の使用例

          書体（フォント）共通した表情をもつ文字の集まりのことを「書体」と呼んでいます。フォントはデジタル化した書体を指します。文字の書体は明朝体とゴシック体が双璧と言えるでしょう。その他、教科書体、行書体、イタリック体などがあります。また外枠を線で描く縁取り文字があります。 HTMLのCSSで書面を表現するとき、有料・無料の縁取りフォント体を用いる他にtext-shadowにより自前の縁取り文字を表示することができます。text-shadowは文字に影を付ける使い方が標準ですが、

          aidesign

          縁取り文字の使用例

          aidesign

          あみだくじを作る

          作品の概要 乱数とくじ乱数とはある範囲の数値から任意に取り出した数値です。プログラミング言語には種（seed）と呼ばれる値を基にして乱数を取り出す関数が用意されています。種として経過時間など同じ値が現れないものを使って無作為な数値を作るために採用されます。 くじはおおぜいの参加者から一人の役割担当者を選ぶときなどに利用されます。後にくじ引き将軍と呼ばれた足利幕府六代将軍足利義教（あしかがよしのり）はくじ引きによって選ばれました。くじ引きは古来から参加者を選ぶ手段に使われ

          ¥100
          aidesign

          あみだくじを作る

          ¥100
          aidesign