スキップしてメイン コンテンツに移動

nanacoカードの特徴と作り方

イメージ

所用でマイナンバーカードが必要となり、申し込んで手に入れたけど、偶々、マイナポイントが付与されるので、受け取りに特定のポイントカードなどがさらに必要となった。一つも持ってなかったので、色んな店のポイントに対応していて使い易そうな nanacoカード を新しく作ることにした。 nanacoの三種類のタイプ nanacoカード 電子マネーカードで使用 有料登録/審査なし 店頭かWebで申し込んで受け取る nanacoモバイル おサイフケータイで登録使用 無料登録/審査なし 対応するスマホでアプリをダウンロード セブンカード・プラス クレジットカードで登録使用 無料登録/審査あり 郵送かWebで申し込んで受け取る ※シニアナナコ(六十歳以上)、ENEOS nanaco(ENEOS)やANA QUICPay + nanaco(ANA JCBカード)という特別仕様もある。 ※nanacoギフトとGoogle Payで支払い、nan…

JavaScriptの時間を数えて表示するストップウォッチのプログラム

イメージ

JavaScriptで時間を数えてスタートとストップとリセットの三つのボタンで操作できるストップウォッチのプログラムを組む。 目次 ストップウォッチの計測時間の表示 ストップウォッチのソースコード 時間を数えて表示するプログラムの概要 時間を数えて表示するプログラムの説明 ストップウォッチの計測時間の表示 00:00.00.00 スタート ストップ リセット ストップウォッチのソースコード HTML <figure class="time"> <p class="counter">00:00.00.00</p> <button class="start" type="button">スタート</button> <button class="stop"…

JavaScriptのsetTimeoutやsetIntervalをrequestAnimationFrameで置き換える

イメージ

JavaScriptで関数などを遅らせて実行する時間差の処理に使えるsetTimeout()メソッドと間隔を空けて繰り返せるsetInterval()メソッドには共通するパフォーマンスの問題があって避けるためにはどちらもrequestAnimationFrame()メソッドで置き換えることができる。 目次 requestAnimationFrameはジャンクを防ぐ requestAnimationFrameはイベントループに強い アニメーションの始動と時間通りの実行に向く requestAnimationFrameに時間を設定して使う 二秒後に実行して即座に停止するサンプル 一秒間隔で実行して十秒で停止するサンプル requestAnimationFrameはジャンクを防ぐ アニメーションの処理に利点があってサイトの表示を良好に保ち易くするのがrequestAnimationFrame()メソッドの大きな…

CSSのアニメーションで幾らか間隔を空けながら繰り返すマークアップ

イメージ

CSSのアニメーションで動きを止めるのはanimation-delayで、繰り返して動かすのはanimation-iteration-countだけれどもそれらを組み合わせても幾らか間隔を空けながら繰り返すことはできない。 というのはanimation-delayはアニメーションが始まるまでの時間を取っているだけだからだ。最初の動きが終わって二回目以降の動きが始まる直前には関与しないし、止めることはできないものなんだ。 動きに間隔を空ける@keyframesの使い方 Dangling feet by Greyerbaby / CC0 繰り返しの途中で止まって見える、または繰り返さなくてもそのように一回だけ動く間に表現するにはCSSアニメーションの流れを指定する@keyframesを使うのが相応しい。 CSS の @keyframes @-規則は、アニメーションの流れに沿ったキーフレーム (または中…

Bloggerで投稿画像を横並びで表示する方法

イメージ

以前、 CSSのグリッドレイアウトによる画像の横並びの方法 を載せたけれどもBloggerの管理画面が2020年9月に刷新されて投稿画像の出方も少し変わったので、新しい方法を中心に載せ直したい。 目次 テンプレートによるコーディングの違い 2020年9月以降に投稿された画像の横並び 投稿画像の横並びのソースコードの書き方 二つの投稿画像の横並びのソースコードのサンプル サンプルで指定したグリッドレイアウトの説明 メインカラムに横並びの画像を収めるには 画像をメインカラムに収めるソースコードのサンプル 2020年9月以前に投稿された画像の横並び テンプレートによるコーディングの違い Bloggerの公式テーマを想定して投稿画像の横並びの方法を紹介するけれどもテンプレートのレイアウトヴァージョンによって変わるから注意しなくてはならない。 レイアウトヴァージョン3の公式テーマ Contempo/コンテンポ Soho/ソーホー …

BloggerのVariableタグのfontの内容と公式テーマの変数名

イメージ

Bloggerの独自タグのVariableのfontのtypeについてどのように使われるかの内容と公式テーマのソースコードでfontの内容の定義と呼び出しに用いられる変数名を取り上げる。 Variableタグの五つの基本項目 name/変数名(半角の英数字とピリオドのみ) description/説明(指定なし) type/種別(決められたもの) default/初期値(type毎に指定あり) value/現在値(type毎に指定あり) fontのtypelではvalue以外が省略できない必須項目となっている。 fontのマークアップ例 <Variable name="body.text.font" description="Font"   type="font"   default="$(robotoNormal15)"…

mineoのパケット放題の通信速度の使い心地とデータ通信を節約する便利な使い方

イメージ

スマホのデータ無制限の契約プランが各社から出ていてたぶん基本料金と併せて最も安く使えるのがmineoかも知れない。音声通話とデータ通信のデュアルタイプの1GBとデータ無制限のパケット放題で、2021年4月時点、1298円と385円の1683円(税込み)で使い始めた。最も安く纏めるならばデータ通信のみのシングルタイプの1GBの880円とパケット放題で、1265円(税込み)まで下げることができる。 目次 パケット放題の使い心地は決して悪くない mineoのパケット放題の通信速度の目安 体感速度としての使い心地の四段階評価 パケットの放題の便利な使いと注意点 申し込んだらmineoスイッチをONで開始する スマホを安く使えるからパケット放題が好き パケット放題の使い心地は決して悪くない mineoでパケット放題| mineo mineoのパケット放題の通信速度は最大500kbpsとされる。通常、データ制限がかかって…

BloggerのVariableタグのurlの内容と公式テーマの変数名

イメージ

Bloggerの独自タグのVariableのurlのtypeについてどのように使われるかの内容と公式テーマのソースコードでurlの内容の定義と呼び出しに用いられる変数名を取り上げる。 Variableタグの五つの基本項目 name/変数名(半角の英数字とピリオドのみ) description/説明(指定なし) type/種別(決められたもの) default/初期値(type毎に指定あり) value/現在値(type毎に指定あり) urlのtypeではvalue以外が省略できない必須項目となっている。 urlのマークアップ例 <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"        default=&…

ジョナ・ジントンの氷風呂の衝撃という芸術と人生の貴重な真実

イメージ

スウェーデンの雪深い山野に暮らす芸術家の ジョナ・ジントン は作り出す絵も音楽も写真もファッションも自然体の魅力に溢れた静謐な世界観が素晴らしく美しいと感心するけれども見付けた氷風呂の動画のやはり静まり返った雪国の朝のとても快適な様子には心底と衝撃を受けずにいなかった。 The Nordic Morning Routine - Ice bath| Jonna Jinton 朝の習慣として行われるらしいので、毎日の日課に他ならない。雪の氷原に開いた四角い穴から今にも凍り付きそうな冷え切り捲った水に足先から浸かり、頭上まで潜って喜んでいる。信じられないと驚かざるを得ない。観るや否や途轍もない寒気が伝わって来るびかりで、後から焚き火に当たられても振り払うのは容易ではなかった。 苦悩の果てに掴まれ得る希望の光 ジョナ・ジントンの氷風呂に真っ先に好感を抱いたのは人間の悲しみに打ち克つ力を受け取ったせいだ。強烈な…