個人の感想ですが、ワクチン接種後に備えてこんなものを用意しておくと便利かも→「風邪と同じ対策をしておけば賄えるって感じ」
リンク WEB女性自身 解熱剤、氷のう…「ワクチン副反応」に医師が実践した対処法 | 女性自身 政府の集計によると、6月17日の時点で、国内で新型コロナウイルスワクチンの1回目の接種を終えた人が2,000万人を突破。2回目を終えた人は約762万5,000人にのぼった。 これから接種を控えている人にとっての大きな関心事が副反応。そこで今回、本誌では5人の現役医師に、自身の「ワクチン接種後の副反応への対処法」についてコメントを寄せてもらった。 【皮膚科・内科医 友利新 1 user
リンク WEB女性自身 解熱剤、氷のう…「ワクチン副反応」に医師が実践した対処法 | 女性自身 政府の集計によると、6月17日の時点で、国内で新型コロナウイルスワクチンの1回目の接種を終えた人が2,000万人を突破。2回目を終えた人は約762万5,000人にのぼった。 これから接種を控えている人にとっての大きな関心事が副反応。そこで今回、本誌では5人の現役医師に、自身の「ワクチン接種後の副反応への対処法」についてコメントを寄せてもらった。 【皮膚科・内科医 友利新 1 user
ﾘﾛ氏/LiloSHI @ly_rone 毎日料理動画投稿してます！ハンター系酒飲みケモ耳おじさん/VRC民/射撃/狩猟/ソロキャン/単独忍び猟/ 辺境僻地の末端ソロハンター 写真・動画は全て安全に配慮し、法律遵守。 ファンアートタグ→ #アートオブリロシ PR動画受付中！DMはお仕事用（PR、コラボ依頼等）お仕事メール⇒liloshigoto★gmail youtube.com/channel/UCGyt5…
VS Codeは毎月のようにアップデートされ、便利な機能がどんどん追加されています。最近追加された機能をはじめ、Web制作で役立つ便利な機能を紹介します。 特に人気が高い機能拡張と同じレベルの仕事が、VS Codeの基本機能・設定だけで利用できるので、便利です。 VS Code: You don't need that extension by Rob O'Leary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タグの自動名前変更と終了タグ補完 2. 設定の同期 3. モジュールの自動インポート 4. HTMLとCSSのスニペット管理 5. ダミーテキスト 6. 末尾のスペースを自動的に削除 終わりに はじめに 私は最近、VS Codeを深く掘り下げいて、いくつか興味深い発見がありました。人気のある機能拡張の
この記事は CAMPHOR- Advent Calendar 2020 の23日目の記事です。22日目は れおまる さんの「ニキシー管の魅力 」でした。ニッチ！！！！(賞賛) CAMPHOR- Advent Calendar には初回の2014年から参加していて7度目の参加になります。 今回は普段の開発で便利に使っている周辺ツールを紹介します。他人の開発風景を見ていると色んな発見があって面白いので、自分の環境もコンテンツになるかもと思って書きました。他の人の記事も見てみたいのでよかったらみんな書いて。 ※macOS を普段使いしているので macOS 用のアプリケーションも多く含みます。 Alfred ウィンドウのサイズと位置をコントロールするやつ アクティブなアプリケーションを切り替えるやつ 絵文字を入力するやつ スニペットを素早く入力するやつ Slack のステータスに今やってることを
エンジニアのための十徳ナイフ「DevToys」がバージョン２になってクロスプラットフォームやCLI対応しさらに便利すぎる - Qiita
はじめに 以前紹介させていただき、2022年Qiitaのいいねランキング18位、ストックランキング20位を記録したこちらの記事の続編です！ DevToysはリリース後しばらく定期的なバージョンアップが続けられていましたが、去年の7月からぱったりとアップデートが止まっている状態でした。 リポジトリや作者のXを見るとバージョン２の開発を行っているようで、今か今かと待ち続けていましたが数日前リリース予告のポストを見つけて、今日ついにプレリリースされました！ ということで早速紹介していきます！ DevToysとは DevToysは「開発者のためのスイスアーミーナイフ」の紹介文の通り、開発時によく使うツールを十徳ナイフのようにまとめたアプリとなっています。 JSONの整形とかエンコードデコードetc... プログラミングや保守運用の調査でやりがちな作業をいちいち変換サイトを探したり、エディター拡張機
Webページやアプリの実装に役立つ、知っておくと便利なHTMLの属性を紹介します。すでに使用されているものあると思いますが、いくつはこんな属性もあったのか、と発見があるかもしれません。 24 Lesser-Known HTML Attributes You May Want to Use ✨📚 by Madza (@madzadev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 私は少し前に、HTMLのタグについての記事を公開しました。今回はその続編として、知っておくと便利なHTMLの属性を紹介したいと思います。 この記事で紹介する属性はすべて簡単に使用でき、外部ライブラリを使用しなければできないようなタスクを実現するのに役立ちます。 HTMLで特に便利な各属性の使用例と構文を理解しやすいように、コードスニペット
警視庁警備部災害対策課の公式アカウント（@MPD_bousai）が投稿した、ジップのついていない袋菓子を閉じる方法が便利そうです。テープや輪ゴムといった道具を何も使わず袋を閉じられるため、災害時の避難先ではもちろん、外出したときにも活用できます。 手順は大きく3工程です。袋の開け口の両角を斜め下に折って裏返し、上部を巻くように数回折ったあと再度裏返します。最後に両角を反対側に被せるように折れば完成です。長期保存には向かないとしていますが、逆さにしてもこぼれないほどしっかり止められています。Twitterでは写真つきで分かりやすく説明されています。 写真で解説（画像は警視庁警備部災害対策課のTwitterより 以下同） 逆さにしても大丈夫 警視庁警備部災害対策課の公式アカウントでは過去にも、「太陽とアナログ時計を使って方角を知る方法」「酢で生ゴミの臭いを軽減する方法」「ゴミ袋の自立した設置方
もうこれでSVGアイコンを探すときに困らない！ 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes
当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをまとめてアイコンフォントにもできます。矢印アイコンはMaterial Iconsで、ホームアイコンはBootstrapで、ということもできます。
1. テキストをワンクリックで翻訳Screenshot: 酒井麻里子 via OneNoteノート内のテキストは、外部サイトを使うことなく簡単に翻訳が可能。 翻訳したい箇所を選択した後、「校閲」タブの「翻訳」ボタンから「選択した文字列の翻訳」をクリック。右側にウィンドウが開き、翻訳結果が表示されます。 言語はドロップダウンリストから変更でき、「挿入」をクリックすれば現在のマウスカーソルの位置に翻訳結果を挿入できます。 なお、無料の「OneNote for Windows 10」や「OneNote for Mac」の場合は、「表示」タブ内に翻訳ボタンがあります。こちらのバージョンでは選択部分の翻訳に加えて、ページ全体を翻訳することも可能です。 2. 画像を固定して上から文字を書くScreenshot: 酒井麻里子 via OneNoteOneNoteに画像を挿入し、その上に手書き入力モードで
聴覚障害者が便利になったなと思うこと
なんか世の中便利になったなーと思うことが多いので 書き出してみる。 自分のスペックは重度の聴覚障害者で補聴器を外すと何も聞こえない。けどなんとか喋れるレベル（発音は不明瞭だけど）。 聴覚障害者みんなが同じように感じてるかは知らないけど自分の感想。 テレビの字幕これはだいぶ前からだけど、なんの番組でも大抵は字幕がついてるようになった。一昔前はこの番組は字幕ないかぁ…って事が多かったけど今はもうあんまりそんなことはない。深夜帯はついてないことも多いかな？ 最近はCMにもつくようになった。すごい。 自動文字起こし（web会議）コロナ禍以降web会議オンリーになったんだけど、コンピューターの方がよく聞き取れてる。聴覚障害にも色々あると思うけど自分は補聴器をつけても、聞こえても聞き取れない事が多い。音として認識はしてるけど言葉として認識できないんだよね。でもパソコンはかなりの精度で認識してくれる。
普段何気に使っているPostman。最近まで「手軽にGUIで疎通を試せて、設定を共有できてべんり〜」くらいで使っていました。 けどふと「実はもっと便利な機能があるのでは？」と思って調べてみたところ、色々出てきたのでせっかくなのでシェアしたいと思います。 たまたまですがちょうど10選！ 地味に便利な機能10選 VSCode拡張 PostmanにはVSCode拡張機能があります。 インストールするだけで、VSCodeのサイドバーから利用可能です。 日本語設定 日本人なので日本語で使いたい。 右上の歯車→Settingsから以下の通り選択することで日本語化が可能です。 変数の定義 複数のAPIで同じ値を使いたい場合があるとします。例えばテスト用のユーザーIDなどです。 Postmanではそんな値をAPIファイルに逐一ハードコードする必要はなく、変数に保存することが可能です。 Postman Ec
フレキシブルアームが超便利すぎてはまっています - 勝間和代が徹底的にマニアックな話をアップするブログ
指を大事にするために、なるべくキーボードを使わないようにしようと思っていまして、そのために導入したのがこの首に下げるフレキシブルアームです。 これがあるとスマホを持たないで、音声入力で原稿を書くことができます。 FLEXD-X【1107人が支援 寝ながらスマホ】 スマホホルダー FLEXD-SMART 高耐久 多用途 万能 首掛け スマホスタンド 高級 フレキシブルアーム ねながら ベッド 動画鑑賞 両手フリー 車椅子 料理 楽らく 自転車 車で使ってカーナビ化 便利 快適 コンパクト FLEXD-X Amazon 歩きながらでも寝っ転がりながらでも仕事ができるし、ほとんど手首や指をひねらなくて良いので疲れません。 さらに最高なのがネックスピーカーと組み合わせるとハンズフリーで読書ができます。 ちょっと持ち歩くには重すぎて家の中だけの使用になりそうですが、あまりにも気に入ったのでスマホ用だ
全部まとめられていて便利！iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ情報など、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 先週ローンチされたばかりのサイトで、2021年最新モデルのiPad Proから、2007年のiPhoneまで、最新機種から初代までのデバイスのサイズが網羅されています。 Screen Sizes サイトを利用するのは簡単、登録など面倒なことは一切不要です。 サイドバーからデバイスを選択し、スクリーンサイズあるいはモデルを選択します。 私が使用しているiPhone 12 Proを見てみました。 サイトはキーボードショートカットも用意されており、shiftキーを押すとショートカットの一覧が表示・非
Google Bard便利すぎ。Gmailから検索して表まで作るだなんて…2023.12.20 20:00103,390 小暮ひさのり 仕事、楽になる予感しかしない。 Googleのチャットボット｢Google Bard｣。話してみると、受け答えはまだまだ勉強中といった感じで、ChatGPTの方が先を行っている感はありますけど、それでも新機能を突っ込んでくるのがGoogleの偉いところ。 先日、｢Google Workspace｣の拡張機能が実装され、Gmail、Drive、Docsとも連携できるようになりました。特に刺さったのがGmail。この機能、Gmailをメインでやりとりしているなら使ったほうがいいですよ。 Gmailからいろいろな情報を探して提示できるのが神すぎ…Image: 小暮ひさのりGmailを見られて助かるのが、｢あのメール返したかな？｣とか｢あの案件の期日いつって言われ
Pythonの自動化でできることとはPythonは構文がシンプルで読みやすく、書きやすいプログラミング言語であるため初学者でも習得しやすい言語です。Pythonでは機械学習やデータ分析などさまざまなことができますが、会社で使う場合にはPythonの自動化ツールが活躍してくれます。 この記事では、Pythonの自動化でできることを1つ1つ詳しく解説していきます。そもそもPythonとはどういう言語なのか、どういった人に需要のある言語なのか、Pythonエンジニアの年収について解説します。Pythonを学ぶ初心者の方は、入門編としてぜひこの記事を参考にしてください。
Photo by Jexo on Unsplash はじめに Pythonは、主にそのシンプルさと習得のしやすさから、最近では非常に人気があります。 データサイエンスや機械学習、ウェブ開発、スクリプト記述、自動化など、幅広い分野で利用することができます。 この記事はかなり長いので、すぐ始めましょう。 50. filter()は新しいオブジェクトを返す my_list = [1, 2, 3, 4] odd = filter(lambda x: x % 2 == 1, my_list) print(list(odd)) # [1, 3] print(my_list) # [1, 2, 3, 4]
CSS Flexboxで配置する時に知っておくと便利！オートマージン（margin: auto;）の仕組みと効果的な使い方
Flexboxも、margin: auto;も、CSSでよく使うプロパティです。 このFlexboxとオートマージン（margin: auto;）を組み合わせると、さまざまなレイアウト・配置ができます。例えば、ナビゲーションのアイテムを配置する際に、ロゴだけ左端に、検索を右端に、といった配置もオートマージンが活躍します。 オートマージン（margin: auto;）の仕組み、CSS Flexboxとオートマージンの効果的な使い方を紹介します。 Flexbox: Aligning with Auto Margins by Samantha Ming 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Flexboxにおけるオートマージンの役割 マージンについて理解する オートマージンが常に優先される オートマージンの効果的な使い方 F
去年8年ぶりに vimrc を書き直した時はLSPの体験があんまりよくなくてLSPなしでNeovimを使い続けていたのだが、様々な言語のOSSをメンテする都合で用途に応じてIntelliJとVSCodeとNeovimの三刀流で暮らしていた結果、可能ならNeovimに寄せたいけどそれならLSPを使いたいなということになり、今回LSPの所を真面目に設定し直して、かなり良い体験になっている。 正直Neovimの設定はVSCodeのそれに比べたら面倒なんじゃないかという印象がありサボっていた節があるが、実際にやってみるとVSCodeと同程度に簡単に済む方法もあったので紹介したい。 何故Neovimなのか LSPの話の前に、タイトルだけ見た人がそもそも単にVSCode使えばいいじゃんと言いそうなので、どうしてIntelliJやVSCodeではなくNeovimに揃えようと思ったのかについて書いておく。
Webスクレイピングをしたいのだけど、VPNやプロキシーで一番良いサービスはないだろうか！？ Linuxで使えるベストなVPNサービスを教えてほしい！ …という形に、最適なプラクティスをご紹介します。 ということで、こんにちは！ Webサイトを自動で取得する「Webスクレイピング」をする上で、必ずネックとなるのがアクセスするIPアドレスの問題です。 スクレイピングする対象のサービスの営業妨害にならない範囲でスクレイピングするのは言うまでもない当然の話ですが、Webサイトによっては、少しのアクセスでも不正なアクセスと認識してIPアドレスごとブロックしてしまうことがあります。 これを回避するためには、定期的なIPアドレス変更などの対応が必要です。 一般的にはこうした問題はプロキシーやVPNサービスを使って回避することになりますが、具体的にはどうしたら良いのでしょう？ 結論を言いますと、「Nor
私が愛用するオンライン開発ツール インターネット上には、フロントエンド開発者の生活を楽にしてくれる素晴らしいツールが沢山あります。この記事では、私が開発の仕事で頻繁に使っている11のツールについて簡単に説明します。 1. CanIUse Web APIが特定のブラウザで互換性があるのか、モバイルブラウザで使用できるのか、分からないことはありませんか？このオンラインツールを使えば、ブラウザの互換性についてWeb APIを簡単にテストできます。 Can I use―HTML5、CSS3などの対応表。 「Can I use」は、デスクトップとモバイルにおけるフロントエンドWebテクノロジーを支援する、最新のブラウザ対応表を提供します。 caniuse.com Web Share APIのnavigator.share(...)に対応しているブラウザとバージョンを知りたいとします。 結果を見てくだ
引越したけど、机がない！ ダンボールで仕事にも食事にも便利な完璧すぎる机をつくる｜引越し見積もり･比較【SUUMO】
引越しというものがある。いま住んでいる家から、新たな家に移ることだ。 引越す際には、いろいろなものを処分し、新たなものをそろえたりもする。部屋をスッキリさせるにも、引越しはいい機会だ。 ただ引越したタイミングと新たに買ったものの配送のタイミングがズレることもある。引越したけれど、新しい机が届かない、とか。 そんなときのために机を自作しようと思う。専門家に聞いた立派なダンボール製の机だ。
Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3
HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに
先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思います。 Landings Landingsは今月の初めにローンチされたばかりのランディングページのまとめサイトです。現在のところ、500種類以上のランディングページのデザインがまとめられており、これからも定期的に追加していくとのことです。 Landings Landingsの利用は簡単で、登録など面倒なことは一切不要。 ページは無限スクロールに対応しているので、そのままスクロールしてもよし、上部でテーマやカラーでフィルタリングすることもできます。 フィルタリングを見てましょう、まずはライトテーマ。 各サムネイルをクリックすると、ページ全体のキャプチャ画像とランディングページの
KindleとiPadの相性っていいの？ KindleとiPadの相性は抜群に良い！これは本当に良いと思います。 後ほど、Kindleの微妙な部分も紹介したいと思いますが、基本的にKindleとiPadの相性は抜群に良いです。 なんとなくわかったかもしれませんが、KindleとiPadを組み合わせると最高の勉強道具になります。 意外にみんなが知らないのが、わからない単語の意味を教えてくれたりしてくれる事です。 ちなみに洋書を読まれる方は、意味がわからない文章もAppleのアプリと組み合わせれば、翻訳までしてくれるので、是非KindleとiPadの使い方を覚えて効率的に仕事や自己啓発をしましょう！ iPad版Kindleの使い方（基本編） iPadでKindleを使う時の使い方について紹介していきます！ ちなみにKindleのアプリだけじゃなくて、Kindleと他のアプリを組み合わせるともっ
ちょっとニッチな趣味を持つ人に「最近買ってよかったもの」を聞いたら、想像よりはるかに便利そうなアイテムを教えてもらえた！ #ソレドコ - ソレドコ
世の中には想像もつかないディープな趣味にハマっている人がたくさんいます。そんな沼の住人、略して沼人（ぬまびと）は、日々どんなアイテムを手に入れて趣味を深めているのか……。 そこで沼人たちに「最近買って大正解だったもの」を教えていただきました！ 趣味にどっぷり浸かる沼の住人はいったいどんなものを買ったのでしょう？ 紹介してくださったのはこの方々。 【テッパン趣味ver.】 キャンプ沼・佐久間亮介（さくぽん）さん 筋トレ沼・ジグ・ザガーさん 料理沼・梅津有希子さん ジャニヲタ沼・あややさん ロードバイク沼・篠さん 【ちょっとニッチな趣味ver.】 生き物ハンティング沼・平坂寛さん 自作キーボード沼・ゆかりさん エクストリーム料理沼・小林銅蟲さん 自宅鮨沼・nanoha3さん そんな世界あったの？ そんなアイテムが存在してたの？ という新発見が続々です。趣味自体はディープでも、教えてもらったアイ
fumikichi @fumikichi2525 百均のピーラー使ってた時はうまく皮が剥けなかったんだけど、貝印のピーラー使い出してからスルスル剥けるようになってすごく時短になった。 こういうの、子供の文房具とかでもあるんじゃないかなあと常々思う。 百均のものってお安くて便利だけど使いづらかったりするよね。 2022-04-28 15:59:43
複数のセレクタを1つにまとめられる:is()、セレクタの詳細度を0にする:where()、CSSの新しい疑似クラスが、SafariとFirefoxで利用できるようになりました。 そんな:is()と:where()の便利な使い方を紹介します。 CSS :is() and :where() are coming to browsers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 :is()を使用すると、繰り返しを減らせる :where()を使用すると、詳細度を低くキープできる CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 CSSの新しい疑似クラス「:is()」「:where()」が、Safari（Tech Preview 1
これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザインが、ここを見ればコピペで簡単に実装できます。 CSS Tooltips & Speech Bubbles CSS Tooltips & Speech Bubblesを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回は100種類のツールチップとスピーチバブルです。
DB に JSON を保存したいときに Protobuf を使うと便利 #LayerXテックアドカレ - LayerX エンジニアブログ
こんにちは。バクラク事業部 Enabling チームの @izumin5210 です。最近「HUNTER×HUNTER」の既刊を全部読みました。 この記事はLayerXテックアドカレ2023の9日目の記事です。 前回「1人目データアナリストとしてデータチームに異動しました 」 次回「Slack × Zapier × MiroでKPTでの振り返りをラクにする」 RDB や KVS などのデータ保存先において、データを正規化せずにそのまま保存したいと思うことはありませんか？ 8月にリリースされた「バクラク請求書発行」というプロダクトには「柔軟なレイアウトカスタマイズ」機能が搭載されています。リンク先の画面操作イメージを見ていただくと、この機能の雰囲気を理解していただけると思います。この機能が扱うレイアウトデータはまさに「関係の正規化をせずに保存したいデータ」でした。 bakuraku.jp こ
はじめに スタートアップ等において新しいプロダクトを始める時は、負債が無い代わりに何もありません。 そういった時に、ソフトウェアの品質を担保するための CI のセットアップが、初期から重要になってきます。 GitHub を使用している場合は、GitHub Actions を使用されることが殆どだと思うので、そちらを前提に進めていきたいと思います。 1. rhysd/actionlint 様々なエンジニアが action を追加したり、編集したりするようになった時、全員が正しい書き方で書いていくことは難しいです。 また、それを 1 人の GitHub Actions Expert がレビューしていくのは大変で、属人化してしまっているので、避ける方が望ましいです。 以下をコピペすれば、使用できます。 name: Actionlint on: push: branches: [ main ] p
増えるタッチパネルに困ってます 視覚障害者には何も伝わらず 「世の中は便利になるけど」増す生きづらさ：東京新聞 TOKYO Web
荒川区町屋の職場近くのスーパーでは、支払い方法をタッチパネルで選ばなければいけない。全盲の長島さんは店員に操作してもらっている。カードの暗証番号は知られたくないので、スマートフォンのバーコード決済を使う。混雑時は店員に申し訳ないと、買い物には行かないようにしている。 銀行のATMは、一部の操作がタッチパネルでないとできない。行員に暗証番号を口頭で伝えて入力してもらう必要がある。視覚障害のある仲間も、マイナ保険証の利用時にタッチパネルで暗証番号の入力を求められ困っている。「信用はしているが、個人情報が守られているだろうかという不安は消えない」
コミケに電子マネー決済を導入したら、参加者が笑顔で本を買ってくれた。あらためて考える「キャッシュレス」の便利さ｜みんなでつくる！暮らしのマネーメディア みんなのマネ活
こんにちは。（資）自転車創業というゲーム開発会社を運営し、企画やゲームデザインやシナリオを作成している「かざみみかぜ。」と申します。趣味で同人イベント（コミックマーケットなど）にも出展しています。 ご存じの方も多いと思いますが、同人イベントは主にサークル（出展側）が来場者（買い物にくる参加者側）へ本や物を頒布する場として運用されています。 主に自作の紙媒体を直接取引するというアナログなやりとりがメインで、金銭のやりとりもほぼ現金です。 私はそんな同人イベントで、初めて「非接触方式による電子マネー決済」を導入（こちらで調べた限りでは、企業を含めて初でした）。これが大きな話題となり、多くの方にTwitterでツイートされ、WEBメディアにも取り上げていただきました。 そこでこの記事では ・現金でのやりとりがほぼすべてだった同人イベントでなぜ電子マネー決済を導入したのか ・導入当初に電子マネー決
Web制作を変える！2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール（16個） 🧰 Webデザイン便利ツール（19個） 🦄 デザインツール
API Gateway (REST API) では、開発やトラシューに役立つ実行ログ (Execution Logs) を出力することができます。 AWS サポートに問い合わせる際にも、この実行ログがあるとスムーズです。 実行ログは、ステージから設定できます。 設定後、API Gateway にリクエストを投げると、CloudWatch Logs に出力されます。 ロググループ名は、API-Gateway-Execution-Logs_<API ID>/<ステージ名> です。 こちらの実行ログの内容を解説していきます。 リクエスト/レスポンス API Gateway に Postman から以下のようにリクエストを投げます。 パスパラメータ groupId=111、クエリパラメータ userId=222、本文に name=hoge を指定しています。 API Gateway はこのリクエス
はじめに GitHub で Mermaid がサポートされました。 Mermaid は図やグラフを描画するの独自の記法を持ちます。 その記法を Markdown のコードブロック中に記述するだけで図を描画できるのが便利です。 ...便利なのですが、記法が独特なことや機能が豊富なことから、とっつきにくいところもあります。 弊社[1]では みんチャレ 開発の情報共有ツールとして esa.io を活用しており、 esa も Mermaid をサポートしており以前から活用していました。 この記事では、私がこれまでに活用してきた中から特に便利だと感じた機能を紹介します。 ちなみに Zenn も Mermaid をサポートしているため図を描画できます。 Gantt ガントチャートです。 私が Mermaid を使いたいと思ったきっかけの機能です。 まずは、一番シンプルな例を書きます。 gantt Co
ウェブのリッチな表現としてスクロールに応じたエフェクトがあります。これまでJavaScriptのscrollイベントで実装していましたが、Intersection Observer APIを使うとより効率的に実装できます。ブラウザーのサポートも拡充し、今後は標準となる技術でしょう。 ▼スクロールで目次の色が変わるエフェクト 本記事ではIntersection Observer APIの使い方と実践例を解説します。 特定の位置で発火する従来の手法 これまで、特定の位置で発火するイベントにはscrollイベントを使う必要がありました。以下のコードは、あらかじめページ上部からの距離を取得し、スクロール量が規定に達したところで発火させる手法です。 window.addEventListener("scroll", () => { const srollVal = window.pageYOffse
便利なツールが登場！ 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像（SVG, PNG, JPG, GIF）の最適化と圧縮、画像の新しいフォーマット（WebPやAVIF）への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の
写真アプリでは写真を表示するだけでなく、簡単にGIFアニメを作成したり、写真にキーワードを設定し大量の写真の中から検索することもできます。他人に見られたくない写真を完全に非表示にすることができる裏技も。 ここでは写真アプリの基本的な使い方や便利な機能、意外に知られていない小技をまとめました。
先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール（紹介記事）ができるようになった時もその便利さに喜びましたが、ツリービューでもできるようになり、深い階層でもすべての親を常に表示しておくことができます。 ツリービューのスティッキースクロールを使用するには、デフォルトではオフになっているので、機能をオンにする必要があります。 ※オンになっている人もいるようですね。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「鍋の素にこれをちょい足しするだけでめちゃうまになる」ぶちこめばとりあえずOKなズボラ薬味チューブがとても便利
コードを書くのが楽になる！知っておくと便利なVS Codeの機能・設定のまとめ
開発で使ってる便利ツール - 書いたもの
Webページやアプリの実装に、知っておくと便利なHTMLの属性のまとめ
「警視庁」が教える“袋菓子を何も使わず閉じる方法”が便利 テープや輪ゴムがなしで逆さにしてもこぼれない
OneNoteで仕事を効率化する8つの便利機能 | ライフハッカー・ジャパン
Postmanを使い始めた時に知っておきたかった地味に便利な機能10選 - Qiita
Google Bard便利すぎ。Gmailから検索して表まで作るだなんて…
Pythonで自動化できること7選！面倒な作業を効率化してより便利に
朝飯前に学べる！便利なPythonのヒント100選【後編】 - Qiita
Neovimを一瞬でVSCode並みに便利にする - k0kubun's blog
【Linux】スクレイピングにはNordVPNが便利・設定方法を解説
フロントエンド開発者のための便利なオンラインツール11選 - Qiita
【特集】 【2022年版】デスク周りで重宝する便利グッズおすすめ10選
Web制作者はブックマークしておくと便利！ ランディングページ500種類以上のデザインのまとめ -Landings
iPad版Kindleの使い方を紹介！読書も勉強も超便利になる方法｜Laid Back salaryman
100均は安くて便利だけど刃物や文房具など道具類は慎重に選んだほうがいいかも、というお話「これ本当にそう」
CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！
共同開発を始めるときに便利な 5 つの GitHub Actions
Web制作を変える！2022年の便利オンラインツール・ベスト110選
API Gateway 開発者に読んでほしい、意味がわかると便利な実行ログ - Qiita
GitHubで使えるようになった Mermaid の便利なところ
JSでのスクロール連動エフェクトにはIntersection Observerが便利 - ICS MEDIA
【使い方】写真アプリの使い方や意外に知らない便利機能まとめ - iPhone Mania
VS Codeの新機能がすごく便利！ ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります