結局｢物理リモコン｣が必要。SwitchBotがデジタル格差に出した答え
結局｢物理リモコン｣が必要。SwitchBotがデジタル格差に出した答え2024.05.17 20:0033,113 mio 一周まわって、やっぱり物理リモコンも必要だよね。 SwitchBotが5月21日に発売するのは｢学習リモコン｣という物理リモコン。スマート家電の選択肢が増え、家電ごとのリモコンをスマホに集約できるようになったこの時代。家族で住んでいる人は、そのスマホがない時どうしていますか？ 誰でもスマートホームを簡単に操作できるようにSwitchBot｢学習リモコン｣5月21日発売その答えとして、SwitchBotが出したのがこの学習リモコン。スマートホームに慣れている人だけが便利という現状から、高齢者など慣れていない人にも直感的にわかりやすい物理リモコンとして登場しました。 かくいう私もSwitchBotユーザーです。スマート家電を操作するスマホアプリを持っているのは私だけ。実
Notionのボタン機能で作業効率爆上がり。タスク管理がより楽になったよ【今日のワークハック】 | ライフハッカー・ジャパン
さまざまな管理に役立つ「Notion」。 私も仕事の管理はすべてこれに頼っていて日々便利さを享受していますが、さらに生産性を上げてくれる機能が追加されました。「ボタン機能」です。 【今日のワークハックはこんな人におすすめ！】 Notionを使ったワークフローの自動化や効率化に関心がある人複数のプロジェクトを管理していて、それぞれのステータスを簡単に更新したい人 今日のワークハック：複数の機能を連動させ、タスク処理を自動化するボタン機能とは、そのボタンを押すとほかのプロパティが変化したり、アクションを起こさせたりするものです。 Notionでタスク管理をしている人は、「ステータス」で開始前、作業中、完了の進捗状況をざっくりとみていると思いますが、それって自分で変えるのはめんどうですよね。 私は変更するのを忘れて、実際には作業中にも関わらず開始前のステータスのままであることが多々ありました。
気になったウェブサイトや写真をわかりやすく整理しつつ保存して共有もできる「Journal」レビュー
気になったウェブサイトや書籍、ムービーなどを後から見ようと思った際、ブックマークやメモ帳へ適当に保存すると、後から見返した時に「これは何だっけ？」と混乱してしまうこともあります。「Journal」はウェブサイトや手持ちの写真をボードに貼り付けるように保存し、スマートフォンからのアクセスや他人との共有も手軽なウェブサービスとなっているとのことで、実際にどんなサービスなのか使って確かめてみました。 Journal 2.0 for Desktop - Bring your projects to life | Product Hunt https://www.producthunt.com/posts/journal-2-0-for-desktop ◆アカウント作成 Journalはダウンロードが必要な各種OSやスマートフォン向けのアプリだけでなくブラウザ版も用意されているため、ブラウザから公式
ウェブアクセシビリティの基本：ランドマークロールを理解する
ページ冒頭におくメインコンテンツ等へジャンプするためのリンクです。tabキーでフォーカスが当たるまでは非表示にしているサイトも多いです。 ランドマークが適切に実装してあれば不要という意見もありますが、2022年の支援技術利用状況調査報告書では「よく使う」「時々使う」を含めると80%になるようです。 region role="region"は、他に適切なランドマークが存在しない場合に使用される一般的なランドマークです。 regionロールにするにはsection要素を使ってマークアップします。 section要素はheader, footer要素の例のように、特定の条件下でロールが変わります。 section要素のデフォルトのロールは「対応するロールなし」であり、ランドマーク要素ではありません。ChromeのアクセシビリティツリーではSectionと表示されますが、これは独自の仕様のようです
便利なのが登場！ 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi
iframeの親から子、子から親の操作をする
親ページ内からiframe内を操作したり、逆にiframe内から親ページを操作する方法をメモ。 要素の操作をする 必要箇所だけ抜粋していますので、詳細はデモページでご確認ください。 HTML(親ページ) <div id="oya"> <input type="text" /><button>実行</button> <div id="oya-result">結果がここに反映されます。</div> </div> <iframe id="child-frame" src="child.html"></iframe> HTML(子ページ) <div id="ko"> <p>子</p> <input type="text" id="" /><button>実行</button> <div id="ko-result">結果がここに反映されます。</div> </div> JavaScript(親ペー
Web アプリのデザインシステムライブラリ | Wantedly Engineering Handbook
Wantedly の UI デザインシステムは「WantedlyのUIをデザインする上での共通の考え方とツール＆アセット」でありエンジニアとデザイナが効率よくコミュニケーションするための共通言語となる デザインシステムを (Web) Frontend に持ち込む際は、単なるコンポーネントカタログではなく、システムが定義するものと同じレベルの抽象を持つライブラリ・フレームワークとして実装することで、より有効性を発揮する Wantedly におけるデザインシステムは、「プロダクト・デバイスをまたいでも・誰がデザインしても体験やブランドとしての一貫性を保つ」「デザインの生産性を向上させ、デザイナ - エンジニア 間コミュニケーションを改善することで、ユーザに価値を届ける速度を向上させる」といった目的のために作られたものです。 より詳しくは、デザインシステムが加速させるプロダクト開発 / Desi
2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 | PhotoshopVIP
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されているとは思えない、シンプルながら効果的なテクニックが多数ランクインしていた2020年。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 94位 Animated clip-path slider Concept 画面を縦半分に二分割した画像スライダーで、画像にマウスホバ
[SharePoint2010]クリックして手軽に更新できる座席表を作成してみました。 - Qiita
作ったわけ 部署単位ではかたまって座っているんですが、席替えが頻繁で、 あの部署どこらへんにいるんだっけ？というのが頻繁に変わるため 更新がパパッとクリックしてできるような座席表があったらいいなあと……。 画面イメージ フロアにぐるりと島があるような感じです。 とりあえず10島、1島の最大座席数は16席。 丸く囲むと真ん中が空いちゃってもったいないので、部署ごとの座席数を表示するようにしてみました。 座席状況はSharePointリストに保存します。 ここの例では、このリストはlistZasekiSampleという名前にしています。 既存のタイトル列に島名を3文字で表記したもの（この例でいうとS01,S02など）が入ります。 za～zpまで16列作成します。全部1行テキストです。 列の名前がza,zb…とかである理由は、なんでかわからないんですがSharePointの列名に数字とかを混ぜる
![[SharePoint2010]クリックして手軽に更新できる座席表を作成してみました。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/60a1ef4cb5bfbaa3370244c9ae4217ff1827de9c/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnBicy50d2ltZy5jb20lMkZwcm9maWxlX2ltYWdlcyUyRjY0MzQ3MjEwNyUyRnR3aXR0ZXJfbm9ybWFsLmpwZz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9OTk3MDVhMGExZDA0MzgzZGZlZjkwNGI2MTIxNjhmOTQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D347d48b39c588b74fbb1e23fe9e8ffe7%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCU2hhcmVQb2ludDIwMTAlNUQlRTMlODIlQUYlRTMlODMlQUElRTMlODMlODMlRTMlODIlQUYlRTMlODElOTclRTMlODElQTYlRTYlODklOEIlRTglQkIlQkQlRTMlODElQUIlRTYlOUIlQjQlRTYlOTYlQjAlRTMlODElQTclRTMlODElOEQlRTMlODIlOEIlRTUlQkElQTclRTUlQjglQUQlRTglQTElQTglRTMlODIlOTIlRTQlQkQlOUMlRTYlODglOTAlRTMlODElOTclRTMlODElQTYlRTMlODElQkYlRTMlODElQkUlRTMlODElOTclRTMlODElOUYlRTMlODAlODImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1jZjMzYjc2ODQ2MGNkNGJmYWQ1NGVlNTE1YTA5MzVjZg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBTdW1pcmVfTmVrbyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWUyNzdkOTg4NWFhNjEzYWZmN2RjZTFjYjA5NDVmNzE0%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D218919e7c70428e11d5ca9ba3388e2b4)
サイトの質が向上！コピペできるHTML/CSS便利スニペット100個まとめ | PhotoshopVIP
この記事では、Webデザイン制作に便利なコピー＆ペーストで実装できる最新HTML/CSSスニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、最新のウェブデザインテクニックを手軽に実現、楽しむことができます。今後のデザイン制作に活用してみてはいかがでしょう。 ここでは、カテゴリー別に分けて最新HTML／CSSスニペットをまとめています。 コンテンツ目次 1. 小技テクニック系（15個） 2. 面白、ユニーク系（16個） 3. ホバーエフェクト系（6個） 4. テキストエフェクト系（10個） 5. ページレイアウト系（10個） 6. イメージスライダー系（9個） 7. ナビゲーションメニュー系（2個） 8. ローディングアニメーション系（4個） 9. ボタンエフェクト系（13個） 10. CSSマジック（10個） 11.
Amazon Dash Buttonでインターホン - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Amazon Dash buttonで遊ぼう！ 皆さん、こんにちは。 今回はAmazon Dash Buttonというおもちゃを手に入れましたので、こいつをおもちゃにして遊んでみようと思います。 研究室にあまり僕がいないので突然の来訪があったとしてもあえない確率が高いんですね。 そこでこいつをインターホン代わりにして、来訪があったらLINEに通知してもらう仕組みをサクッと作ろうかなと思います。 ちなみに今回はプログラミングをほぼしないので初心者でも簡単にできますよー。 では、早速始めていきましょう。 要るもの Amazon Dash B
Amazon Dashボタンで「今日は休みます」メールや、HDDを消したりします - Qiita
Amazon Dashボタンで「今日は休みます」メールや、HDDを消したりします Amazonのセールなどが行われると、Dash Buttonが100円という破格の値段で解放されます Wifiにボタンを押すとアクセスして、Amazon社に対してあらかじめハードウェアに紐づいている商品を購入するものです これを多少いじると、LinuxやUnixマシンで任意のコマンドを実行することができ、大変便利です nodejsでやられている方が多いですが、私は簡単なことにはPythonをよく使うので、Pythonで構築します 必要用件 Amazon Dash Button Bluetooth対応のiOS or Androidデバイス Wifi環境 Linux or Unixマシン Amazon Dash Buttonの特徴から、ネットワークのAmazon Dash Buttonの通信を検知するので自宅サー
Amazon Dashボタンを使ったIoTデバイス「からあげDashボタン」の作り方 - karaage. [からあげ]
「からあげDashボタン」 「からあげDashボタン」に関して、先週「はてなニュース」に寄稿させていただきました。詳しくは以下記事を参照下さい。 ブックマークコメントで、以下の通り宣言した通りちょうど一週間後にこの記事で「からあげDashボタン」の作り方や技術的内容を公開します。 Amazon DashボタンをHackして、妻を助けるためのIoTデバイス「からあげDashボタン」を作ってみました - はてなニュース 1週間後、私のブログに来てください。本当に電波な記事をお見せしますよ2017/06/06 12:25 最初に、今回もいつもの通りネット上の偉大なる先人の知見に大いに助けられましたことに感謝いたします。参考にした情報に関しては、本記事の最後でまとめてリンクをしてあります。どの記事も非常に有意義なものなので、興味ある方は全て一読することをお勧めします（私は全部の記事を何度も熟読しま
![Amazon Dashボタンを使ったIoTデバイス「からあげDashボタン」の作り方 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/96c68c87c5d728260e5dfd4d20f36e3f9db8dd01/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F42826de4410187a0ab6c6c6fa8b31d8f0fe2a551%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkaraage%252F20170528%252F20170528094152.jpg)
Amazon Dash ButtonをPythonでハックする part1 -設定- - fukuの犬小屋
はじめに、の前に 2018年5月に「AWS IoTエンタープライズボタン」が一般公開されました。 Amazon Dash Buttonで色々したいと思っていた方はこちらの方が適切かもしれません。 簡単に違いを述べると、 Amazon Dash Button 元々Amazonの商品をワンクリックで注文するためのもの IoT機器として優秀だったのでハックしようという人が現れた（本記事もその一つ） 商品の注文で利益を取るつもりなので機器自体が格安（500円） AWS IoTエンタープライズボタン 任意のAWS Lambdaを叩ける Lambdaを叩くための機器として設計されたので開発が楽（らしい） Dash Buttonに比べると割高（2500円） とにかく安く済ませたい、本来の用途とは違う動作をさせたい（ハックしたい）などの希望がなければAWS IoTエンタープライズボタンの方が使いやすくて良
Amazon Dash Buttonをサクッと音楽再生ボタンにする方法｜風の吹くまま気の向くままに ~blow with the wind~
今月発売された「Amazon Dash Button」。 ボタンを押すとインターネットを通してアマゾンへ注文され商品が届くという、いわゆるIoTボタンです。 なんだか面白そうなので注文してみました。 そもそもAmazon Dash Buttonとは？ ぶっちゃけ「AWS IoTボタン」の機能制限版です、というのは置いといて。 この商品、本来の使い方は、定期購入を促すためのもの。 普段、水や洗剤なんかを買い置きしている場所にボタンを設置して、買い置きがなくなりそうだ、となったときにボタンを押して注文するわけです。 連打したり誤押下した場合の対策として、1回クリックしたら商品が届くまでは2打目以降の注文を受け付けない仕様になっています。 ボタンは500円ですが、最初の注文が500円引きになりますので、実際はAmazonがタダで配ってる状態です。定期購入してくれるボタンですから、そりゃ500円で
Amazon Dash Buttonの仕組みとハック - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Amazon Dash Buttonとは Amazon Dash Buttonはボタンをポチッと押すだけであらかじめ設定しておいた商品を自動注文してくれるIoTデバイスです。 初期セットアップはスマホからアプリで簡単に行うことができます。 一度注文したらその商品が届くまでボタンを何度押しても無効となり、重複注文を防ぎます。 Amazon Dash Buttonの仕組み 初期設定方法 １．Bluetoothでスマホと接続する まずAmazon Dash ButtonをBluetooth経由でスマホと接続するための設定を行います。 アプリが
Amazon DashボタンをHackして、妻を助けるためのIoTデバイス「からあげDashボタン」を作ってみました - はてなニュース
こんにちは、からあげ（id:karaage）です。愛知県でモノづくり系企業のエンジニアとして、愛する妻と子供のために日夜一生懸命働いています。また、本業とは関係なく、趣味で電子工作やソフト開発をしていて、作ったものや技術的な内容をはてなブログで発信しています。今回は、Amazon Dashボタン（Amazon Dash Button）をHackして面白いことをしようと思います。 ■ 「からあげDashボタン」のシステム概要 ■ ワンプッシュでお茶・お風呂を沸かしたり掃除をしたりする ■ ルンバに掃除をさせる ■ 家庭菜園の栽培写真をブログに自動投稿 ■ 「からあげDashボタン」専用ラベル作成 ■ 「からあげDashボタン」のIoTデバイスとしての可能性 ■ 著者プロフィール 関連エントリー Amazon Dashボタンは、お気に入りの商品をワンプッシュで注文できる便利なボタンです。「フル
ワンタップで指定した動作を行うIFTTTの新アプリ「Do Button・Do Camera・Do Note」使い方まとめ
記事の保存からお天気通知まで、あらゆるウェブサービスを手軽に自動連携させられるのが「IFTTT」です。そんなIFTTTのモバイルアプリが名称を「IF」に変更し、さらに「Do Button」「Do Camera」「Do Note」という新たなアプリを3つリリースしました。これらのアプリは名前の通り「Do Button(ボタン押すだけ)」「Do Camera(カメラ撮るだけ)」「Do Note(メモるだけ)」の簡単なアプリで、IFTTTよりも簡単に使用でき、使いようによっては生活をより便利にしてくれるアプリになっています。 「Do Button」「Do Camera」「Do Note」を使用するにはIFTTTのアカウントが必要。もちろんアプリからアカウントを作成することも可能ですが、あらかじめアカウントを作成してIFTTTがどんなサービスかをつかんでおくと、新しいアプリにも対応しやすくなるハズ
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
