デベロッパツールの新機能が便利！ そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca
Microsoft公式ツール「Powertoys」を解説。なんでこの機能、Windowsに標準で入ってないの？という神機能が特盛！ - すまほん!!
「ファイル・フォルダ名を一括で変更する機能」とか、標準装備で良いじゃん！ Microsoft謹製、Windowsの作業効率をアップさせる「PowerToys」というソフトの紹介・解説です。 記事のベースと画像はバージョンは0.27.1。執筆時現在は0.29.3が最新版ですが、内容はバグの修正と日本語化なので機能面の差異はなし。 PowerToysとは？ PowerToysは、Microsoftがオープンソースで開発中のソフト。元々Windowsに搭載するつもりだったが搭載されなかった利便性向上機能を複数提供するもの。 元々Windows 95時代から名前が続いているソフト。Windows XPまで提供が続けられていました。Vista以降は提供されていませんでしたが、2019年5月にWindows 10向けにオープンソースとして提供を再開しています。 各機能の詳細 FancyZones（複数
個人からチームまで、Notion での情報・タスク管理一元化完全解説
2020/11/27 (金) の WP ZoomUP #53 にて弊社 KITERETZ inc. (キテレツ) での Notion の活用法についてお話させていただきました。以下はそのときの資料ですが、こちらの記事はその内容を記事化したうえで、資料には入れられなかった動画での操作解説や、時間的にセミナーで話せなかったことを書き加えたものです。 💡 Notion 採用のきっかけ Product Hunt などで話題になったタイミングで、個人的に Notion を触ってみましたが、「Evernote と何が違うんだろ？」と思ったぐらいで、イマイチ良さがわかりませんでした。 しかし、キテレツは2年ほど前からメンバーが増え、情報を一覧できるシステムを導入してほしいという提案がありました。僕も、プロジェクトごとのタスク・進捗管理に加え、全プロジェクトのタスクを横断的に確認する方法を模索していまし
「プログラミング言語Go完全入門」の「完全」公開のお知らせ | メルカリエンジニアリング
メルペイ エキスパートチームの@tenntennです。本稿は Merpay Tech Openness Month の11日目の記事です。 「プログラミング言語Go完全入門」の期間限定公開のお知らせでも書いたように、メルペイでは、社外の方向けにGopher道場という体系的にGoを学べる場を無償で提供してきました。Goの普及を目的にこれまでに8回開催し100人以上の方に参加していただきました。 また、Gopher道場の動画や資料はGopher道場 自習室として誰でも利用できるようになっており、現時点で300名以上の方が利用されています。 Gopher道場の資料のベースになっている「プログラミング言語Go完全入門」は、2020年7月31日までの限定公開になっていましたが、本日より公開期限を撤廃し、完全公開することになりました。 また、本日8月31日から始まる「Online Summer Int
「Visual Studio Codeの教科書」を読んでVS Codeの設定をゼロから見直してみた - karaage. [からあげ]
追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 Visual Studio Codeの教科書 Visual Studio Codeの教科書を購入しました。基本的な使い方から拡張機能の作り方まで、広く押さえられていました。 プログラマーのためのVisual Studio Codeの教科書 (Compass Booksシリーズ) 作者:川崎 庸市,平岡 一成,阿佐 志保発売日: 2020/04/30メディア: Kindle版 自分は拡張機能作りには興味なかったのですが、思わず手を伸ばしたくなりますね。拡張機能作りまで興味ある方にとってはかなり良い本ではないかと思います。 本を読むと、色々改めて発見があったのと、拡張機能一回
![「Visual Studio Codeの教科書」を読んでVS Codeの設定をゼロから見直してみた - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b8cf77980ab900ed339768901e94cfe2584441d7/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20200707%2F20200707003818.png)
Slack の風習で苦手なもの - @kyanny's blog
Slack に限らず、ビジネスチャットツール全般に当てはまるが。 分報チャンネル 文字の絵文字 分報チャンネル #times_xxx みたいなやつ。あれは非効率な雑談ネットワークであり、多くの時間を無駄にしている。 「自分のメモ用途だ」という主張をよく見かけるが、わざわざパブリックチャンネルでやる理由に乏しい。 個人の DM にメモやファイルを保存すれば良い（Slack が推奨している） DM よりチャンネルの方が bot を飼えて便利なこともある。ならばプライベートチャンネルを作れば良い そもそも Slack はコミュニケーションツールであってメモツールではない。メモツールは他にいくらでも選択肢がある パブリックチャンネル vs プライベートチャンネル（グループ DM 含む）を単純に比較したら、パブリックチャンネルの方が良いに決まっている。しかし分報チャンネルには「パブリックが正義」の原
在宅勤務がきっかけで導入したITツール、Zoomは2位 1位は？
MMD研究所は、在宅勤務がきっかけで企業が導入したITツールの1位はSkypeだとする調査結果を発表した。Skypeは在宅勤務が始まる以前から使っている人も比較的多く、Zoomは2位となった。 在宅勤務がきっかけで企業が導入したITツールの1位は米Microsoftのメッセージングサービス「Skype」だとする調査結果を、MMD研究所が4月23日に発表した。調査によると、Skypeは在宅勤務が始まる以前から使っている人が多かったという。米Zoom Video CommunicationsのWeb会議サービス「Zoom」は、Skypeに次いで2位だった。 調査は4月2～3日、20～59歳の会社員1089人を対象に実施。新型コロナウイルスの感染拡大に伴う在宅勤務の実施状況や、勤務時に使っているITツールなどを調査した。 調査によると、新型コロナの影響で在宅勤務を行っている人は全体の12.9％で
Zoom以外でもバーチャル背景を使いたい！ - Qiita
在宅勤務が増えている中で、どうしても顔を出して会議をしないといけない事がありますよね。そんな時に気になるのが、女性だとメイク、そして、男性でも気になるのが部屋の汚さをどうやってごまかすかです。(世の男性の方のおうちをみんな仲間にしてごめんなさい) Zoomにはバーチャル背景があるので、これまで選択できるときはZoomを使ってきました。 しかし、もうその必要はなくなりました。今日は、Snap Cameraを使う方法を紹介します。 Snap Cameraは、Snapchatというスマホで面白動画を撮れるアプリから派生したプロダクトです。無料で使う事が出来、パソコンのカメラの映像を面白く加工してくれるアプリケーションです。 もう一つ、DingTalkの美肌機能についても紹介します。 Snap Cameraの仕組み 会議ツールからSnap Cameraを利用する仕組みはこのようになっています。 カ
IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアHub > 記事一覧 > IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 Javaの統合開発環境であるIntelliJ IDEAの人気が高まっています。興味はある方や使い始めたばかりの方に向けて、つまずきがちなポイントや、地味だけど便利な機能などを、IntelliJ IDEA関連の著作も多い今井勝信さんが紹介します。 IntelliJ IDEA（インテリジェイ・アイデア）は、JetBrainsが開発・販売しているJavaの統合開発環境（IDE）です。最初に登場したのは2001年と古く、しばらくマイナーIDEとしてひっそり存在していましたが、ここ数年で知名度も上がってきました。 近年の人気も相まって、IntelliJ
ChromeのデベロッパーツールでJSをデバッグする方法(2022年版) - ICS MEDIA
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
マルチカーソルを使わないVSCodeはただのVSCodeだ！〜解説編〜 - memo.md
先日投稿した以下のエントリで、「使い方がわからない」という意見を多く頂いた。 mugi1.hateblo.jp マルチカーソル自体の操作方法は調べれば出てくるし、事例だけ紹介しとけばええやろ、と思っていたのだが、いきなり応用のサンプルを貼りすぎてわけがわからなかったらしい。申し訳ない。 せっかくなので、基礎から含め、どういったキー入力で上記のような操作を実現しているのかを紹介したいと思う。 🔥実践！マルチカーソル / 入門編 なおmac環境です。Windowsやその他環境の方は気合で調べてください。 また、言い訳臭くて申し訳ないが、私は普段はSublime Text Keymap and Settings Importerを使っており、SublimeTextっぽいキーバインドに変えて編集している。 一旦無効にしたうえでVSCodeデフォルトの状態で一通り調べて書いたつもりだが、もし違って
マルチカーソルを使わないVSCodeはただのVSCodeだ！ - memo.md
Misoca+弥生+ALTOA Advent Calendar 2018の10日目のエントリです。 グッと来るタイトルにしようと思った結果、意味不明になってしまったのは自覚している。許してほしい。 ※解説編について 何やってるかわからんという声を多数頂いたため、解説編を書いた。 よかったら併せてご覧ください。 マルチカーソルを使わないVSCodeはただのVSCodeだ！〜解説編〜 - memo.md 🤔 マルチカーソル？ さて、VSCodeではカーソルを複数作ることができる。 vscode-doc-jp.github.io 簡単な動作例 これはVSCodeに限った機能ではなく、SublimeText, Atom, JetBrains製IDEなどでも似たようなことができる。 昔にSublimeTextを使い始めたころから愛用している機能で、私はこれが無いと生きていけない体になっている。 意
ブランチ名にissue番号を使う - Qiita
仕事ではタスク管理にGithub issueを使っていて、最近はブランチを作る際にfeature/1234といったように名前にissue番号を使うようにしています。最初はどのissueに関連したブランチなのか分かりやすくしたくて始めたんですが、CLIツール・alias設定を組み合わせて以下のフローも楽に行えるようになりました。 テンプレートを使ってissueリンク付きプルリクエストを作る プルリクエストを作成する際は必ず対応するissueへのリンクを貼るという運用を行っているんですが、ブランチ名にissue番号を入れておくことでこれがコマンド一発で完結できるようになりました。やり方は下記の記事を参考にさせてもらいました。 GitHub Issueはテンプレート化で、綺麗に書かせる！ - Qiita [alias] pull-request = "!hub browse -- compare
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
FREE Logo Maker - Create a Logo in Seconds - Shopify (2023)
Free Logo MakerCreate professional logos in secondsIntroducing Hatchful - the custom logo maker. Create a Logo Now Create professional logosHigh-resolution logos in just a few clicks Hatchful is a logo maker built for entrepreneurs on the go. No design experience is required to create your own logo from scratch. Build a unique brandEndless design possibilities Customize your free logo using hundre
疑似個人情報データ生成サービス
疑似個人情報とは、主にアプリケーションの開発／試験の際のテストデータとしての使用を目的とした架空の個人情報データです。 個人情報保護法の施行により、本物の個人情報を目的外であるテストデータとして使用することはできなくなっています。 また個人情報の漏洩が社会問題となっている今、「本物の個人情報」をテストデータのように別目的で使用することは、 情報漏洩の危険性が高まるだけでなく、企業としてのモラルも問われます。 このページは無料で、この擬似個人情報を生成することができる実験的サービスです。 生成したデータの商用利用も可能です。 下の「生成を開始する」ボタンを押して、条件を入力していくだけで簡単に個人情報データの生成を行うことができます。 作成したデータはMicrosoft Excel、CSVなどの形式でダウンロードすることができます。
API連携で資産管理可能な仮想通貨ポートフォリオツール「Coinboard」が超便利♪ | 賢い投資生活｜株/FX/仮想通貨/税ブログ
仮想通貨の管理アプリCryptofolio(クリプトフォリオ)。 売買履歴を記録しておくことで、複数の取引所の資産の総額を確認できる便利なツールです。しかし、このツールが1月3～4日のメンテナンスで一時的に利用できなくなってしまったのです。 私が以下にこのツールに依存していたかを知ると同時に、別手段で資産合計を確認する方法を用意しておかなければならないなと痛感しました。 そこで、資産管理の方法として、API連携でデータが自動取得できる資産管理ツール「Coinboard」を導入しました。利用し始めると、一度API設定をしてしまえば、後はポジションが増えても追加設定の必要がないので、こちらの方が便利です！！ Coinboardはビットコイン、イーサリアム、リップル、ネムなど、仮想通貨のポートフォリオ管理ツールです。取引所とシステム連携することで、現在所有している仮想通貨の資産総額や推移などを自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10分で自分のGitHubプロフィールをカッコ良くする - Qiita
AI自動翻訳『お試しAI翻訳』by みらい翻訳
すごい名前生成器 - 創作・ゲームに使えるランダム人名ジェネレータ
