自宅で仕事をしていると、インターホンが鳴ったことに気が付かない事ありませんか？ これを解消する良い方法が、iPhoneの「サウンド認識」機能。やり方を解説します。 自宅で仕事をしているとき、ビデオ通話などでイヤホンを付けていると、インターホンが鳴ったことに気が付かないこと、ありませんか？ 筆者はあります。 これを解消する良い方法があるのです。それがiPhoneの「サウンド認識」機能。 特定の音が鳴ったことをiPhoneが検知して、それを通知してくれます。たとえば「インターホンの音が鳴ったら通知」なんてことができてしまうのです。

Web制作を変える！2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール（16個） 🧰 Webデザイン便利ツール（19個） 🦄 デザインツール

仕事するときに見るやつ / 倉戸みと ( mitragyna )のマグカップ通販 ∞ SUZURI（スズリ） 倉戸みと ( mitragyna )がつくった仕事するときに見るやつのマグカップが購入できるアイテムページ。色やサイズも選択可能。お得なクーポンも配布中！オリジナルアイテム・グッズを手軽に作成・販売できるサイト、SUZURI（スズリ）。自分だけの Tシャツやスマホケースなどを簡単につくることができます。 SUZURI

日頃の忙しい業務を少しでも楽にしたい、効率化したいと考えている人にぴったりな、Web制作で使える最新オンラインツールをまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 カテゴリごとに整理しているので、制作フローに新しく追加してみてはいかがでしょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール クリックで一発コピペできる、120種類以上のCSSボタンを集めたライブラリ。3Dやグラデーション、レトロな

まえがき SIerをディスる記事がバズるたびに流れ弾が飛んでくるサクラエディタですが、この偉大なエディタを使いこなしている人間は、すくないと思います。 今回は便利そうな機能を記録しておきたいとおもいます。 エディタから使える機能 Grep 検索メニューからGrepまたはGrepによる置換が行えます。 GrepやGrepによる置換には正規表現が利用できます。 利用可能な正規表現 https://sakura-editor.github.io/help/HLP000089.html 個人的によく使う正規表現は「\t」でGRAPの結果をタブ区切りに変換してExcelに張り付ける使い道です。 １、Grepの結果がある。 ２、「): 」→「):\t」の置換をやる ３、Excelにはりつけやすくなる。 ※正規表現使わなくてもタブ文字をコピーアンドペーストで置換後に入力する手もある 変換 変換メニューで

非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots

画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます！ Photoshopのエクステンションとして利用でき、1クリックで背景だけを画像から切り抜くことができます。下記の切り抜きも1クリックだけです。 写真: ぱくたそ Remove.bg for Photoshopの使い方 Remove.bg for Photoshopのインストール Remove.bg for Photoshopの使い方 Remove.bg for Photoshopをさっそく使用してみました。 操作は1クリックだけなので、説明することがほとんどありません。 まずは、画像を用意します。

【Google Chrome】「特別なURL」でトラシューや開発、管理に便利な機能を呼び出す（一覧あり）：Google Chrome完全ガイド Google Chromeのアドレスバーに「chrome://about」のような特別な表記のURLを入力すると、Google Chromeの詳細な設定画面を表示させたり、トラブルシューティングに便利な機能を呼び出せたりできます。Web系の開発者や管理・運用担当者向けに、そのURL表記の一覧を紹介します。

最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。 私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。 導入編アカウント登録 figmaの公式サイトに行きましょう！まずはアカウント登録。すべて英語ですが名前と職業を聞かれるぐらいで簡単に登録できます。またgoogleアカウントを持ってる人であれば、そちらからすぐにログインできるのでおすすめ。 ログイン後はfigmaのダッシュボードが表示されます。 webブラウザでほぼすべての機能が使えるのがfigmaの特長でもあります。 Desktop Appをインストールする やはり

Googleサービス、便利ですよね。スマートフォン、パソコン問わず活用している人は多いのでは。しかし、一歩進んだ便利機能を見落としてはいませんか？ いつも同じ機能を使っていると、それ以外の機能はそもそもあることすら知らない、なんてことよくあります。Googleが提供するアプリはどれも、使いこなせばかなり便利なモノばかり。そこで、すでに使っているアプリの意外と知られていない便利機能を紹介していきます。 ▼Googleアプリ再入門 ［1］Googleマップ ［2］Google翻訳 ［3］Googleフォト ［4］Googleドライブ ［5］Gmail ［6］Googleカレンダー 第1回は、地図アプリといえばコレ「Googleマップ」から。 【次ページ】意外な機能の使い方も詳しく解説！▶ 12

Google says it's fixed the Gmail issue that led to flooded inboxes and increased spam warningsGmail users on Saturday reported problems with their automatic filters that typically separate promotional emails from the main inbox. Report reveals that OpenAI's GPT-5.2 model cites GrokipediaA report from the Guardian showed GPT-5.2 citing Grokipedia for very specific and controversial topics. US Congr

言語やフレームワークによらない、オススメの汎用的な拡張機能をまとめました。 Tipsは**ここ**から。 拡張機能 24 選 1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出

Opensource.comは9月28日(米国時間)、「10 handy Bash aliases for Linux｜Opensource.com」において、Bashで利用できる便利なエイリアスを10個紹介した。紹介されているエイリアスは次のとおり。

追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 VS CodeにVimから乗り換えようと思った 普段、プログラムを書くためのエディタは3年くらい前からVimを使っています。 軽量ですし、大体どんなマシン（OS）でも入れられるので、プラグインとか色々入れて機能拡張していました。ただ、デバッグとか色々辛くなってきたので、IDEのエディタもまた使ってみようかなと思い、最近評判の良いVS Code（Visual Studio Code）に手を出しはじめてみました。 この記事では、VS Codeに入れている拡張機能を自分のメモがわりに書いておきます。 なお、VS Code自体のインストール方法は割愛します。以下公式サイト参照下さ

この記事の要約 ・よく使うショートカットはランチャーで整理すると便利になるよ ・Launch Center Pro登録用ショートカット ・Launcher登録用ショートカット ショートカットはランチャーで整理しよう ショートカットやWorkflowの問題点は、作ったものが多くなると整理できずにあふれかえってしまうことです。 フォルダ機能がないので、目的のショートカットを探すのが大変になってくる。そして使い勝手が悪くなる。 対処としてはショートカットのウィジェットを使うのも手です。表示するものを選択して置けるし、アクションによってはウィジェット内部で処理ができるメリットもあります。 ウィジェットが好きな人はウィジェットで整理されるとよろしいです。 私としてはウィジェットよりも素早くアクセスできるドックのほうが好きなのでランチャーを使います。 それを解消するために登場するのがランチャーアプリで

はじめに 普段のようにトゥイッターしていたらタイムラインにステキ拡張が流れてきたので、布教のためにバーっと紹介記事を書いてみる次第。 Rainbow CSV Rainbow CSVって何？ VSCodeでCSVを扱いやすくするためのステキ拡張 便利でステキな機能をいくつも持っている とにかくヤバイ（語彙） Rainbow CSVの何がヤバイの？ ①CSVが読みやすくてヤバイ ちょうどいいCSVが無かったので、適当にポケモンのCSVデータを生々しく開いてみた。 CSVの見た目ってこんなのだよね。日本語項目はともかく、数値が連続している箇所は「あれ、この"49"ってどの項目に対応してるんだっけ…？」みたいな混乱が起きて発狂しがち…。 しかし、このファイルをRainbow CSVに通すと…なんということでしょう！ ヘッダー項目とデータ項目にカラフルな色が付き、項目の種類が一発でわかるようになって

hostsファイルを書き換えたり、さらに同時に複数の管理をする必要があったり、そんな時に便利なWin, macOS, Linux対応の無料アプリを紹介します。 1クリックで切り替えることができ、設定をバックアップすることもできる優れものです。 SwitchHosts! SwitchHosts! -GitHub SwitchHosts!はオープンソースの無料アプリで、以下のOSをサポートしています。 Windows 32bit Windows 64bit macOS Linux またオープンソースなので、ソースコードも公開されています。 SwitchHosts!の機能はシンプルで、hostsファイルを切り替え・管理がスムーズに行えます。 SwitchHosts!の特徴 シンタックス ハイライト 複数のhostsファイルに対応 行番号をクリックしてコメントを切り替え ステータスメニューのクイッ