JavaScriptの小技集 - Qiita
はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...！」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください（一応該当する節には＊をつけています）。 配列 配列の重複した値を削除1 const meta = ["foo",
便利な小ネタ集（C#.NET編） - Qiita
はじめに ソフト作るときに地味にストレスなのが この程度の機能の実装に時間をかけたくない メモっていたけどどこに置いたか忘れた（探すのめんど） これらを解消したいので何度も使いそうなプログラム部品を記録しておきます。 C#.NET編です。 小さな部品たち それでは早速便利な部品たちを載せていきます。 ファイルアクセス関係 using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.Text.Json; usi
覚えておくと便利なCSSデザインTipsを9つ集めてみた | BUILD Journal
覚えておくと便利なCSSデザインTipsを9つ集めてみたUpdate2023.05.18Release2023.05.18Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する これまでは画像で表現していたデザインを今ではCSSのみで実装できるものが多くなってきました。今回は覚えておくと便利な現場で使えるCSSデザイン Tips を9個紹介します。いざという時に使えるものばかりですので、ストックしておくことをおすすめします。 見出しの改行位置をCSSで調整する見出しの改行位置を調整する見出しの文章が中央揃えである程度の文字数があると、スマホで見た場合意図したところで改行ができていないことがあります。上の動画をご覧ください。上側の文章は改行されると2行目3行目も中央寄りになるため、画面サイズによっては最終行が1〜3文字になってしまい
【覚えておきたい】ペットボトルで「密閉袋」を作れるって知ってた? - 応急処置のアイシングや生ごみ入れにも
【覚えておきたい】ペットボトルで「密閉袋」を作れるって知ってた? - 応急処置のアイシングや生ごみ入れにも 飲んだら捨てるペットボトルを使って、こんなアイデアで災害時に便利な「密閉袋」が作れるそうです。 災害時の対応や、普段からもしもの時に備える情報を投稿している警視庁警備部災害対策課(@MPD_bousai)のツイートを紹介します。 #ペットボトル は様々な場面で役に立つアイテムです。切り取った飲み口部分にビニール袋を通し、蓋をすれば簡易的な密閉袋として利用できます。災害時に食料やお菓子を食べきれず保存する場合などで助かります。氷のうや生ゴミ入れとしても活用でき、応急措置のアイシングも可能です。いかがですか?(@MPD_bousaiより引用) ペットボトルの飲み口とビニール袋を組み合わせることで密閉袋が作れるというアイデア、作り方を見ていきましょう。 (@MPD_bousaiより引用)
7 Google Chrome Tips That Will Boost Your Productivity
Did you know that you can use Google as a timer, text editor, and currency converter? Or that you can add quotation marks and other symbols to get more accurate results? You can even choose to search specific websites directly from your browser. Google Chrome is quite an amazing tool on its own, but you can take your productivity to a whole new level with the tips below. For instance, you can crea
リモートデスクトップ接続で端末間の「ファイルコピーが極端に遅いとき」の改善法
リモートデスクトップ接続で端末間の「ファイルコピーが極端に遅いとき」の改善法：その知識、ホントに正しい？ Windowsにまつわる都市伝説（196） リモートデスクトップ接続は、ドライブやクリップボードの共有により、接続元と接続先でファイルを相互にやりとりできて便利です。しかし、大きなサイズのファイルをコピーしようとすると、極端に時間がかかったり、リモートデスクトップ接続のセッションが切断されてしまったりしたといった経験はないでしょうか。今回はそんなトラブルの改善方法を教えます。 Windowsにまつわる都市伝説 リモートデスクトップ接続は端末間のファイルのやりとりが便利だけど…… 「リモートデスクトップ接続」は、Windows端末間、あるいはWindows、Linux、macOSの端末間で、デスクトップへの対話的なリモート接続と端末間のファイル共有やクリップボード共有などを実現する便利な
iPhoneの文字入力を便利にする小技8選 - iPhone基本の「き」(440)
いつも何気なく使っているiPhoneの文字入力。毎日のことだからこそ、ちょっとした小技が効率アップや小さなストレス解消につながります。知っていると便利な文字入力の便利機能をご紹介します。 画像は「メモ」アプリを使用していますが、多くのアプリで同様の操作が可能です。 ＜1＞3本フリックで入力を取り消す／やり直す PCではよく使う「取り消し／やり直し」操作。iPhoneでは3本指フリックで実行できます。 画面を3本指で左にフリックして「取り消し」。右へフリックして「やり直し」 ＜2＞3本ピンチでコピー＆ペースト コピー＆ペーストは、メニューからも選択できますが3本指ピンチでも可能です。 文字や画像を選択し3本指でピンチクローズするとコピー。ピンチオープンするとペースト ＜3＞タップで単語／行／段落を選択する 文字列の選択はカーソルのドラッグでもできますが、ブロックごと選択する場合はタップが早く
Gmailで複数の連絡先へ一度にメールを送信する｢グループメール｣活用方法
グーグルの｢連絡先｣に用意されている｢ラベル｣ツールを使用して、Gmailでグループメールが作成できる。 複数のメールでラベルを作成したあと、そのラベルを任意のメールの宛先行に追加可能。 ユーザーグループにメールを送信する場合は、アドレスを非表示にする “Bcc”を使用するのが一般的なルールとされている。 Gmailはグループメール（メーリングリストやディストリビューションリストとも呼ばれることもある）を簡単に作成し、数回クリックするだけで複数の連絡先にメールを送信できる。 これはメールを送信するたびに ｢宛先｣へ多数の名前やアドレスを手動で入力していく必要がないため便利だ。意外と手順を知らない人も多いテクニックのひとつだ。 連絡先でグループを作成する方法 グループメールを送信するには、まずグーグルの｢連絡先｣にあるラベルを使用してグループを作成する必要がある。 いったんラベルを作成すれば
CSSのclip-pathプロパティでいろいろ簡単に実装できる、便利な使い方と実装のポイント
CSSのclip-pathプロパティは、非常に便利です。 セクションの区切りを斜めにしたり、ボタンに波紋のエフェクトをつけたり、スクロールして要素がビューポートに入った時にアニメーションで表示されたり、最近のWebページやスマホアプリで見かけるエフェクトはclip-pathプロパティを使用すると、簡単に実装できます。 clip-pathプロパティの基礎知識と便利な使い方、実装のポイントなどを詳しく解説します。 Understanding Clip Path in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに clip-pathプロパティにおける座標 clip-pathプロパティに使用できる値 clip-pathプロパティを使用した実装 終わりに はじめに clip-pathプ
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
【Windows 10】キミは「メモ帳」アプリの実力を知らない？
Windows 10の初期設定を行う際、何らかのテキストエディタをインストールして、「.TXT」や「.LOG」といった拡張子に対する関連付けを「メモ帳」アプリから変更している人も多いことだろう。そのため、Windows 10に標準装備されている「メモ帳」アプリをほとんど使ったことがないという人もいるかもしれない。 ただ、好みのテキストエディタが使えない環境の場合など、「メモ帳」アプリの使い方を覚えておくと便利だ。そこで、本Tech TIPSでは「メモ帳」アプリの少し便利な使い方を紹介する。 時刻と日付を入力する 現在の時刻と日付を入力したい場合、「メモ帳」アプリで［編集］メニューの［日付と時刻］を選択すればよい（［F5］キーを押してもよい）。すると、その時点での時刻と日付が現在のカーソル位置に入力される（［例］13:34 2020/02/12）。 また、文書ファイルの1行目に「.LOG」と
Visual Studio の便利なのに知られていない機能
まず、私が先日公開したブログ記事 (英語) に寄せられたあるコメントを紹介しましょう (たくさん寄せられたうちの 1 つで、その記事のコメント欄でご覧いただけます)。 Btw, "until I realized that the Solution Explorer tree nodes are searchable." This one is a saver ! (訳: ところで、「ソリューション エクスプローラーのツリー ノードが検索可能…」と書かれてていますが、こういうヒントは助かります!) この記事の中で何気なくソリューション エクスプローラーのテキストが検索可能であることに触れたのですが、それがコメントの投稿者である Sam さんの目に留まったようです。このようなちょっとした小ワザは Visual Studio にたくさんあり、中には熟練の開発者ですら知らないものもあります。こう
覚えておきたいEXCELのちょっとした技20選【保存版】
１：同一Bookにある複数のシートをまとめて印刷する方法 同一Bookにある複数のシートを一枚ずつ操作して印刷していくのは手間も時間もかかります。 そこで知っておきたいのが「Ctrl」を押しながらシートをクリックして対象シートに作業グループを設定すること。 作業グループを設定して、印刷画面で「選択した範囲を印刷」を選んで印刷すると一度の印刷操作で複数のシートをまとめて印刷できます。 ２：Shiftキー＋F12で上書き保存する方法 EXCELに限らず、たいていのソフトではショートカットキーの「Ctrl＋S」が上書き保存というのは有名ですが、EXCELでは「Shift+F12」でも上書き保存になります。 ちなみに「F12」だけだと名前を付けて保存が可能です。 両方覚えておくと、左手で操作したいときはCtrl+S、右手で押したいときはShift+F12が使えて便利です。 ３：数字を入力すれば自動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「コマンド プロンプト」を「エクスプローラー」から開く最速の技 ～えっ、ソコ？／「cd」コマンドでパスをうろうろする必要なし【やじうまの杜】
「Windows Terminal」ユーザーはぜひ知っておきたい、タブを管理者権限で起動する裏技／わざわざ管理者権限で起動しなおす必要はない【やじうまの杜】
Kindleで未購入の巻をリストアップするリンクが結構便利かもしれない／『何巻から買ってなかったっけ？』というときのためブックマークしておこう【やじうまの杜】
「Google Chrome」でYouTubeを視聴するときに便利な裏技が“Twitter”で話題に／他のWebブラウザーでも利用可能……だけど、デザインや機能には少し違いも【やじうまの杜】
TechRepublic: News, Tips & Advice for Technology Professionals
【連載】Windows 10ミニTips
A4用紙をぴったり三つ折りにする方法 | 我が社を有名にするブログ