昔のカーラジオの選局ボタンを模したデザインのGUIのひとつで、『ひとつをオンにするとほかのボタンがオフとなる』ようなボタンのこと。←→「チェックボックス」 見た目は、ボタンではなく、ポチマークのよう。 一例で言えば、このキーワードのスコアのところの『リンク不要/リンク可』の左についているものが、ラジオボタンそのものである。
1 はじめに 私がグーグルフォームを使ってみようと思ったきっかけ、それが秋田県学習状況調査質問紙集計の依頼です。正確に言うと、「質問紙と同じ内容のアンケートを年何回か取り、比較したいので協力してほしい」と頼まれたのがきっかけです。 すぐ思ったのは、「エクセルファイルにひたすら数値を打ち込む過酷な作業だけは絶対に避けたい」ということでした。1学級につき1時間くらいはかかるので、全校分を頼まれたら…。 幸いにして、グーグルフォームを知り、その結果をエクセルで処理するマクロを組んだおかげで、アンケート結果を即時処理できるようになりました。(アンケート終了後、5分程度で処理が終わります。) しかしなが…
ラジオボタンの設定をjqueryのスクリプトで行うときにハマるという話です。 問題の前提 ラジオボタンは通常複数の同一name属性をもつ要素が集まってできています。 <input type="radio" name="post_radio" value="val1" checked>要素1 <input type="radio" name="post_radio" value="val2">要素2 <input type="radio" name="post_radio" value="val3">要素3 こんな感じです。 ここで、要素3にチェックを入れるという設定をjqueryでやりたいとい…
htmlにて選択ボタンを作成する場合には、チェックボックスやラジオボタンがありますが、今回はラジオボタンの作成方法の説明になります。 チェックボックスは通常複数選択可能な場合に使用しますが、ラジオボタンはどれか1つを選択したいような時に使用します。 (adsbygoogle = window.adsbygoogle || []).push({}); 目次 1.基本パターン 2.文字列クリックでも反応させる方法 3.初期選択しておく方法 4.どれか1つを必ず選択させる方法 1.基本パターン ラジオボタンの作成例としては以下のようになります。 <input type="radio" name="c…
どうも!LSSです!! かなり前に、 little-strange.hatenablog.com という記事を出し、その後も何度かそれに似たものを出していました。 これはチェックボックスを使用した、単一のメニューの開閉を実現するものでしたが、今回はラジオボタンを使用して「複数のうちからひとつを開く」開閉メニューを作ってみました。 ラジオボタンによる開閉サンプル コード 使い方 あとがき ラジオボタンによる開閉サンプル .rdd input{display:none;} .rdd label,.rdds{display:block;} .rdds{ width:300px;height:35px…
どうも!LSSです!! JavaScriptを使わず、CSSだけで動作するフォトギャラリーを作ってみました。 CSSで作るフォトギャラリー コード 使い方 あとがき CSSで作るフォトギャラリー .cglry{ display:grid; /*gridレイアウト*/ grid-template:repeat(8,1fr)/1fr 6fr 1fr; /*縦8行に分割/横1:6:1の比で3列に分割*/ gap:5px; /*各グリッドの間に5pxの隙間*/ } .cglry input{display:none;} /*ラジオボタン非表示*/ .cglry label{grid-column:1/…
今回は、HTMLのフォームタグを復習したので見返して使えるように簡単な備忘録として残します。 色々なフォーム部品がある。 フォームタグ 1行テキストのフォーム <input type="text"> <input type="text", value="hello"> # value属性で初期値を入れておける。画像の左から2番目 パスワードのフォーム <input type="password"> # 画像の左から3番目 複数行テキストのフォーム <textarea name="テスト">ああああ※初期値はここに入力する</textarea> # 画像の一番右 入力例を入れておきたい場合 記入…
Button COMPは、Button Typeを「Radio Up」にして、同じラベルを付けるとラジオボタンになります。 ただマウスでボタンを押すのはめんどくさいので、キーボード入力のラジオボタンを作ってみました。 ※もっと良い実装を知ってる方、よろしければ教えてください🙇♂️ まずは、必要なオペレーターを配置します。今回は1~4のキー入力を使ったラジオボタンを作るので、Keyboard In CHOPを4つ配置して、それぞれCount CHOPとMath CHOPを繋げます。 そしたら、keyboardin1のkeysを1に、keyboardin2のkeysを2という感じにkeyboar…
CakePHPのラジオボタンですが、ヘルパーで設置すると縦並びになって、個人的に非常に嫌でした。そこでこのラジオボタンを横並びにする方法を説明していきます。結論から言うと、自分でCSSを書くのが一番手っ取り早いです。自分でdisplay: flex;などして、上書きしてしまう方法です。もともとのコードをいじるとなると、かなり細かい作業になってしまうので、オススメしません。 元々のかんじ 書き換えたビューテンプレート CSSを読み込む CSSを書く 終わりに 【自分の環境】macOS Catalina PHP7.4.2 CakePHP3.8 MAMP5.7 Apache2.2 MySQL5.7 …
今回は、GUI部品(ラベル、テキストボックス、チェックボックス、ラジオボタン)を表示してみます。 Python(tkinter)は少し自分の知っているものとしくみが異なるようで、ラベルなどを生成する関数にウィンドウ(フレーム)を渡すことで、その渡したウィンドウ(フレーム)に表示されます。 自分が知っている言語では、ラベルなどのオブジェクトを作成、ウィンドウ(ラベル)に追加する流れで部品が表示されました。 そんなライブラリですので、少し関数を組んで部品を追加表示するようにしてみました。 # -*- coding: utf-8 -*- # 日本語コメントをエラーとしないように、UTF-8で保存 #…
どうも!LSSです!! だいぶ前の記事になりますが というのを書いていました。 HTMLのフォームパーツであるチェックボックスを非表示で用意し、「チェックボックスの状態からCSSで分岐できる」というのを利用したものですね。 実際のところ、CSSでユーザー操作によるオン/オフ切り替えは、この「チェックが入ってるか否か」ぐらいしか方法がないようです。 ですが、「HTMLのフォームパーツ」で「チェック状態にできる」ものとしては、チェックボックスの他に「ラジオボタン」があります。 ラジオボタンってのは、 こんな風に、「いくつかの選択肢から一つを選んで、ひとつだけ有効になる」というパーツですね。 今回は…
設定画面 猫モード!! チェックを付けて保存してみたところ、最初何も起こらないなぁ?って思ってました。 そのまま放置していると、画面上部に猫が歩いてきました。 画面上部に猫が歩いている様子 猫の種類 猫の種類 眺めていたところ、猫は5種類居そうな雰囲気です。 実は隠しキャラがいるかもしれません。 他のモード コーギーモード・猫モード・カニモード モードはラジオボタンではなくチェックボックスのため複数選択できます。 コーギーとカニも出てきます。 パワーレベル これは、タイピングをしてコンボになるとエフェクトが付くやつです。 まとめ 右上の「歯車」ボタンから「その他」を選択することでこの設定画面に…
ここ,3か月ほど知り合いのフリーランスエンジニアの方に指導いただきながらウェブアプリの開発をしている(Todolist系のアプリでVue.jsとかFastAPIとか使って作ってる). その方(仮にAさんとする)はバチバチにフリーランスとして稼ぎまくってて(案件掛け持ちしながら技術顧問とかもされてるらしい),凄まじい技術力を持っている.マジモンのフルスタックエンジニアという感じだ.私が2か月かかることをマジで3時間くらいで,私より正確にできる. そんな凄腕エンジニアであるAさんと仕事をしている中で,技術者としてレベルが上がっていけばいくほど「なんとなくこうする」「とりあえずやろ」みたいなことが減…
windowsのイメージキャプチャはwindowsでできる はじめから何言ってんだ?と思われそうなタイトルですが、仕事柄たくさんのPCをキッティングすることがあり、イメージキャプチャツールは必須なのです。 有名どころだとacronis trueimageとか(昔なら)norton ghostとか。 でもご存じ? それって、たとえブータブルメディアの利用でも「対象PCの台数分のライセンス」がいるんですよ? 1台のライセンスが仮に5000円としても、100台買ったら50万円。「キッティングのときだけ使い切り」のライセンスは数百円/台だけど、PC壊れてまたキッティングしますって時にまたライセンスが発…
2024年3月16日に、北陸新幹線は敦賀駅までの延伸開業しました。 当記事では、「サンダーバード」や「しらさぎ」、東海道新幹線との乗継でお得に利用できる方法についてご紹介します。 ◆当記事の作成者「旅するアオナミ」とは?◆ 全国47都道府県到達済み(通過含む)。関西発の旅行情報についての情報発信を通じて、旅行の楽しさや節約術をお届け。関西在住だからこそ分かる情報もお伝えします。 この記事のポイント! ・北陸新幹線と大阪・名古屋方面への乗継に使える格安きっぷはある?そんな疑問にお答えします! 【列車別】乗継に使える格安きっぷ ①サンダーバード号(大阪・京都方面)- 北陸新幹線 北陸乗継チケットレ…
前回はstreamlitを使ってみたので、今回はstreamlitで簡単なフォーム画面を作成してみる。 kotapontan.hatenablog.com 作成する画面 簡単な映画の評価アンケートを入力する画面を作成する。 性別と映画の視聴頻度は、ラジオボタンを使って、評価はスライダーを使用する。 年齢は数字用のテキストフィールドを使用。 また、送信用のボタンをクリックした際に、データベースにデータを登録する。 データベースは、timescaledbを使用することにする。 timescaledbにテーブルと1件のデータを登録しておく。 CREATE TABLE movie_questionna…
外部変形は データのやり取りをテキストファイルで行うので プログラム言語は 自由に選ぶことができます。図形は機能的かつシンプルなため、数多くのユーザーに受け入れられています。 ruby/tk は 外部変形で何ができるのか考えてみます。 ラベルフレーム ラジオボタンをラベルフレームにセットしました。
最近、再びポイ活に興味をもちはじめて再開することにしました。以前は、ポイント貯める➡期限切れで結局使えずみたいにダメな感じのポイ活しかしてませんでした。ちゃんと貯まったポイントを使う想定までしなきゃダメですね・・・。ネット通販利用時とアプリダウンロード時に経由するぐらいのゆるい感じからなら大丈夫そうかな?と思い、まずはASPのセルフバックで利用してみたところ・・・何も記載されませんでした!あれー?と思い調べてみたところ、Cookie(クッキー)の削除とかが必要だとか。 あー・・・確かにそんな感じのことしなきゃだった気がする(うろ覚え)気を取り直して、ポイントサイトに1つほど登録して、再び挑戦!…
外部変形は データのやり取りをテキストファイルで行うので プログラム言語は 自由に選ぶことができます。図形は機能的かつシンプルなため、数多くのユーザーに受け入れられています。 ruby/tk は 外部変形で何ができるのか考えてみます。 ラジオボタン スクリプトはもうすこしなんとかできると思います。 図形の描画はバインドなのか?タグなのか?そのあたりがうまくいっていません。
javascriptのlocation.hashプロパティを使う事でURLのハッシュを取得することが出来ます。 今回の ポイント トップページの「資料請求ボタン」と「お問い合わせボタン」をクリックしてページ遷移した時にJavaScriptの「location.hash 」を使って、選んだ方のラジオボタンがcheckedの設定になっているようにし、それに対応したフォームだけが表示されるようにする トップページにボタンを設置この時にIDを指定する <a href="form/input.php#item_01">商品Aはこちら</a> <a href="form/input.php#item_02…
弁護士ドットコムで働く人事部 労務チームの後沢です。 弊社には様々な部活があるのですが、私は某アイドル事務所を応援する部活に入り、大好きなアイドルグループ Kis-My-Ft2 を応援することに生きがいを見出しております。 しかし、昨年、事件が起きました。 生きがいであるアイドルグループKis-My-Ft2のメンバー北山宏光くんが2023年8月31日にグループを脱退し、事務所も退所することになったのです。 www.oricon.co.jp 仕事の憂さは、推し活で晴らし、日々生きながらえているのですが、この事態だけはどうにも受け止めることができません。 忘れるために熱心に仕事をしていたら、推し活…
はじめに 三行まとめ TanStack Query とは? v5 アップデート内容の紹介 hooks のインターフェースの統一 Suspense の正式サポート v4 v5 Optimistic Update をシンプルに そもそも Optimistic Update とは? デモアプリ Optimistic Update の実装例 v4 v5 まとめ 参考資料 はじめに こんにちは!テックタッチでフロントエンドエンジニアをしている tsune です。野球好きの自分は、この時期になるとプロ野球開幕が待ち遠しくなってきます⚾ 開幕戦のチケットも確保したので、当日は会社のメンバーと一緒に神宮球場に…
Microsoft 365 はクラウドに接続して利用するシステムですが、当然ながら接続しているネットワークによって、動作性能が大きく異なってくることがあります。 そんなとき、ふと、ほかの人はどんな状態なのか気になることはないでしょうか。 もしもそんな疑問が頭に浮かんだら、 Network connectivity test を実行してみてはいかがでしょうか。 このシステムは Office.com の配下にある接続ぞゆきょうを確認するためのものとなっており、以下のアドレスからアクセスすることができます。 https://connectivity.office.com/ アクセスし、マイクロソフト…
日付の設定チェックボックスの設定ラジオボタンの設定ドロップダウンメニューの設定必須項目の設定 form.run
掲題のメモ 環境 VMware Hypervisor (ESXi) 7.0 u1 ESXi へ SSH ログインを実施しますので、事前に SSH と ESXi Shell のサービスを起動しておきましょう。 作成の流れ ESXi へ SSH 接続 Teratermを起動し対象のesxiのIPアドレスを入力し、SSHでOKを選択します。 TCP port 22, SSH version SSH2, IP version AUTO ユーザー名(今回はroot)を入力後、”キーボードインタラクティブ認証を使う”のラジオボタンを選択し”OK”を押します。パスワードを入力してログインします。 認証方式:…
↓↓クリックして頂けると励みになります。ランキング参加中プログラミング 【47 | JTable】 ホーム】 >> 【49 | JComboBox】 JListを利用したプログラム 複数の項目から値を選択するような場合には「チェックボックス」や「ラジオボタン」の他に、リスト(JList)を使う方法があります。 リストはjavax.swing.JListを用います。 java.lang.Object +--java.awt.Component +--java.awt.Container +--javax.swing.JComponent +--javax.swing.JList リストもツリーや…