合計はショートカットキー一つで出せる（EXCEL） 江ノ島： EXCELで合計出すとき、このボタン押すじゃないですか 「ホーム」にあるオートSUMボタン ほり： やるやる！ 石川： え、知らなかった。「=SUM(…」って手打ちしてた 江ノ島： それでもいいんですけど、どっちも面倒じゃないですか。 実は shift + alt + = を押すと… 江ノ島： 自動的にSUMが入るんですよ 林： ほんとだ！入った！ ほり： かっこいい！ 石川： そうだったのか…。行（縦）方向と列方向、両方できるな。 江ノ島： 合計よく使うので、一回一回ボタン押すよりこっちの方が早いです。 ほり： こういうの全部覚えたい。 江ノ島： ショートカットキー全部まとめた表とかあるじゃないですか。 それをデスクトップの壁紙にしてる人とかいるじゃないですか。 林： うん。 江ノ島： しゃらくせえ！と思います。 石川： あは
2023/07/03 要約ツールに｢ChatGPTを利用する場合｣を追加し、サンプルの生成結果を記載しました。 以前は英語の記事の読み書きが苦手だったのを、このようにして克服した、という話を書きます。 成果を数値で測ってないですが、RSSフィードに登録している英語メディアの数が大幅に増えました。以前は全体の5%程度に対し、今は50%以上が英語メディアになっています。英語に対する心理的ハードルは大きく下がりました。 また、読む力を付けたことで自作のOSSのREADMEもほぼ自力で書けるようになりました。 https://github.com/goodwithtech/dockle/blob/master/README.md では始めます。 全体像 僕の場合、1000文字以上の英文記事を読む場合、STEP1に含まれる内容は必ず行います。 STEP2に含まれるものは、辞書なしで読めないときだけ行
【動画】このショートカットを完全習得したEXCEL使いの作業風景が早すぎてすごい・・・・重要なのは「セルの選択」なんだな : ライフハックちゃんねる弐式
2019年10月15日 【動画】このショートカットを完全習得したEXCEL使いの作業風景が早すぎてすごい・・・・重要なのは「セルの選択」なんだな Tweet 32コメント ｜2019年10月15日 11:30｜ソフト・アプリ等｜PC｜Editタグ ：ショートカットキーEXCEL これ、Excelの操作イメージなんですが、これを見ると99%の人が「ショートカット覚えると速いんだな?」って印象持つ。 でも注意して見て。 ショートカットだけじゃなくて、「セルの選択」が速いから、このスピードが出るのです。 半分以上「セルの選択」なんです。 これを、僕は本でお伝えします！ pic.twitter.com/leL3pcLKYQ— 中田元樹_Excel本もうすぐ出版 (@HealthyNakata) 2019年5月27日 ショートカットキーをたくさん駆使しているように見えて、メインの動作は「セルの移動」
『できる逆引き Googleアナリティクス Web解析の現場で使える実践ワザ』全文公開の記事一覧（目次）- あの定番書がすべて読める！
Googleアナリティクスを使うすべての人へ。株式会社プリンシプル・木田和廣氏による最強の定番書『できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ 260』の記事一覧（目次）と「まえがき」を掲載しています。 インプレスの書籍『できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ 260』の全文Web公開について、書籍・著者の紹介と「まえがき」、記事一覧（目次）をまとめました。 企業のWeb担当者やデジタルマーケターのみなさんに向け、Googleアナリティクスの正しいノウハウと、本書の魅力を幅広く知っていただけるよう、著者の許諾のもとに無料で公開しています。以下のリンクから各項目にジャンプできます。 書籍について ※書影をクリックするとAmazonにジャンプします 1万人以上のWeb担当者に支持された定番書が大幅改訂
超便利な「Windowsキーのショートカット」ランキング！ 作業が数倍速くなる技TOP10！（1/6） | IT・科学 ねとらぼ調査隊
パソコンでの作業効率を上げるために欠かせないテクニックといえば「キーボードショートカット」です。［Ctrl］＋［C］でのコピーと［Ctrl］＋［V］でのペースト、いわゆる“コピペ”は、最も基本的なショートカットキーと言えるでしょう。 ショートカットキーには［Ctrl］（コントロール）キーや［Alt］（オルト）キーがよく使われますが、実は非常に便利なのが［Windows］キーを使ったショートカット。 今回は、筆者が考える「本当に実用的な［Windows］キーのショートカット」だけを集めて、おすすめの順番にランキングにしてみました。ひとつ覚えて帰るだけでも、作業効率がぐんと上がること間違いなしですよ。 ※基本的には、最新の「Windows 10」で使えるショートカットを挙げていますが、一部を除けばそれ以前のバージョンでも使用できます。 第3位：［Windows］+［Shift］+［S］ まずは
Google Lensでテキストをスキャン いきなりですが、グーグルクローム関連の小ネタを３つ紹介。 Google Lensでテキストをスキャン 二窓検索機能 タブ検索 まず一つ目は、 現実世界にある文字・テキストを スマホのGoogle Lensのアプリで読み取り文字起こしして、 PCのGoogle Chromeに飛ばすというライフハック。 パソコンで作業してるときけっこう使えます。 まずはグーグルレンズで文字を読み込み、 場所・範囲を選択。 そして 上記画像の下部に「パソコンにコピー」ってあるのわかりますかね？？ これをタップすれば、Google Chromeにコピーされ、 あとは PC上でCtrl+V コピペできるようになります。 例として上記画像の、サンタナのアルバム『キャラバンサライ』ライナーノーツから。 肉体は溶けて宇宙に変わる 宇宙は溶けて静寂の音に変わる 音は溶けてまばゆい
はじめに この記事では、IT エンジニアである/ないに関係なく、Visual Studio Code (以下、VS Code) をこれから初めて使い始める人が、最初に入れておくと後々便利になるだろうと思われる拡張機能を紹介しています。 拡張機能 (Extension) とは、サードパーティー製の追加機能のようなものであり、誰でも自由に開発・公開することができるようになっているものです。VS Code は無償で提供されているテキストエディタですが、それだけでは不便というユーザーの悩みを解消してくれるものです。 (という立ち位置で存在していた当初でしたが、最近は標準機能のみでも最早テキストエディタという範疇を超えている気がしなくもないです) まだ拡張機能を使い始められていない/使いこなせていないという方は、是非この記事を参考に、VS Code の拡張機能を使い始めるきっかけにしてもらえれば幸い
Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG
JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。 勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。 勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット 基本知識と基本操作 実装するために使う デザインシステムについて そのほか便利な機能 さいごに エンジニアがFigmaを触れ
「マインスイーパ」がアメリカを滅ぼしそうになった30年前から，Windowsゲームの歴史は始まっている ライター：游研社 下記の記事は，游研社（→リンク）に掲載された記事を，許可を得て翻訳したものです。可能な限りオリジナルのまま翻訳することに注力していますが，一部，画面写真などを変更したり，文化的な背景などで理解されづらいものについては日本向けに表現を変えたりしている箇所があります。→元記事 ビル・ゲイツとマイクロソフトの社員によるマインスイーパへの熱狂は，その後アメリカが直面する「マインスイーパ中毒」の縮図だった 今でも多くのプレイヤーが競っている「マインスイーパ」（Minesweeper Online） 2012年にWindows 8がリリースされるまで，マイクロソフトは歴代のWindowsにミニゲームをプレインストールしていたが，その中には「ソリティア」と「マインスイーパ」という，根
VSCodeのマルチカーソル練習帳 - Qiita
VSCodeを使いこなしている人がカーソルを複数置いて手早く作業してて、カッコいいなと思ったことありませんか？こんな感じで。 私はマルチカーソル使います(キャー素敵！)。冗談はさておき、VSCode使ってる人全員がマルチカーソル使ってるわけではなさそうだと最近知ったので、基本をまとめてみました。 なお記事では、以下のテキストをサンプルとして使用しています。お手元にVSCodeを用意できる方は、サンプルを使って同じ操作を試しながら覚えてみてください！ { "id" : "12345678-1234-1234-1234-123456789012", "title" : "myTitle", "content" : "myContent", "createdAt" : "2019-09-01 00:00:00", "createdUser" : "12345678-1234-1234-1234-
【図解付き】エクセルのオートフィルとは？もっと便利なフラッシュフィルも解説 - まいにちdoda - はたらくヒントをお届け
オートフィルとは？使い方や設定方法を解説！ オートフィルの使い方は簡単！ オートフィルで自動入力できるデータの種類 オートフィルができないときの対処法 オートフィルの自動入力データをカスタマイズする方法 オートフィルよりもさらに賢い「フラッシュフィル」とは？オートフィルと何が違うの？ フラッシュフィルの使い方 方法1：「データ」タブ→データツール内にある「フラッシュフィル」を選択 方法2：オートフィル実行後、「オートフィルオプション」を右クリックし「フラッシュフィル」を選択 方法3：フラッシュフィルのショートカットキー「Ctrl＋E」を使う フラッシュフィル活用術！ほかにもこんな使い方ができる 漢字だけじゃなく、ローマ字でもフラッシュフィルが使える フラッシュフィルで電話番号の一部だけを抜き出す フラッシュフィルでメールアドレスの一部を抜き出す フラッシュフィルで都道府県と市区町村を結合さ
従業員向けセキュリティ教育のネタ
情報セキュリティマネージメントというと、必ずやらないといけないのが従業員教育。 しかし、古めかしいe-learningツールで、nextボタンをポチポチしつつ、つまらない動画を見る教育コンテンツは、はっきり言って意味ないと思うし、苦痛でしかない。とはいえ、カスタマイズして数百人の従業員にデリバリーするほど工数も割けない。 自分の会社の場合、KnowBe4というプラットフォームを契約して、オンボードや年次の必須教育をデリバリーしているが、これらは、なるべく苦痛にならない程度のボリュームのものを選んで、宿題でやってもらう感じにしています。事前に読んでチェックしなければいけない利用規程(Acceptable Use Policy)を読ませて、読みましたチェックを押してもらう、などもKnowBe4でやっています。しかし、さすがに全部のエッセンスが入ったコンテンツを割り当ててしまうと、普通に1hとか
はじめに @neet_seといいます。 普段はフリーランスエンジニアとして客先常駐の仕事をしています。 エンジニアとして働き始めて、現在5,6の客先を経験しました。 今回はその中でよく出てくるソフトウェアやツール類を紹介していきたいと思います。 1.Windows 10 説明不要、Windowsです。 Webの仕事ですとMacの比率が上がると思いますが、業務用システムの開発では殆どWindowsです。 Windowsのよく使うショートカットキーや機能は覚えておくのはマストでしょう。 ファンクションキーまで使いこなすと定型作業が楽になります。 1-1.ショートカットキー 1-1-1.必修 Ctrl+C:コピー Ctrl+V:ペースト Ctrl+X:切り取り Ctrl+Z:元に戻す Ctrl+Y:操作を戻す Ctrl+S:上書き保存 F5:ページの再度読み込み 1-1-2.最初から覚えてると一
無料でEPUBやPDFのほか7万以上の書籍を自由に読めてWindows・Linux・macOSなどで同期できる電子書籍リーダー「Librum」レビュー
オープンソースの電子書籍リーダーソフト「Librum」は、PDFや電子書籍ファイルであるEPUB・MOBIのデータを読み込んで本棚として共有できるほか、7万冊以上の無料書籍を自由にダウンロードして複数端末で読書進度も合わせて共有できます。 librumreader.com/ https://librumreader.com/ Librumの公式ページにアクセスし、「Download」をクリック。今回はWindowsからダウンロードしていますが、Windows、GNU/Linux、macOSに対応しており、iOSとAndroidは後日対応予定とのこと。 ダウンロードした「librum-windows-0.11.0-installer.exe」をダブルクリックして開きます。 インストーラーが開いてライセンスが表示されるので、「I accept the agreement」にチェックを入れて「N
DeepL翻訳
世界最高レベルの精度を誇るDeepL翻訳で、テキストを読みながら、または書きながら訳せます。 DeepLのChrome拡張機能を使えば、ブラウザを開いたまま高精度のDeepL翻訳にアクセスできます。 Chromeで読みながらまたは書きながら、簡単に訳せます。DeepL Proではページ全体も翻訳できます。 無料版でもこの機能をご利用いただけるように準備中です。準備が整うまでは、テキストを選択後、DeepLのアイコンをクリックして翻訳してください。設定画面でオリジナルのショートカットキーを指定すると、Chromeで読みながら書きながら、さらにスピーディに翻訳できます。 もう言葉の壁のせいでウェブ上の情報を見逃す心配はありません。 DeepLのChrome拡張機能を無料でインストールして、早速翻訳をお試しください。 読みながら翻訳 もうメールや記事、ウェブサイトを読み飛ばさなくても大丈夫です。
Warpとは Warpとは、多くの便利な機能と最新のコードエディタのような操作感が実現されている非常に高速なRustベースのターミナルで、モダンなUIで利用体験も良く、生産性を上げられそうなアプリケーションです。 以下公式サイトもしくは、Homebrew経由でインストールできます。個人であれば、無料で利用することができます✨（2023年8月現在、Mac OSのみ対応しており、Windows版は開発中） 初回起動時はGithubのサインインが求められたり、簡単な質問に答える必要があります。ただ、導入自体はサクッと進めることができたり、Zshがデフォルトのシェルとして設定されているので、手間がかからないのも有り難いですね。 ■ 公式 ■ Homebrew iTermからの卒業 わたしは今まで、主にiTermを使ってターミナル操作を行ってきました。 ただ、iTermのデフォルト設定では、Mac内
徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは
普段使用しているエディタはPhpStormですが、PHP以外を書くときはVSCodeはとても便利なので重宝しています。 私が個人的におすすめする拡張機能を紹介します。 他にも良い拡張機能があればコメントにて教えてもらいたいです。 この記事があなたのお役に立てれば幸いです。 VSCode 関連記事 VSCode の初期設定 拡張機能の探し方 マーケットプレイスが用意されているので、ここからお好みの拡張機能を探すと良いでしょう。 Featured: おすすめ、注目されている拡張機能 Trending: 急上昇の拡張機能 Most Popular: 最も人気のある拡張機能 Recently Added: 最近追加された拡張機能 まだ評価されてない追加されたばかりのものが多いので追加する場合はご注意ください 基本 Material Theme VSCodeの数あるテーマの中の一つです。 歯車のアイ
サーバ作業を安全に行うための工夫
こんにちは。 2021年7月にハートビーツに入社後、エンジニアリンググループに所属している北岡です。 以前は同じMSP企業で10年以上勤務しておりましたが、自身のスキル向上などを目的としてハートビーツへ入社しました。 私の転職の経緯やハートビーツへ入社して感じたことなどは今後お話するとして、今回はお客様のLinuxサーバ上で作業する際、私がオペレーション中に意識していることやミスを防ぐために行っていることについて紹介します。 コピー、ペーストのショートカットキーを変更する コピー「Ctrl + c」とペースト「Ctrl + v」はキーが隣り合っており、タイピングミスによってコピーしようとしたつもりがペーストしてしまったということが起こりえます。 メモ帳などで起きた場合は特に問題にはなりませんが、サーバ上で起きると不要なコマンド実行に繋がります。小さなことではありますが防止策をとるべきです。
この記事は CAMPHOR- Advent Calendar 2020 の23日目の記事です。22日目は れおまる さんの「ニキシー管の魅力 」でした。ニッチ！！！！(賞賛) CAMPHOR- Advent Calendar には初回の2014年から参加していて7度目の参加になります。 今回は普段の開発で便利に使っている周辺ツールを紹介します。他人の開発風景を見ていると色んな発見があって面白いので、自分の環境もコンテンツになるかもと思って書きました。他の人の記事も見てみたいのでよかったらみんな書いて。 ※macOS を普段使いしているので macOS 用のアプリケーションも多く含みます。 Alfred ウィンドウのサイズと位置をコントロールするやつ アクティブなアプリケーションを切り替えるやつ 絵文字を入力するやつ スニペットを素早く入力するやつ Slack のステータスに今やってることを
これまでに作ったAlfred Workflow poyo.hatenablog.jp poyo.hatenablog.jp これまでに作ったAlfred Workflow これは何？ 論文PDFの問題 環境 Google Translate Formatter 準備 使い方 注意点 一文ごとに分解する機能は単なる正規表現マッチとIFの羅列 ピリオドが無い場合は文字列分解できない． 意図的に混入されているハイフンを消してしまう たまにうまく動かない まとめ これは何？ 一文ごとに分解して翻訳にかけることで見通しが良くなり，論文を読む速度が上がるWorkflow． サンプルとして使用したのは，機械翻訳ネットワークTransformerを提案した論文*1 論文PDFの問題 全てがそうではありませんが，論文PDFはたまにそのままコピーすると「見かけ上の改行位置がそのまま反映された文章」としてコピー
去年8年ぶりに vimrc を書き直した時はLSPの体験があんまりよくなくてLSPなしでNeovimを使い続けていたのだが、様々な言語のOSSをメンテする都合で用途に応じてIntelliJとVSCodeとNeovimの三刀流で暮らしていた結果、可能ならNeovimに寄せたいけどそれならLSPを使いたいなということになり、今回LSPの所を真面目に設定し直して、かなり良い体験になっている。 正直Neovimの設定はVSCodeのそれに比べたら面倒なんじゃないかという印象がありサボっていた節があるが、実際にやってみるとVSCodeと同程度に簡単に済む方法もあったので紹介したい。 何故Neovimなのか LSPの話の前に、タイトルだけ見た人がそもそも単にVSCode使えばいいじゃんと言いそうなので、どうしてIntelliJやVSCodeではなくNeovimに揃えようと思ったのかについて書いておく。
【速報＆朗報】GPT Storeが遂に公開 待ちに待ったGPT Storeが遂に公開されました！🔥 公式発表によると、GPT公開からのたった2ヶ月で300万以上のGPTsが作成されているとのこと。 注目ポイント👀 ・毎週Open AIからの注目GPTsが特集される… pic.twitter.com/94WCTnwDiJ — 木内翔大＠SHIFT AI代表「日本をAI先進国に」𝕏 (@shota7180) January 10, 2024 ChatGPTには「GPTs」という機能があり、ユーザーがChatGPTを自由にカスタムできます。さらにGPT StoreではGPTsが公開され、将来的には収益化も可能になる予定です。 AIを使って稼げる時代が、目の前まで来ていますね。今回は、そんなGPT Storeの中で最も人気のあるGPTsトップ10をご紹介します。 ビジネスや情報整理など、様々
Markdownをはやく効率よく書くために 前提として、マークダウンを編集するエディタはVSCodeを使います。 Markdownファイルを使って記事を管理している場合、マークダウンを効率良く書けるかどうかは生産性に直結します。 VSCodeの拡張機能と基本設定（スニペット）を使ってマークダウンを速やかに編集する方法について書いていきます。 よく使う機能にフォーカスしてその操作をイメージできる一般的なショートカットキーを使う（覚える）のがポイントです。 拡張機能があるならそれを使う Markdown All in One ショートカットや便利なコマンドが有効になる拡張機能です。たくさんの機能がありますが、利用頻度が高いものだけ使います。 太字にするショートカット テキストを選択した状態で、Macなら ⌘ + B 、Windowsなら Ctrl + B で太字になります。多くのエディタで採用
Intel MacからM1 Macの移行を想定。実際にはIntel MacからM1 Pro Macへ移行をしたのでその忘備録です。出来る限りというのは手動作業が存在するため。移行セットアップを利用せずにクリーンインストールを行う。 なぜクリーンインストールなのか CPUアーキテクチャがarm64に変わるからです。TimeMachineやThunderboltケーブル経由での移行を行ったとしてもM1に最適化されたアプリケーションやミドルウェアではなく、Intel環境下のファイルとarmアプリケーションが入り混じってグチャグチャになった環境を直すよりもクリーンインストールで綺麗な状態でセットアップをしたほうが利点が大きいと考えている。 逆に言えばアーキテクチャが同じであれば良いので、見ている方がいるかわからないがM1 MacからM1 Pro・Maxへの移行はThunderboltケーブル経由で
新社会人の君に捧ぐ、Microsoftが勧める「時短できるExcelショートカットキー」50選：明日から使えるITトリビア 4月を迎え、たくさんの新社会人が新たな一歩を踏み出した。いまやIT企業でなくともPCを使った業務は当たり前のようにあり、中でもMicrosoftの表計算ソフト「Excel」は、売上などの管理によく使われるため、多くの人が業務で利用することになる。 そんなExcelユーザーのために、Microsoftは「時間を節約できる50個のExcelのショートカットキー」を公開している。この記事では、そこで紹介されているショートカットを紹介する。なおこれらのショートカットは、US配列のキーボードをベースにしている。JIS配列で異なるものや、被りがあるものには注釈を付けた。 よく使うショートカット （1）Ctrl+W→「ブックを閉じる」 （2）Ctrl+O→「ブックを開く」 （3）C
JavaScriptだけでExcel風のスプレッドシートを開発できる「jExcel」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、JavaScriptで簡単にExcelのようなスプレッドシートを作成できるライブラリをご紹介します！ 基本的な操作はすべてJavaScriptから制御可能であり、自分の好きなようにカスタマイズできる強力な機能が多数提供されています。また、簡単なプログラムだけでファイルの書き出し機能が利用できるなど便利なメソッドも多く含まれています。 自作のWebアプリなどにも手軽に組み込めるので、ご興味ある方はぜひ参考にしてみてください。 なお、JavaScriptの基本はpaizaラーニングの「JavaScript入門編」で学ぶことができますので合わせてチェックしてみてください。 【 jExcel 】 ■「jExcel」の使い方 それでは、まず最初に「jExcel」の導入方法から見ていきましょう！ 全部で3通りの方法が以下のように提供されています。
こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリアルはこちら↓ Dev Mode とは？Dev Mode はデザインデータを実装担当者が見るときのモードです。 エンジニアが Figma にあるデザインを実装する時に、デザインに関する情報をすぐに参照したり、UIに関連するコードを確認したりすることができます。 具体的なメリットは以下の通りです。 開発に必要なデザイン・画面だけを素早く参照できる デザインに関連するリンク(GitHub や Storybook, Notion など)を
デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 そこで、今回は便利なプラグインが数多く公開されている中でも個人的に特におすすめなプラグインを紹介します。 エントリー内では基本的にMacで使用した場合の見栄え・メニュー・ショートカットで紹介していますが、Winでもそこまで大きな違いはないので適宜置き換えてください。 プラグイン紹介時のキャプチャや挙動については、このエントリー公開時点のものになります。 プラグインのインストール・アンインストール・実行について インストール プラグインのインストールは、公式のものであればアプリから簡単にインストールができます。 イメージ内①のようにサイドにあるプラグインアイコンをクリック後に表示されるメニューの右上にあるプラスア
offsetプロパティは、パス上に要素を配置・移動させるCSSのプロパティです。animationプロパティやtransitionプロパティと組み合わせることで、手軽に一見複雑そうなアニメーションが作れます。 SVGやJavaScriptは詳しくないけど、複雑そうな動きのアニメーションを作ってみたい方、animationプロパティなどのおさらいをしておきたい方にオススメの記事です。 サンプルを別ウインドウで開く ソースコードを確認する offsetプロパティと対応ブラウザについて offsetプロパティは、任意のパス上に要素を配置・移動させる一括指定プロパティです。以下の5つのプロパティが指定可能です。プロパティの詳細については、MDNのドキュメントをご参照ください。 offset-path：要素を配置・移動させるためのパス。（MDN） offset-distance：offset-pat
はじめに こんにちは、今年の6月にエニグモに入社したサーバーサイドエンジニアの橋本です。 この記事は Enigmo Advent Calendar 2020 の6日目の記事です。 みなさんはテキストエディタは何を使っていますか？ 会社を見渡すとVimが一番多いような気がしますが、私はVSCodeを使ってます。 正直、エニグモ に入社するまではツールを入れる程度でそこまでカスタマイズしていなかったのですが、入社してからは諸先輩方の開発スピードに圧倒され、これはツールやショートカットキーを駆使して速く開発できるようにならなければ、、、という必要性に駆られ、少しずつカスタマイズを加えてきました。 この記事では初期設定でも使える便利機能やカスタマイズを加えてよかったショートカットキーやツールをピックアップして紹介していきたいと思います。 ショートカットキー まずは使ってよかったショートカットキーに
絶対ミスしない人になるための「ヒヤリ・ハット」習慣。“ミス記録” 継続のコツはこの4つ - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
「うわ、危なかったー」「焦った！ もう少しで〇〇だった！」という体験を集めて、ミス防止につなげることを「ヒヤリ・ハット活動」といいます。主に製造や医療、交通機関などが取り組んでいる活動ですが、一般的なビジネスシーンや日常生活にも役立てることができるもの。 しかし、個人の習慣として定着させるのはなかなか難しいかもしれません。そこで今回は、一般的なビジネスパーソンが「ヒヤリ・ハット」を習慣化するコツを4つ紹介します。 「ヒヤリ・ハット」の概要と活動 「ヒヤリ・ハット」とは、一歩間違えば重大な事故につながったかもしれないヒヤリとした体験、ハッとした体験のことです。その体験記録を「ヒヤリ・ハット事例」といい、事例を集めて分析し、原因を突き止め対策を講じることを「ヒヤリ・ハット活動」といいます。安全管理、リスクマネジメントにおいて重要なのだそうです。 「ヒヤリ・ハット」の背景 「ヒヤリ・ハット活動」
ここのことです*1。 真ん中のカラムがコードの表示 (開発者ツールで見ると textarea にコードが入っている 目次 目次 シンタックスハイライトはどうしているのか？ 上に表示されている div ならその文字もマウスカーソルで選択できるはずでは？ なぜこうしたのか？ 困ることはないのか？ たしかこないだまでは普通に div ？ で、テキストをマウスカーソルでドラッグアンドドロップで選択したりするような感じだったはずだけど、最近？になって、選択できる部分は textarea になっていて、点滅するカーソルが出るので、キーボードでエディタのように移動・選択することができる (もちろん編集はできない *2 )。 選択範囲の一番右に白く点滅するカーソルが登場している シンタックスハイライトはどうしているのか？ textarea は部分的に色を変えるとかはできないはずだし、スタイルの様子を見ると
はじめに 普段自分がよく使用しているMacのツールをまとめました。 今回はあくまでも「デスクトップアプリ」が用意されているものに対してのまとめになるため、Webサービスだけのものは含めていません。 また、特定の開発領域に必要になるツール類もここでは紹介していません。あくまで汎用的なものに限定しています。 注目！Mustで入れておきたい Raycast ざっくり ランチャーアプリ。 Alfredなどが対抗としてありますが、Raycastは無料です。 クリップボード履歴・アプリ起動・クイックリンク・簡単な計算・簡易的なスニペット・画面分割などなどがすぐに操作できる。キーボードでMacを操作する範囲を広げるためにはマストでほしいです。 後述で書くKarabinerのHyper Keyという概念と組み合わせることによってショートカットキーが衝突問題から解放されます。 こんな悩みが解決します アプリ
2023/07/03 要約ツールに｢ChatGPTを利用する場合｣を追加し、サンプルの生成結果を記載しました。 以前は英語の記事の読み書きが苦手だったのを、このようにして克服した、という話を書きます。 成果を数値で測ってないですが、RSSフィードに登録している英語メディアの数が大幅に増えました。以前は全体の5%程度に対し、今は50%以上が英語メディアになっています。英語に対する心理的ハードルは大きく下がりました。 また、読む力を付けたことで自作のOSSのREADMEもほぼ自力で書けるようになりました。 https://github.com/goodwithtech/dockle/blob/master/README.md では始めます。 全体像 僕の場合、1000文字以上の英文記事を読む場合、STEP1に含まれる内容は必ず行います。 STEP2に含まれるものは、辞書なしで読めないときだけ行
アジャイルを推進するチームの基本とは？ カイゼンアドバイザー・新井剛さんが教える始め方と続け方 - Agile Journey
現在ではさまざまな企業が変革に取り組むため「アジャイル」な手法に注目しています。しかし具体的に推進していくとなると、どこから手をつければよいか、またどう広げていけばよいか、導入して実践するだけでもハタと悩む場面が多いようです。 アジャイルコーチ、カイゼンファシリテーターとしてさまざまな企業のカイゼン・変革を支援してきた『カイゼン・ジャーニー』著者の新井剛さんに、そもそもアジャイルな手法がなぜ注目されていて、何に対して取り組んでいくのか、どのようにチームに取り入れ、組織全体に浸透させていくことができるのかを聞きました。 プロダクト・チーム・プロセスそれぞれをカイゼンする チームで「もやもや」を整理することより始めよ ノウハウや情報を横展開しやすくする取り組みを進める アジャイル実践時に陥りがちな3つの課題 受託・ウォーターフォール・日本的な計画への対応 まとめ：アジャイルを継続していくために
この記事では、覚えておくとフォトショップでの作業効率がアップする便利な時短テクニック25個をまとめて紹介しています。 新しくPhotoshop CCに追加された便利なテクニックから、「あったら便利。」を実現できるショートカット、そしてバナナ隠しコマンドまで、時間短縮につながるものが揃っています。繰り返し作業がラクになるのはもちろん、何度もクリックして表現する面倒な作業にも効果的です。 これらのテクニックを活用して、快適なフォトショップライフを過ごしましょう。 小技テクニックの目次 1. バードアイビュー 2. 選択範囲をペイントできる「クイック選択モード」 3. ツールを一時的に切り替える 4. オーバースクロール機能 5. 調整レイヤー＋描画モードの合わせ技 6. レイヤーやブラシの不透明度をホットキーで変更 7. 選択範囲の移動 8. ラバーバンド・ペンツール 9. ブラシツールの「滑
github.devでできるスゴイこと10選
8月29日、dev.toに「GitHub.devでできる10のクールなこと😎」が公開された。 この記事は、最近リリースされたgithub.devで、VSCodeのエコシステムを活用して、より便利にできる例を10個紹介している。 github.dev github.devとは、ブラウザで起動するVSCodeである。 リポジトリやプルリクエストで . のショートカットキーを押すか、ドメインを"github.com"から "github.dev"に変えることでアクセスできる。 クレジット: github 詳細はドキュメントを参照。 1. エディタのカスタマイズ github.devはVSCodeベースなので、キーバインド、カラーテーマ、ファイルアイコン、スニペットなどをカスタマイズできる。 さらに、設定の同期をオンにすれば、VSCode、github.dev、Codespacesで自分のカスタ
前回のObsidianの紹介を見て、「Obsidianを使ってみたい」と感じた方はダウンロードしてインストールしてみましょう。今回は、Obsidianの初期設定に加え、プラグインの導入について紹介します。 Obsidianを使ってみる インストールするには Obsidianはローカルで動くアプリなので、インストールが必要です。Windowsの場合は、通常のアプリと同じように公式サイトからダウンロードしてインストールします。以下のサイトにアクセスして、「Get Obsidian for Windows」を押すとダウンロードできます。 Obsidian公式サイト ダウンロードした実行ファイルを開くと、次のような画面が表示されます。英語で表示されていますが、画面下にある言語を選択する部分で「日本語」を選択すると、表示が日本語に変わります。文字が中国語のフォントで表示されますが、設定画面にてフ
こんにちは！ エージェンシー事業部でアプリケーションエンジニアをしている23新卒の森田です！ 4,5年前に Atom から VSCode に乗り換えてすっかり VSCode のことを相棒だと信じ、もう知らぬことはないとそう思っていました。 しかし、今年エンジニアとして業務で VSCode を使用していると、「あれっ、そんなこともできるの？」と日々相棒の新しい機能を発見しています。 完全に理解したと思ったところからさらに新しい面に気づかせてくれる VSCode は最高の相棒ですね！！ そんなところでこのブログでは、VSCode を完全に理解した VSCode 初心者の僕が、VSCode やっぱわからん VSCode 中級者になるために使いこなす必要がありそうだなと思った機能の Tips 集をご紹介します。 筆者の環境は以下のとおりです。 Mac Apple シリコン Ventura 13.3
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SUM関数一発入力、あらゆる繰り返し操作をF4キーひとつで済ます～Officeの技・実用編
3年かけてたどり着いた英語記事を読むための方法 - Qiita
グーグルレンズの「パソコンにコピー」が地味に便利だという話 - 世界のねじを巻くブログ
VS Code の使い始めに入れておくと便利な拡張機能 10 選
「マインスイーパ」がアメリカを滅ぼしそうになった30年前から，Windowsゲームの歴史は始まっている
客先常駐の仕事で99%出てくる頻出ソフトウェア・ツール三種の神器 - Qiita
iTermをやめてWarpというモダンターミナルアプリを導入したら、生産性がやはり爆上がりした件
FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA
VSCode に必ず入れておきたい拡張機能 - Qiita
開発で使ってる便利ツール - 書いたもの
英文を一文ずつに分割してGoogle翻訳へ投げるAlfred Workflowを作った - ぽよメモ
Neovimを一瞬でVSCode並みに便利にする - k0kubun's blog
【GPT Store神ランキングトップ10】世界で一番使われている最強GPTs10選 | WEEL
Markdown（マークダウン）をVSCodeの拡張機能とスニペットで効率良く書く - Qiita
Intel MacからM1 (Pro・Max) Macへ(出来る限り)滑らかに開発環境を移行する
新社会人の君に捧ぐ、Microsoftが勧める「時短できるExcelショートカットキー」50選
Figma の Dev Mode で UI の確認を楽にする｜ふじけん / kenshir0f
デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 - NxWorld
CSSのoffsetプロパティで、楽しいパスアニメーションを作ろう - ICS MEDIA
半年間使って便利だったVSCodeの機能紹介 - エニグモ開発者ブログ
GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*
知らないともったいない！Macの汎用ツールアプリまとめ＋α - Qiita
3年かけてたどり着いた英語記事を読むための方法 - Qiita
フォトショップ作業が爆速に！覚えておきたい時短テクニック25個まとめ【2020年版】
標準機能でも便利な「Obsidian」をプラグインで使いやすくする | gihyo.jp
VSCode 中級者になるための Tips 集 - Adwaysエンジニアブログ