合計はショートカットキー一つで出せる（EXCEL） 江ノ島： EXCELで合計出すとき、このボタン押すじゃないですか 「ホーム」にあるオートSUMボタン ほり： やるやる！ 石川： え、知らなかった。「=SUM(…」って手打ちしてた 江ノ島： それでもいいんですけど、どっちも面倒じゃないですか。 実は shift + alt + = を押すと… 江ノ島： 自動的にSUMが入るんですよ 林： ほんとだ！入った！ ほり： かっこいい！ 石川： そうだったのか…。行（縦）方向と列方向、両方できるな。 江ノ島： 合計よく使うので、一回一回ボタン押すよりこっちの方が早いです。 ほり： こういうの全部覚えたい。 江ノ島： ショートカットキー全部まとめた表とかあるじゃないですか。 それをデスクトップの壁紙にしてる人とかいるじゃないですか。 林： うん。 江ノ島： しゃらくせえ！と思います。 石川： あは
Gitでよく使用するコマンドをGIFアニメで解説
Gitでよく使用するコマンドが何を行っているかをGIFアニメで解説した記事を紹介します。 Gitのマージ、リベース、リセット、チェリーピック、フェッチ、プル、リフログなど、コマンドを実行した時にブランチはどのように相互作用し、履歴にどのような影響を与えるのか視覚的に学べます。 🌳🚀 CS Visualized: Useful Git Commands by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Gitのマージ（fast-forward, no-fast-forward） Gitのリベース（rebase） Gitのリセット（reset, revert） Gitのチェリーピック（cherry-pick） Gitのフェッチ（fetch） Gitのプル（pull） Gitのリフログ（re
無料でChrome・Firefoxの操作を自動化＆ファイルのアップロードやデスクトップの操作もできる「UI.Vision」
業務には「同じ作業の繰り返し」がつきものですが、何度も同じ作業を繰り返していると「こういう単純作業を任せるために機械ってものが生まれたんじゃないのか？」と思うわけです。無料のChrome・Firefoxの拡張機能「UI.Vision」を使うと操作を自動化できるマクロが組めて単純作業がラクチンになるとのことなので、実際に使っていました。 Open-Source RPA and Web Automation Tools for macOS, Linux and Windows https://ui.vision/ というわけで、実際にUI.Visionを使ってみます。Chrome版とFirefox版は、それぞれ以下の公式拡張機能ストアからダウンロード可能です。 UI.Vision RPA - Chrome ウェブストア https://chrome.google.com/webstore/de
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。いずれの処理も数年前から開発の現場で使えるので、この機会に知識をアップデートしましょう。 本
この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。（よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない） ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で
村井理子 @Riko_Murai 義母も義父も、コンビニには行けなくなってしまった。カードやポイント、画面操作が必要だから、怖くて行けないらしい。銀行もハードル高いらしく、毎度、予約して（！！）、行員さんに全部やってもらっているらしい。なんかもう、どうしたらいいのだろうな 2023-04-26 16:52:06 村井理子 @Riko_Murai 翻訳家・エッセイスト。愛犬は長い棒を回収する琵琶湖の至宝。『射精責任』（太田出版）『ラストコールの殺人鬼 (亜紀書房翻訳ノンフィクション・シリーズⅣ)』（亜紀書房）、『未解決殺人クラブ 市民探偵たちの執念と正義の実録集』（大和書房）、『犬と会話する方法 動物行動学が教える人と犬の幸せ』（慶應義塾大学出版会） rikomurai.com/%e7%a7%81%e3%8…
ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパン
三井住友カード ゴールド(NL)のデメリットは?メリットない・いらないは勘違い【年会費無料になる100万円修行のコツ】
【緊急提言】暴走事故はドライバーだけの責任ではない!! 天才エンジニアが見抜くクルマが改善すべき点とは - 自動車情報誌「ベストカー」
ここ最近、毎日のように報道され、ますます社会問題化しつつある深刻な高齢ドライバーによる暴走事故。 そこで、今回本誌連載、激辛試乗でおなじみの元GT-R開発責任者、水野和敏氏からの緊急提言としてこの問題について水野氏からの提案を2回にわけて、お送りしよう。 聞き手はこちらも同じく本誌26日号連載『ザ・インタビュー』でおなじみのフェルディナント・ヤマグチ氏。 文：水野和敏、フェルディナント山口／まとめ：ベストカー編集部 ベストカー2019年7月26日号 ■暴走事故にはドライバーにもクルマにも対策が必要だ（水野） フェルディナント山口（以下：フェル）：最近、高齢ドライバーによる暴走事故が相次いでいますが、水野さんはどのように思われますか? 水野和敏（以下：水野）：あれはね、ハッキリ言わせてもらえば踏み間違いもあるけどクルマにも課題があり、両方の対策が必要だよ。 フェル：う〜ん、運転している高齢ド
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
乳腺外科医が準強制わいせつに問われた事件で、高裁が逆転有罪判決の衝撃（江川紹子） - エキスパート - Yahoo!ニュース
男性の乳腺外科医が、手術直後の女性患者の胸をなめたとして準強制わいせつ罪に問われたものの、一審の東京地裁では女性の被害の訴えは、麻酔の影響による「術後せん妄」の可能性があるとして、無罪とされてた事件。東京高裁（朝山芳史裁判長、伊藤敏孝裁判官、高森宣裕裁判官）は13日、原判決を破棄し、医師を懲役2年の実刑とする逆転有罪判決を言い渡した。被告・弁護側は記者会見で、「このまま冤罪を放置できない」として、即日上告した。 逆転有罪判決は、支援者にも大きな衝撃を与えた（国民救援会提供）一審は科捜研の鑑定方法にも疑問符をつけていた 一審判決では、被害を訴えるA子さんのほか、その母親、他の医師や看護師、同室の患者などの証言を細かく検討し、A子さんの訴えは麻酔薬や痛みの影響による「せん妄」の可能性が否定できない、と判断した。 さらに、A子さんの胸から採取した微物鑑定を行った警視庁科学捜査研究所の研究員が、実
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
しばらくすると、その文字盤が「リフトアップ」され、ライン上の任意の位置にドラッグできるようになります（Redderユーザーのwccn616さんがこの機能を実演している様子をこちらの記事で見ることができます）。 5．Apple Watchの調子が悪いときは強制的に再起動させるPhoto: Twin Design (Shutterstock)通常、Apple Watchの電源を切るには、サイドボタンを長押しして、「電源オフ」スライダーをスワイプします。 しかし、時計の調子が悪いときは、このオプションにアクセスできないことがあります。その場合は、強制再起動を行うことで、通常の入力ができなくても、時計の電源を再び入れることが可能です。 Digital Crownとサイドボタンを同時に押し続けると、Apple Watchが真っ暗になるのがわかります。Appleのロゴが表示されるまでボタンを押し続け、
「左足ブレーキ」は事故防止の切り札か 「不慣れな人は絶対にしないで」（福井新聞ＯＮＬＩＮＥ） - Yahoo!ニュース
ペダルの踏み間違いが原因とみられる高齢者の自動車事故が問題化する中、福井新聞の読者投稿欄宛てに「右足でアクセル、左足でブレーキのペダルを踏めば防げるのでは」という投書が寄せられた。オートマチック（AT）車の二つのペダルを右足で踏み換えている人には疑問符がつく操作方法だが、果たして「左足ブレーキ」は正しいのだろうか。福井県警によると法的には問題ないものの、複数の専門家は「事故につながるため、不慣れな人は絶対にしないで」と口をそろえる。 投稿者の福井県嶺南地域の男性（60代後半）は、20代で運転免許を取得。マニュアル（MT）車からAT車に乗り換えた30代のとき、公道以外で練習を半年以上重ねて「左足ブレーキ」を習得した。以来30年余りにわたり、ブレーキペダルの上に左足を軽く載せながら運転しているという。男性は「初めは急ブレーキになってしまうことも多かったが、今は問題ない。法的に問題ないなら踏み間
全国の警察で3月から民間の防犯カメラやSNSの画像を顔認証システムで照合していた...... （写真とは関連がありません） REUTERS/Thomas Peter ＜全国の警察で3月から民間の防犯カメラやSNSの画像を顔認証システムで照合していたことを共同通信が報じた......＞ 前々回の記事「日本の警察は世界でも類を見ない巨大な顔認証監視網を持つことになるのか？」では、顔認証システムの拡充が進んでいることと、警視庁がリアルタイムで民間の監視カメラを一元管理し、顔認証システムで識別するシステムを持っていることをご紹介し、今後さらに拡充されていく可能性を指摘した。 それを裏付けるように9月12日に共同通信が全国の警察で3月から民間の防犯カメラやSNSの画像を顔認証システムで照合していたことを報じた（47NEWS、2020年9月13日）。日本の先を行くアメリカで顔認証システムの利用の見直
この発想はすごい！アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js
アニメーションgifの再生・停止をホバー・クリック・タップ、そしてボタン・アイコンでコントロールできる軽量JavaScriptライブラリを紹介します。 canvasに書き込むという発想がすごいですね。 通常アニメーションgifは自動再生されますが、このスクリプトを使用すると、ユーザーの操作をトリガーに再生・停止させることができます。 Freezeframe.js -GitHub Freezeframe.jsの特徴 Freezeframe.jsのデモ Freezeframe.jsの使い方 Freezeframe.jsの特徴 Freezeframe.jsではアニメーションgifの最初のフレームだけをcanvasに書き込み、gifの静止画バージョンを自動作成します。あとは、この静止画バージョンとアニメーションgifをトリガーで切り替え、アニメーションgifを再生・停止させます。 下記は、ホバーで
HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、非アクティブな要素が操作されないように「画面には表示されているが、あらゆるユーザー操作を受け付けない状態」にしたい場合があります。具体的には、以下のユーザー操作を無効化します。 マウスやタッチ操作を無効化したい テキスト選択を無効化したい キーボードフォーカスをあえて無効化したい 音声読み上げをあえて無効化したい 必要なプロパティや属性を複数指定することが考えられますが、そのようなときに役立つのがinertイナートと呼ばれるHTMLのグローバル属性です。 inert
こんなやり方が！フォトショップ時短テクニックや役立つヒント・裏技15個まとめ あまり知られていない、だれでも簡単な便利テクニックが集合 フォトショップをもっと使いこなしたい、と思っている人は多いでしょう。 しかし、フォトショップ経験が長くなってくると、いつも同じやり方ばかりで、新しい方法を取り入れていない、ということが結構あります。 そこでこの記事では、フォトショップを使う上で欠かせない、時短テクニックや役に立つヒント・裏技15個をご紹介します。 「こんなやり方があったのか」と思ってしまう、あまり知られていない、だれでも簡単な実用テクニックを中心にあつめました。 トーンカーブ二重使いの、直感的な写真レタッチ術 カンバスの向きをくるくる回転 ホットキーと隠しスライダーで不透明度を調整 スマートオブジェクトの調整はいつでも編集可能 選択したレイヤーのみ新規レイヤーに結合する方法 柔軟で思い通り
zshでPATHが壊れないようにPATHに新しいディレクトリを通す - Acme::AnaTofuZ->new;
TL;DR 特に順番は気にしないとき path+=('/hoo/bar/baz'); 最初にいれたいとき path=('/hoo/bar/baz' $path) PATH通そうとして壊れるヤツ UNIXを使っている上で避けて通れないのが環境変数$PATHでしょう。 :区切りにディレクトリを列挙して、列挙されているディレクトリ直下に置かれているバイナリファイルをコマンドとして使えるようにするアレですね。 そんな$PATHに新しいディレクトリを追加しようとして、ついつい次のような事故がよく置きます。 export PATH="/hoo/bar/baz" こうしてしまうと最初から$PATHに設定していたデータが吹っ飛んで、PATHの中身が/hoo/bar/bazだけになってしまいます。こうなるとlsとかのコマンドが使えなくなる訳ですね。 zshだと$pathで配列として扱える この問題は何が原因
様々なインタラクションに対応したシンプルなサウンドキットです。すべての音を、音の最小要素である正弦波をベースにデザインしました。比較的再生能力の低いスピーカーでも再生可能な周波数帯域を中心に、できるだけシンプルに、小さなファイル容量でデザインされているので、ウェブ、アプリ、サイネージなど様々なシーンでご利用いただけます。 土屋泰洋 サウンドデザイナー/リサーチャー The simple sound kit for designing a variety of interactions. All sounds are designed based on sine waves; the smallest pure element of sound. It is designed to be as simple as possible with a small file size, focusi
Adobe XDステート機能を使いこなそう！ ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によって簡単にできるようになっています。 今回はホバーボタン、スライダー、ハンバーガーメニューなど実例を交えながら、ステート機能の基本と一歩進んだ使い方を紹介します。AdobeXDは使っているけどステート機能は触ったことがない、ステート機能をイマイチ使いこなせてないという方はぜひご覧ください。 ステート機能の基本 簡単にステート機能について振り返っていきます。 ボタンなどの要素は、ユーザー操作によって状態が変わることがあります。たとえば、一般的な「いいねボタン」であれば最低でも「
Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。 実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。 スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表示したり、スクロール位置に基づくプログレスバーやパララックスも簡単に実装できます。 ScrollBtween ScrollBtween -GitHub ScrollBtweenの特徴 ScrollBtweenのデモ ScrollBtweenの使い方 ScrollBtweenの特徴 ScrollBtweenは、Webページのドキュメント（任意のDOM要素）をスクロール位置に関連してCSSのさまざまなプロパティの値を変化（トゥイーン）させるスクリプトです。ネ
» 【知らなかった】iPhoneって「背面タップ機能」があるの!? めちゃめちゃ便利じゃないか…!! 特集 恥ずかしながら、最近やっと知りました……iPhoneの『背面タップ』という機能を。これ、地味にめちゃめちゃ便利だなぁ。なにより「画面の裏側（背面）をタップする」という操作方法がナナメ上すぎるぜ。 この機能のことをご存じの方は多いだろうが、まだ知らないiPhoneユーザーもいるかもしれないので、今回はその設定方法をご紹介したい！ ・背面タップとは 背面タップは読んで字のごとく、iPhoneの背面を「トン、トン」と2～3回タップすることで、色んなアクションができる機能のこと。 iOS14から追加された機能で、iPhone8 以降の機種から対応しているようだ。……iOS14って2020年9月にリリースされているので、情報強者の方は半年前からコレを使ってたんですね～ハハハハハ（涙目）。 では
VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルをshiftキーを押しながらドロップするだけで、相対パス・完全パスが入力できるようになりました。 これはドロップセレクタと呼ばれるもので、VS Codeではshiftキーを押しながらドロップすることでファイルやコンテンツをエディタに挿入することができます。今までは画像のドロップで画像ファイルを開く、shiftドロップでファイル名でした。 VS Code 1.78のアップデートでこの挿入する方法を変更できるUIが追加されました。shiftキーを押しながらドロップすると、相対パス・完全パスを切り替えて挿入することができます。
Twitterなどを見ていると、知り合いがChromebookを買ったなどとツィートしていることがあった。以前に比べると購入しやすくなったのかもしれない。そこで、今回は、WindowsユーザーがChromebookを使うときに知っておくべきことを解説する。 Chromebookとは、ChromeOSを搭載したモバイルコンピューターだ。Chromebookは、Chromeブラウザによるインターネット利用を想定している。ただし、現在では、Android用アプリが利用できるほか、Windowsと同じくLinux環境を利用することもできる。大半のものはラップトップ型だが、2in1やピュアタブレットの構造を持つものものある。 ラップトップ、2in1、タブレット Chromebookには、いわゆるラップトップ型だけでなく、折り返してタブレット形式になる2in1構造の機種、キーボードを持たない、分離が可
国際宇宙ステーション(ISS)に食料や水などの物資を届ける役割を担う、宇宙ステーション補給機(HTV)「こうのとり」の操作をゲームで体験できる「HTV GO！」がJAXAから無料で公開されています。PC版とスマートフォン・タブレット版が公開されているので、宇宙飛行士気分でこうのとりの操作を体験しました。 「こうのとり」とロボットアームを自分で動かしてみよう！宇宙船運用体験ゲーム「HTV GO!（β版）」 | 新型宇宙ステーション補給機（HTV-X） | JAXA https://iss.jaxa.jp/htv-x/news/others/200626.html 宇宙船運用体験ゲーム「HTV GO！」をプレイするには上記のURLにアクセスし、PC版またはスマートフォン・タブレット版のリンクをクリックします。今回はPC版をプレイしてみました。 スタート画面から「クリックしてスタート！」をクリッ
毎日何気なく操作しているiPhone。不便は感じていなくても、もしかしてもう少し手早くできるかも。毎日のことだから少しの違いが大きな効率化になります。ここでは4つの小技をご紹介します。 ＜1＞3本スワイプでUndo/Redo パソコンではよく使われる「取り消し」操作。［Ctrl+Z］または［command＋Z］で、一つ前の操作をなかったことにする機能です。iPhoneでは「シェイク」（iPhoneを振る動作）で知られていますが、実は3本指スワイプの方が手早く操作できます。 iPhoneを振る（シェイク）→［取り消し］タップで取り消しが実行されますが、2段階の操作が必要です 3本指で左へフリック。シェイクより手早く取り消しを実行できます 逆に、3本指で右へフリックすると、取り消した操作をやり直せます（Redo)。 ＜2＞3本ピンチでコピー＆ペースト 文字列のコピーは普通、選択→タップ→メニュ
SMBC日興証券社員らの相場操縦疑惑で、東京地検特捜部は2日までに同社関係者から事情聴取するなど捜査に乗り出した。社員らが特定の銘柄について、株価を操作しやすい市場が閉まる間際に買い注文を出していた行為が、相場操縦を禁じた金融商品取引法に違反した疑いがあるとみている。複数の関係者の話で分かった。SMBC日興（東京・千代田）を巡っては証券取引等監視委員会が昨年6月、同社を強制調査。午後の取引時間
Webアプリケーションが多機能になるにつれて、ローカルアプリケーションライクな操作が求められるようになっています。例えばドラッグ&ドロップはローカルアプリケーションであれば良くある操作と言えます。 そんなドラッグ&ドロップをスムーズに行えるライブラリがPlainDraggableです。 PlainDraggableの使い方 ベジュ曲線的なデモです。 グリッドを効かせたドラッグを行うデモです。 スナップする時に、スムーズに動くこともできます。 特定のDOM内には入らないように指定できます。 応用すると、二つのノード、それぞれが入れない場所を指定できます。 ソートにも使えます。 PlainDraggableはDOMだけでなく、SVGに対しても利用できます。ドロー系のアプリケーションであったり、簡易的なゲームなどでも使えそうです。ソートでも使えるので、様々な場面で利用できそうです。 PlainD
ブラウザ上で共同編集ができ、業界のデファクトスタンダードと言っても過言ではないデザインツールのFigma。今回は、プロトタイプ機能のスマートアニメートのイージングに注目して解説します。 Figmaのイージングは、プリセットが豊富なうえに、カスタマイズが可能でアニメーションをこだわりたい方でもしっかり作り込める機能です。 プロトタイプ上での設定方法からウェブへの実装方法まで紹介していますので、デザイナーの方はもちろん、エンジニアの方にもおすすめの記事です。 用意されているイージング 前提知識として、イージングはアニメーションの変化の仕方を表現するものです。適切なイージングを設定することで、アニメーションの動きをより自然に表現できます。 Figmaでイージングを設定するには、プロトタイプ機能のスマートアニメートを利用します。スマートアニメートについては、以下の記事で詳しく紹介していますので、合
この記事では、Illustratorを始めたばかりの初心者から、普段使いしているスキルの高いユーザーまでを対象とした、基本の使い方や新機能、ヒントやテクニックを学ぶことができる最新チュートリアルをまとめてご紹介しています。 Illustratorで文字を自在に操るテキストエフェクトコレクションも一緒にいかがでしょう。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 Illustratorの技を磨く最新チュートリアル、使い方まとめ ファッション向けイラストレーションを作成する方法 重なり合うラインや鮮やかな色使い、独特のパターンデザインなどを特長としたイラストを、鉛筆ツールやスウォッチを利用してデザインします。 日本画のような音楽アルバムカバーをデザインする方法 レトロな配色と手書きしたようなナチュラルなラインが印象的なデザインで、1分間
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5のAPIによって、Webブラウザからクリップボードを操作できるようになっています。共有を促すときにメッセージをクリップボードにコピーしたり、別な機能でコピーしたテキストを貼り付けるといった操作が考えられます。 今回紹介するCopyPasteJSは、そんなWebブラウザのクリップボード操作を簡単に行えるようにするライブラリです。 CopyPasteJSの使い方 指定されたDOMの文字列をコピーする指定法です。 data-copy-text を使えばコピーする文字列を直接指定できます。 ペーストもターゲットを指定するだけです。 カットもできます。 コールバックを受け取ることもできます。 CopyPasteJSはJavaScriptをコーディングせずに実装できるのが利点です。あ
GUIのOSにとってウィンドウ操作は大きな問題です。ついつい開きすぎてしまってデスクトップがウィンドウで溢れかえってしまったり、目的のウィンドウがどこにあるのか分からなくなったりします。 そこで使ってみたいのがウィンドウ操作のユーティリティ、arrangeitになります。 arrangeitの使い方 arrangeitの操作はちょっと独特です。操作対象にしたいウィンドウがアクティブな状態で実行します（または右クリックでウィンドウを移動できるようです）。そうすると専用のウィンドウがフローティングで表示されます。 そしてサイズを変更したりして確定すると、その場所と大きさにウィンドウが移動します。 仮想デスクトップへ移動したりもできます。 arrangeitは仮想デスクトップを使ってウィンドウを移動したり、リサイズや最小化したりすることができます。キーボードとマウス操作の両方に対応していますので
LINE（ライン）で送信済みのメッセージを消す方法は、「送信取消」と「削除」の2つの手段があります。いずれも対象のメッセージを長押しするとメニューに表示される項目で、言葉の意味も似ているため、どちらを選択すべきか迷った人も多いはず。 そこで本記事では、LINEにおける「送信取消」と「削除」両機能の違いをわかりやすく解説します。また、メッセージの削除と送信取り消しを誤って実行してしまった場合の対処法も紹介しています。 LINEにおけるメッセージの「送信取消」と「削除」の違いは、端的に言うと以下の通りです。 送信取消：自分と送信相手の双方のトークルームから（送信後24時間以内の）メッセージを消せる 削除：自分のトークルームに限ってメッセージが削除される。送信相手のトークルームには影響を及ぼさない メッセージを「送信取消」しようと思ったけれど、間違えて「削除」してしまったというケースもあるでしょ
scrcpy - Androidをリモートから操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Androidアプリを開発していて、そのテストはどう行っているでしょうか。エミュレータを使っても良いですが、カメラやファイルアクセスなどで実機の方がテストしやすいことがあります。かといって毎回スマートフォンを持ち直すのは面倒です。 そこで使ってみたいのがscrcpyです。デスクトップからAndroid端末を操作できるソフトウェアです。 scrcpyの使い方 接続しました。 キーボードも使えます。 Webサイトにアクセスしたところ。 アプリ一覧も出せます。 音楽は実機から流れます。 scrcpyを使えば母艦からAndroidの実機が操作できます。エミュレータでは満足な速度が出ていなかったら、scrcpyを使って素早く操作できます。マルチタップのような操作は難しそうですが、大抵のAnd
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 机の上に複数台のPCを置いている人は珍しくありません。しかし、複数台あるとキーボードとマウスもその台数分必要になります。取り違えれば、別なマシンを動かしてしまったりします。これはとても面倒です。 そこで使ってみたいのがBarrierです。複数台のPCを一つのキーボードとマウスで操作できるようになります。 Barrierの使い方 一台がサーバ、他はクライアントとして接続します。 クライアントが立ち上がると自動的に接続が開始されます。 macOSの場合、セキュリティ設定も必要です。 Barrierはこの手のソフトウェアとして有名なSynergyのコア部分を使って作られています。Synergyは有償ソフトウェアになったので、オープンソースで使い続けたい方はBarrierがいい選択肢になる
みなさん。こんにちは。 久しぶりの投稿となります。 今回はとある案件でURLにクエリストリングを付与したり削除したりという機能を開発していた時、URLのクエリ部分をオブジェクトにしたり、そのオブジェクトをクエリストリングに戻したりという処理がすごく面倒だったので、 クエリストリングの操作が楽になるライブラリを探していた所、JavaScript(ES6以降)標準で入っているURLクラスで簡単にいったので記事にしてみました。 今回は、チェックボックスにチェックがついたらnewKeyというパラメーターがURLに追加されるようにしようと思います。 デモ 画面収録 2021-04-14 16.56.24.mov HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>URLSearchParamsを使ってみ
「もう1年以上JavaScript書いてるのに、どっちがshiftなのか覚えられないんだけど？！」 - Qiita
shift() / unshift() is 何? JavaScriptには、配列の末尾に要素を追加するArray.prototype.push()と、末尾から要素を取り出すArray.prototype.pop()メソッドがあります。これ自身はJavaScriptのメソッド名である以前にスタック操作の用語であり、また語の持つイメージとしてもわかりやすい気がします。 一方、配列の先頭に要素を追加するArray.prototype.unshift()と、先頭から要素を取り出すArray.prototype.shift()はどうでしょうか？ お...覚えられない...🌋!!!せめて取り除く操作はdequeueであってくれ...🥺 （ggれば一瞬だからそもそも覚える必要がないとか、そんな悲しいこと言わないでください） かくいう私も一向に覚えられず、MDNとエディタを往復する日々を過ごしていま
もっと早く知りたかった！初心者のためのIllustratorレイヤー整理＆活用術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！デザイナーのぱんちゃんです。 デザインの勉強を始めたのが約一年前。今でこそツールの使い方も少しずつ慣れてきたのですが、最初のころはIllustratorが苦手でした。特によく絶望していたのがIllustratorのレイヤー。どうやって管理したらいいのか分からず、毎回ぐっちゃぐちゃのレイヤーを作っていました……。 ただ、アイキャッチ制作プロジェクトでLIGの先輩にレイヤーの管理の方法を教えてもらってから、一気に作業が楽になりました。 デザイン始めたての当時の私に何か一つ伝えられるなら「Illustratorのレイヤーの整理の仕方」を伝えたい！！！ ということで、今回はデザイン始めたての方に向けて、私が実際に業務で行っているレイヤーの整理＆活用方法をお伝えします。 絶対に覚えておいたほうがいいポイントだけをまとめたので、今日でぐちゃぐちゃレイヤーとはおさらばしましょう〜！ 独学でつ
SvgPathEditorはSVGのパスを作成、操作できるオープンソースのSVGパスエディターです。 実際に完成図を直感的に操作可能で、データが即時反映されます。左ペインからデータを編集する事も可能です。 少し慣れは必要ですが、必要な方には地味に嬉しいアプリかもしれませんね。本アプリはOSSとしてソースコードも公開されています。ライセンスはApache-2.0。 SvgPathEditor
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SUM関数一発入力、あらゆる繰り返し操作をF4キーひとつで済ます～Officeの技・実用編
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
キーボード操作を意識したHTML/CSSコーディング
父も母も最近のレジが複雑すぎて買い物に行けなくなってしまった→みんなの前で複雑なUIにまごつく怖さ
口コミを装う「ステマ」規制へ 全媒体に適用、「世論操作」は対象外：朝日新聞デジタル
【CSS】まだホバー時のスタイルを :hover だけで指定してるの？
Apple Watchの隠れた便利機能14選 | ライフハッカー・ジャパン
日本の警察は、今年3月から防犯カメラやSNSの画像を顔認証システムで照合していた
ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA
こんなやり方が！フォトショップ時短テクニックや役立つヒント・裏技15個まとめ
SND: Crafted UI sound assets for UX developers
Adobe XDステート機能を使いこなそう！ - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA
CSSアニメーションの実装もこれで簡単！ さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween
【知らなかった】iPhoneって「背面タップ機能」があるの!? めちゃめちゃ便利じゃないか…!!
VS Code 1.78の新機能が便利！ 画像の相対パスが簡単に入力できるようになったぞ
窓辺の小石(14) WindowsユーザーがChromebookを使うときに知っておくべきこと
無料で宇宙ステーション補給機「こうのとり」の操作を体験できるゲーム「HTV GO！」で宇宙飛行士気分を味わってみた
「振らずにUndo」など、iPhoneの操作を手早くする小技4つ - iPhone基本の「き」(496)
SMBC日興社員の相場操縦疑惑、東京地検が捜査 - 日本経済新聞
PlainDraggable - SVG/DOMのドラッグ&ドロップライブラリ MOONGIFT
Figmaでイージングを理解しよう！ プロトタイプの基礎から実装方法の紹介 - ICS MEDIA
「SwitchBotを使って、PCのミュートやシャットダウンを声で操作してみた」――急遽テレワークを導入した中小企業の顛末記（125）【急遽テレワーク導入！の顛末記】
Illustratorの技を磨く最新チュートリアル、使い方35個まとめ 2020年8月度
CopyPasteJS - コーディングなしでクリップボード操作
arrangeit - クロスプラットフォームで使えるウィンドウ管理ユーティリティ MOONGIFT
LINEの「送信取り消し」と「削除」の違い、間違えた場合の対処法も
Barrier - 一組のキーボードとマウスで複数台のPCを操作
URLクラスを使って、クエリストリングを簡単に扱う | バシャログ。
SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」
femimatsu.com
president.jp
comic-days.com
www.cinematoday.jp
shop.earthcare.co.jp
marukawamiso.com