王道か邪道か？　タイムスタンプによるステート管理

2024/08/09 69 users 邪道 React http 王道 ステート管理

Reactによるステート管理では、ある状態が変化したら付随して他の状態も変化してほしい場合があります。例えば、次のような場合を考えます。 チェックボックスが1つある。 チェックボックスの初期状態は、HTTP APIから取得したデータによって決まる。 ユーザーはチェックボックスを操作できる。 APIからデータを再取得す... 続きを読む

Windowsではプロセスからプログラムに関するさまざまな情報が得られる (1/2)

2023/10/01 180 users プロセス Windows プログラム JOBS メモリ

Microsoftが提供するSysinternalsの「Process Explorer」を使うと、ジョブオブジェクトを調べることができる。Optionメニューの「Configure Color」でJobsのチェックボックスをオンにする。ジョブでグループ化されているプロセスに指定した色がつく コンピューターでは、プログラムを実行するとメモリに読み込まれて「プ... 続きを読む

【第5弾】少しのコードで実装可能な10のCSS小技集

2023/09/07 100 users 実装 CSS小技集 コード ネスト アスペクト比

2023年9月7日 CSS CSS小技集シリーズの第5弾！「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ 目次 ネストで親子セレクターを管理 チェックボックスやラジオボタンの色を変更 アスペクト比を指定... 続きを読む

忙しい人に判断を仰ぎたいときは松竹梅プランを作ってチェックボックスを埋めてメンションしてもらうようにすると合理的で便利 - Lambdaカクテル

2022/09/14 153 users ディレクター ミーティング マネージャー 実装 立場

普段の暮らしにおいて、実装の仕様をエンジニア単独では決められないことがあって、そういうときにはマネージャーとかディレクターといった意思決定可能な立場の人の判断を仰ぐことになるのだけれど、そういう立場にある人は無限にミーティングをしていたり、無限に同じような意思決定を続けなければならないので、とに... 続きを読む

シャニマスのチェックボックスから見る色弱者の世界｜謝罪Ｐ｜note

2020/07/17 496 users シャニマス ソート Note 色弱者 ソート機能

先日のアップデートでシャニマスのUI周りに色々と手が加えられた。 その中でも個人的に嬉しかったのは、ソートに関連するチェックボックスのON/OFFが見やすくなっていたことだ。 大多数のユーザーにとっては「まあ確かにね」くらいのものかもしれない。 しかし私は「これでようやくまともにソート機能が使える」とひそか... 続きを読む

CSSのこのアイデアはすごすぎる！Webページのトラッキング・解析ができるスタイルシート -Crooked Style Sheets | コリス

2018/01/19 465 users 文言 コリス PHP 解像度 トラッキング

結果ページ どのリンクをいつクリックしたのか、いつホバーしたのか、指定エリアでどのくらいマウスを動かしたのか、フォームに特定の文言を入力したのか、チェックボックスをクリックしたのか、ブラウザは何か、解像度はいくつか、ディスプレイの向きはどっちなのか、などの情報が表示されました。 ※出力する際には、PHPが使用されています。 Crooked Style Sheetsの仕組み Crooked Styl... 続きを読む

[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkbox | コリス

2017/11/07 102 users class コリス HTML CSS スタイル

チェックボックスやラジオボタンのスタイルを苦手にしている人も少なくないと思います。シンプルなHTMLにclassを加えるだけで、さまざまなデザインのチェックボックスとラジオボタンが実装できるスタイルシートを紹介します。 ...記事の続きを読む 続きを読む

AngularJSの良質なサンプルサイトAngularJS Hubが登場 | つかびーの技術日記

2016/01/20 59 users jQuery AngularJS フレームワーク 部類 登場

AngularJSは個人的にかなり注目しているフレームワーク(FW)です。世に出ているFWとしては新しい方の部類ですし、今現在話題になっているFWです。AngularJSを利用すると動き(チェックボックスだとかフォームだとか)を必要としたWebサイトが簡単に作れます。ある程度動きを持たせるだけならjQueryだけでもOKですが、上手く機能をモジュールかできつつ、HTMLをテンプレート化できるので、... 続きを読む

jQueryの必要としない機能を削除して軽量化できるオンラインサービス -jQueryConfig | コリス

2015/11/16 90 users jQuery コリス 毎回全部 バージョン オンラインサービス

jQueryを使用する時、毎回全部の機能を使用していますか？ 必要としない機能を削除して、あなたが使用する機能だけのjQueryを作ることができるオンラインサービスを紹介します。 jQueryConfig jQueryConfig -GitHub jQueryのバージョンは、2.1.4, 1.11.3, 1.8.3 の3つに対応（2015年11月現在）しており、チェックボックスを操作するだけで簡単... 続きを読む

人間とボットを「ワンクリック」で判別できるグーグルの新技術 « WIRED.jp

2014/12/06 71 users ボット ワンクリック CAPTCHA グーグル コンピューター

image from Shutterstock 「ゆがんだ文字」を入力させることでボットと人間を判別する「CAPTCHA（コンピューターと人間を区別する完全に自動化された公開チューリングテスト）」が、このうえなく簡単になった。 グーグルは12月3日（米国時間）、同社のCAPTCHAの多くを、「I’m not a robot」（わたしはロボットではありません）という文の横のチェックボックスをクリック... 続きを読む

変形文字の判読はもう不要、Googleが新型CAPTCHA開発 - ITmedia エンタープライズ

2014/12/03 260 users 判読 reCAPTCHA CAPTCHA ボット Webサービ

「私はロボットではありません」という文字の隣のチェックボックスをクリックしてチェックを入れるだけで済む。 米Googleは12月3日、人間とボットを識別するための変形文字reCAPTCHAを進化させ、変形文字を使わずにユーザーを識別できる「No CAPTCHA reCAPTCHA」を開発したと発表した。Webサイト向けにAPIの提供を開始している。 reCAPTCHAやCAPTCHAはWebサービ... 続きを読む

変形文字の判読はもう不要、Googleが新型CAPTCHA開発 - ITmedia ニュース

2014/12/03 207 users 判読 reCAPTCHA CAPTCHA ボット Webサービ

「私はロボットではありません」という文字の隣のチェックボックスをクリックしてチェックを入れるだけで済む。 米Googleは12月3日、人間とボットを識別するための変形文字reCAPTCHAを進化させ、変形文字を使わずにユーザーを識別できる「No CAPTCHA reCAPTCHA」を開発したと発表した。Webサイト向けにAPIの提供を開始している。 reCAPTCHAやCAPTCHAはWebサービ... 続きを読む

WordPress：カテゴリー箇所をカスタマイズ出来るプラグイン「Adjust Admin Categories」を公開しました | 着ぐるみ追い剥ぎペンギン

2014/08/20 53 users 案件 着ぐるみ追い剥ぎペンギン ラジオボタン カテゴリー 機能

WordPress：カテゴリー箇所をカスタマイズ出来るプラグイン「Adjust Admin Categories」を公開しました WordPressの投稿画面でカテゴリーが選択できるメタボックスがあります。 このカテゴリー箇所ですが、選択したカテゴリーが一番上に来たりと、個人的に余計なお世話と感じる機能があります。 他にも、案件によっては「チェックボックス」を「ラジオボタン」に変更したい時があった... 続きを読む

新生活を前に | Evernote日本語版ブログ

2014/03/10 5141 users Evernote日本語版ブログ 新生活 Evernote

4月から進学、進級、就職、転勤と、新しい生活を始めるたくさんのみなさん、おめでとうございます。期待に胸を膨らましつつ、新生活に不安も多いこの時期、Evernote を活用して不安部分を解消してしまいましょう。新生活をもっとスマートにする、いくつかのアイデアをご紹介します。 まずは、新生活のためにやらなくてはいけないこと、購入しなくてはいけないものなどをリスト化しておきましょう。チェックボックスをつ... 続きを読む

jQuery：チェックされたら or 入力されたら送信可能にするボタンを実装する方法 | NxWorld

2014/02/27 284 users jQuery NxWorld Disable 備忘録 送信

割と頻繁に使うので備忘録。jQueryを使用して「チェックボックスにチェックされたら送信可能にするボタン」と「文字が入力されたら送信可能にするボタン」をそれぞれ実装する方法です。特にチェックボックスの方は利用規約などに同意してもらったかの部分で用いたりと、使う場面が多いのではないかと思います。 ページが表示された際は画像上部のようにボタンにはdisableが指定されて送信できない状態になっています... 続きを読む

[CSS]かっこいいアイデアが盛り込まれた横からスライドするナビゲーション | コリス

2014/01/14 152 users アニメーションgif 切替 アニメーション スライド デモ

スクリプト無しで、コンテンツをスライドさせ、横からアニメーションで表示されるナビゲーションを実装するスタイルシートを紹介します。 このオフキャンバスのスタイルも少しずつ確実に進化してますね。 Off Canvas Menu with Animated デモの動きをアニメーションgifにしてみました。 デモのアニメーション スライドの切替にはチェックボックスを使われており、ナビゲーションが表示される... 続きを読む

[CSS]フォームにちょっとだけアニメーションを加えて楽しくするスタイルシート -Animated Toggles | コリス

2013/11/27 120 users コリス CSS HTML アニメーション 動作

フォームのチェックボックスとラジオボタンに余分はタグは使用せずに、ちょっとだけアニメーションを加えて楽しくするスタイルシートを紹介します。 実際の動作は、下記ページで確認できます。 Animated Toggles HTML チェックボックスもラジオボタンも通常通りにマークアップします。 余分なタグは特にありません。 [html] Animated Toggles! Apples Oranges ... 続きを読む

チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ:phpspot開発日誌

2013/10/25 74 users phpspot開発日誌 デモ ラジオボタン Codrops

チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ 2013年10月25日- Animated Checkboxes and Radio Buttons with SVG | Codrops チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ。 チェック、ラジオをチェックするときは瞬時にチェック状態に変わってしまう... 続きを読む

シンプルでミニマルなデザインのUIエレメント素材 -Minimal UI Kit | コリス

2013/07/01 71 users コリス セレクトメニュー Kit ソーシャルサービス デザイン

Google+にインスパイアされたシンプルでミニマルなデザインのUIエレメントをコレクションした素材を紹介します。 Minimal UI Kit Minimal UI kitにはさまざまなUIエレメントが揃っています。 まずは、カラースキーム ナビゲーション、メニュー ボタン、ソーシャルサービス フォーム、検索 セレクトメニュー、チェックボックス、ラジオボタン ミュージックプレイヤー、スライダー ... 続きを読む

[CSS]アニメーションも気持ちいい！フォーカスがはずれてもキープされるパネルを表示するスタイルシート | コリス

2013/05/23 82 users コリス WebKit CSS フォーカス アニメーション

ボタンをタップ・クリックすると、素敵なアニメーションでソーシャルメディアのボタンを配置したパネルが表示され、フォーカスがはずれてもそのままパネルがキープされるスタイルシートのデモを紹介します。 デモはスマフォでもデスクトップでも動作します。 下記は、デスクトップ（Webkit）でのキャプチャです。 デモページ HTML HTMLはシンプルで、リストで各ソーシャルメディアのボタン、チェックボックスで... 続きを読む

透明感が美しい！さまざまな背景にマッチするUIエレメントのPSD素材 -Blugraphic | コリス

2013/05/12 159 users blugraphic コリス UIエレメント psd トグル

特にブラーな背景などの繊細で美しい背景に映える、透明感が美しいUIエレメントのPSD素材を紹介します。 Transparent Ui Kit (Psd) Transparent Ui Kitには、ブログやコーポレートサイトなどに利用できるさまざまなUIエレメントが含まれています。 ボタン、タグ、ラジオボタン、チェックボックスなど メニュー、検索ボックス、ソーシャルメディアなど トグル、ページネーシ... 続きを読む

チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js - かちびと.net

2013/03/14 78 users jQueryプラグイン スタイリング net ラジオボタン

checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。 よくあるプラグインですけど、使いやすそうだったのでメモ。 iCheck.js checkboxesとradioボタンをスタイリングするライブラリ。IE7にも対応しています。 かわいい。 スタイルは最初からいろいろと用意されていますので... 続きを読む

無料でダウンロードでき商用利用も可能なUIキット「Polaris UI Kit」 - GIGAZINE

2013/02/08 99 users GIGAZINE メニューアイコン DESIGN UIキット

チェックボックスやWindows 8っぽいメニューアイコン、ボタン各種など洗練されたデザインのUIキットが「Polaris UI Kit」です。無料でダウンロードでき、商用利用も可能。さらにUIキットと同時にアイコンセット48種類もダウンロードできるようになっています。 Polaris UI Free - User Interface Pack - Designmodo http://design... 続きを読む

livedoor Reader と GMail に見る、大量のチェックボックス処理 UI における革新的工夫について - delirious thoughts

2013/01/11 112 users Gmail メンバ delirious thoughts

2006-09-21 livedoor Reader と GMail に見る、大量のチェックボックス処理 UI における革新的工夫について ウェブデザイン インタフェイス LDR GMail HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 ... 続きを読む

様々なニーズを満たす多機能Webベース表計算ライブラリ「SlickGrid」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/01/04 80 users Ajax フローティング スライダー グリッド 縦スクロール

SlickGridはWebベースで動作する多機能なグリッド、表計算ライブラリです。Webベースで業務系システムを作っていると必ず要望に挙がるのがリッチな表計算（グリッド）表示ライブラリです。 こちらは通常の表示。縦横スクロール対応。 表示形式も色々指定できます。 スライダーでの入力。 カレンダー。 チェックボックス。 長い場合はフローティング。 縦スクロールをなくすこともできます。 Ajaxでデー... 続きを読む