… スマホアプリで自作タイマーアプリを作ったりもしましたが…音声コントロールの便利さには到底至らないですね。 なお、Androidスマホに「OK Google ３分数えて」と話しかけても３分タイマーとして動作します。 が。 タイマーが鳴り始めた時、「アレクサ、タイマー止めて」で停止するのに対し、「OK Google タイマー止めて」では止まってくれません。（自分が知らないだけかもです） …スマホの画面上のストップボタンをタップするだけなんですが、音声コントロールの利便性を甘受し…

どうも！LSSです！！ はてなブログの「アクセス解析」、このブログは50%以上がGoogleからのアクセスとなっています。 その、もっとも多いGoogleからの記事の中でも、Android関連の記事がトップを譲らずにいる中で、３位以下にCSSやJavaScript関連ネタも入ってくるようになってきています。 が、今日ふと見ると、意外な記事が紛れ込んでいました。 まず、トップは、 little-strange.hatenablog.com で、こちらがGoogleからのアクセス…

…avaScriptのタイマーによって行います。今回はそれを「0.1秒ごと」に実行するタイマーとして設定しましたが、CSSの transition にも「0.1秒かけて変化する」よう設定しておく事で、 JavaScriptからは0.1秒ごとに位置を指定する 次の0.1秒までの変化はCSSによって滑らかに変化させる という、より滑らかな動きが実現する事になります^^ コード解説 スクリプト部分 まず、５つの変数を用意します。 stkx=0;stky=0;pntx=0;pnty=0…

…torage.stmnchk)+180000-Date.now()); そして、「次にポイントアップするべきタイミングに再度hanteiを呼び出す」というタイマーをセットして完了、です。 あとがき 実際、作ってみたあとの感想としては…「アルゴリズム（仕組み）を考えるのに少々手間取った」ものの、スクリプトとしてはそう難しくないものでしたね^^ これを作れるようになっていると、各種放置ゲーが色々作れそうですｗ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

…書き、さらにその中にタイマーをセットしつつ、その中にまた行う処理をまるっと書く、という無謀な（？）事をやってます^^; やりたい事は クリックされた時、まず上のほうに向かって回転をするようにtransformを設定（回転量はランダム要素を含めて到達点での角度が常に違うようにする）、 それから「1.5秒後に発動するタイマー」を仕掛け、 1.5秒後には「１」～「６」のどれかの面になるように再度transformを設定する。 という事を行おうとしています。 先にCSSのほうでtra…

…す。 カウントダウンタイマー画面では、カウントダウン開始と同時に「リンクの冒険」のプレイ画面で無限に復活するリンクを操作して、数々の敵と戦うプレイができます（練習用にもなりますね）。 ３分タイマーをセットして、ほったらかしておくも良し、遊んでいるうちに時間が来るのも良し、って感じですｗ（倒した敵の数もカウントされます。） あと、バッテリですが、昔のゲーム＆ウォッチはボタン電池駆動で、何日も放置できていましたが、今回のゲーム＆ウォッチは充電式（USB TYPE-C端子）。 時計…

…実行する」もので、 タイマーオブジェクト=setInterval(呼び出される関数,呼び出す間隔); という書式で記述します。 呼び出す間隔の部分はミリ秒（1/1000秒）で指定します。 例えば、 a=setInterval('test()',100); と書くと、別途用意した「test()」という関数を100ミリ秒（つまり0.1秒）毎に呼び出す事になります。 今回の場合は、別途関数を用意する事はせず、関数名を入れるところに、 function(){中略} と、中略部分が数行…

…avaScriptのタイマーで作った動きで、この時はstepsを使っていません。 その記事のコメント欄に、 421miyako(id:m421miyako) 長針短針をなくす又は地と同じ色にして見えなくして秒針を貼りじゃなく何かの形にしてぐるぐる回すと面白いかも・・・と言いつつやらないと思います。 といただいたのですが、秒針のような動きだけなら、JavaScriptを使わずCSSだけでできますね^^ 421miyako様、コメントありがとうございます^^ ※ついでの余談。その…

…、じゃあ何を作るかのアイデアが必要ですねｗ 作り始めた時点では、あの「カウントダウンタイマー」なんか置いておくと、カップ麺作るのに便利だと思ったりしました^^ ただ、スクリプトなもんで、記事中でも色々書いたりするところから、名前が衝突しないよう「sidebar_sai」「sidebar_saig」「sidebar_saif」のように、被らないよう命名しています。（変数とか要素とか増えてくると大変かも？ｗ） ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

…tで「カウントダウンタイマー」を作ってみました。 分・秒を設定して、「START」を押すとカウント開始し、指定時間経過後に音が鳴ります。 「STOP」ボタンで カウントダウンや音を停止できます。 コード <p><input id="nt01" max="59" min="0" type="number" value="3" />分<input id="nt02" max="59" min="0" type="number" value="0" />秒</p><p><input…

…た頃の記事ですね。 タイマーアプリというのは、ありふれていながらも実用性が広くありそうです。 が、ブログの方向性がAndroidから離れてWebネタばかりになって久しくｗ じゃあ「Webアプリとしてタイマーは作れるのか？」というと… 「カウントダウンもストップウォッチも作れる、けど、カウントダウン終了時に音で通知するのに音声ファイルを用意したりする必要がありそう」 だったんですね。 ところが、最近になって 音声ファイルを用意しなくても、JavaScriptから音を鳴らせる事を…

どうも！LSSです！！ ２０２０年もまもなく終わりを迎える今、「振り返り記事」をがっつり書いてみようと思います^^ 2020年1月 2020年2月 2020年3月 2020年4月 2020年5月 2020年6月 2020年7月 2020年8月 2020年9月 2020年10月 2020年11月 2020年12月 皆様、大変お世話になりました。 2020年1月 2020年最初の記事は、初詣の話でした！ 元日から行ってたんですねぇ。 サムネ写真は今見てもインパクトがありますｗ 他…

…降らせてみました^^ …表現力の不足感は否めないｗｗｗ 昨日の段階で、使いたいとおっしゃってくださった方がおられたので、お待たせするのもなんだし…と、これで完成って事にしておきますｗ Hairui ブランチツリー LED ライト 枝 イルミネーション ツリー インテリア 電池式 間接照明 クリスマス 高さ80cm 100電球 オシャレ 北欧 タイマー機能 防水 金色(花瓶が含まない) メディア: Home ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

…わけです。 キッチンタイマー、ストップウォッチ、カウントダウンタイマーもありますし、なんなら、 ↑作りかけたまま（使う事は可能）なタイマーアプリもありますがｗ、「普段使ってる時計が秒表示してたら、それらを起動する手間が省ける」という面倒くさがりっぷりｗｗｗ で、今回購入したスマートウォッチ、今日届いて開封したんですが、実際のところ「４種類あるウォッチフェイス（時計盤面の見た目）のうち、ひとつだけが秒表示に対応」でした。 嫌いなデザインじゃないし、表示情報量に不足もない（月・日…

…ン)(風量3段階) タイマー付 ホワイトベージュ FCR-D405(WC) [メーカー保証1年] メディア: ホーム&キッチン ここまで、「身に着けるタイプ」のものばかり書いていましたが、こちらは据え置きで使うものになります。 数年前に買って使ってました^^ 「冷たい風がでる、けど部屋を冷やす効果はない」という、「ちょっと高級な扇風機」って感じでしょうか。 ただ…使い方が雑なのか、はずれを引いたのか…壊れちゃったんですね^^;;; 一台めはひと夏使いきったあたりで、水漏れが発…

…n tms(){//タイマースタート tm=setInterval("tmc()",200); } function rakka(){//「落とす」ボタンの処理 while(masu[mx][Math.floor(my/sz)+1]==0){ scr++; my=Math.floor(my/sz)*sz+sz; } } function gameinit(){//ゲーム初期化 scr=0; fws=0; gmd=0; masuinit(); } function masuin…

…mc()を呼び出す」タイマーをセットしている関数です。 function rakka() 「落とす」ボタンを押した時の処理を行う関数です。 着地判定と１マスごとにスコア+1をここで行っています。 function gamen_i() ゲームが始まる前の「ここをクリックしてスタート」を書き出す関数です。 function gamen_w() 先に書きましたが「画面を書き出す」関数です。 その時点での変数の状態に応じて画面を作るという処理を行っています。 function kmv…

…常に動作しなかった（タイマー処理と相性が悪い？）ので、onmousedown（マウスボタンを押し下げた時に発生するイベント）で書いています。 mx-=数値; と書くと、「mxの値が数値で指定した分、減少する」のですが、その数値となる部分に(mx>0?1:0)というのを書いています。 これは「二項演算子」というもので、if文でやるような事をごく簡潔な書き方で実現する書き方です^^ 条件?結果A:結果B というように?と:を区切りとして用い、『条件』が成立した場合は『結果A』の値…

…avaScriptでタイマー tm0=setInterval('tmf()',100); clearInterval(tm0); CSSプロパティをJavaScriptから制御 maru.style.left=x+'px'; maru.style.bottom=y+'px'; 要素をクリックした時に指定の関数を実行するようにする gamen.onclick=clk; JavaScriptでタイマー tm0=setInterval('tmf()',100); タイマー名=set…

…ードはっておきます タイマー使うとちょっと面白くなってきますね なにこれ 単なる「移動＋ジャンプ」の動きのサンプルです。 ひたすら左右に往復する★にマウスカーソルを重ねるか、下にある「ジャンプ！」というリンクをクリックすると★がぴょんっとジャンプします。 作ったきっかけ はてなブログ仲間のさじさんが、最近動画作成を勉強されていて、AfterEffectsで可愛いキャラをぴょんぴょんさせる技術を習得されました。 のを見て、JavaScriptでやってみたくなったのです（真似しぃ…

…ってみます！ 7% タイマー処理＝一定周期で処理を行う、てのをkotlinで極力カンタンに書いてみる（Handler利用） 5% Kotlinで、NumberPickerにイベントリスナーを実装！！ 4% Androidアプリ開発初心者がkotlinでカラーピッカーを作ってみるよ！ その１ 4% Ringtoneでカウントダウンタイマー終了時に音でお知らせ！ 2% Spinnerをkotlinで試してみます！その１ 2% とりあえず、新規アプリ作成 始めてみました。 2% T…

…限や、カウントダウンタイマー、ストップウォッチなど、時間を取得する必要が出てきた時にCalenderクラスを使います。 handler 「〇ミリ秒後に行う処理」を呼び出すのがhandler。処理内に再度handlerを設定する事で「一定時間ごとに行われる処理」にする事も可能。 データ保管関連 アプリを終了させても、前回のデータを保持する方法はいくつかあります。 SharedPreferences SharedPreferencesはおそらくもっとも手軽な手段。大量のデータには…

…の勉強中です。 今、タイマーアプリを作成しながら、コードを書くというよりはxmlレイアウトを試行錯誤している状態です^^;;; たどり着いた結論（こんな風にしたかったのです） LinearLayoutの入れ子とlayout_weightの組み合わせは、AndroidStudioに怒られます！ 格子状のレイアウトならTableLayoutでしょ！ この時点での画面の雰囲気がこんな感じ しっくりは来ないけど、こういうモノと思うしか…？ たどり着いた結論（こんな風にしたかったのです…

…兼メニュー画面 ３分タイマー画面 ボタンを押すと、フチがこんな風に 「メニューに戻る」ボタンも同様 Kotlinはほぼコピペ^^; 実際に時間を取られたのは、ほぼxmlでした。 明日もやるよー！年内にどこまで進められるか？？ 案は色々練ってましたが 第二弾はタイマーアプリ ３分、５分、時間設定可能タイマー、２種類の時間を交互にカウントダウンするタイマー、ストップウォッチ、と使い分けできる 画像を極力使わず、見た目はxmlで凝ってみる 配色ごちゃごちゃするよりモノトーンで作ると…

…す！その2 10% タイマー処理＝一定周期で処理を行う、てのをkotlinで極力カンタンに書いてみる（Handler利用） 8% Kotlinで、NumberPickerを使ってみます！ 6% Ringtoneでカウントダウンタイマー終了時に音でお知らせ！ 6% ブログトップ 6% Androidアプリ開発初心者がkotlinでカラーピッカーを作ってみるよ！ その8 4% /archive/category/kotlin備忘録 4% TextViewに複数行テキストを表示させ…

…う事をやります！ 「タイマー」が今のところ有力候補です 前回の公開作業時にGoogleからさんざん言われた事 res>drawableフォルダ下にSHAPE設定用のxml grade.xmlの内容を以下のように書きます 軽く解説すると、 今回の記事ではこういう事をやります！ → 「タイマー」が今のところ有力候補です 理由としては、 簡易的に作ったものを自分で結構使ってるから（カップラーメンとかストレッチとか） 基本的な部分はほぼ出来てるからｗ はてなブログ内で需要ありそうな記…

どうも！LSSです！ little-strange.hatenablog.com ブログ開始からだいぶ日数は経過してしまいましたが、↑のような記事を書くべく開設したブログだったのです。 無事、ページの右上（PCで見た場合）にも置けました^^ ここから、上記記事には書かなかった内容を書いていきます タイトル画面 遊び方説明画面 プレイ画面 そんな感じで ここから、上記記事には書かなかった内容を書いていきます 今回は制作の裏側みたいな記事になります。 アプリ制作については、これま…

…ckerを触ったら、タイマーの表示がリアルタイムに変わるほうがいいよな ちょっとAndoidアプリネタが途切れてたから、次のネタはそれでいくか！ という理由から、まず作ってみる事にしたんですね。 そしたら… 意外とKotlinでNumberPickerのイベントリスナーについて書かれてる情報がない！ Androidアプリ開発は長らくJAVAの独壇場で、Kotlinメインでいくよ！ってなったのが比較的最近なため、JAVAの解説は多々見つかるものの、KotlinでNumberPi…

…特殊なカウントダウンタイマー 例３．知育＋αアプリ 需要 例１．WINS（馬券売り場）にて 予想ブログを見てちょっと買ってみたくなっただけなので、どの馬がどう、とかは全く分かりませんが、オッズ（倍率）を見て、こんな事を考えました。 例えばトータルで３０００円出すとして、 馬単で１位になりそうな馬を５頭ぐらい選んで、 そのうちどれが勝っても元手回収＋微増するような買い方ってあるんだろうか 計算を簡略化するにはどういった計算式になるだろう 元手、増やしたい金額、狙った馬のオッズを…

…々に「カウントダウンタイマー＆ストップウォッチ」の続きになります。（カウントダウンする分・秒を設定できるようにします） 今回は↓この本で見かけた「NumberPicker」というものを試してみます。 なお、「カウントダウンタイマー＆ストップウォッチ」について過去に書いた記事はこちら！ little-strange.hatenablog.com little-strange.hatenablog.com little-strange.hatenablog.com 目次 今回のキ…