Beautiful Screen Recordings in MinutesCreating high quality videos as easy as taking a screenshot. Designed for macOS.
概要 ZennとQiitaに同じ記事を投稿する際には、同じ内容を2つのファイルで管理する必要があります。変更があるたび、忘れずにコピー&ペーストをして、プラットフォーム独自の記法[1]を書き換えなくてはなりません。手間がかかる上に、手作業なのでミスが起こるかもしれません。 複数の場所で同じ記事を管理するのが面倒 プラットフォーム独自の記法を手作業で書き換えるのが面倒 これらの問題を解決するために、Rust言語で簡単なツールを作ってみたのでご紹介します。「Zeta」と呼ぶことにします。 動作確認環境 $ node --version v21.7.1 $ npm --version 10.5.0 $ npx zenn --version (node:11561) [DEP0040] DeprecationWarning: The `punycode` module is deprecated
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させ、利用の領域を拡げられることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確認していま
はじめに こんにちは、kenです。 GWに「暇だな~~、こんな日はVS Codeの公式ドキュメントを読むか!w」と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。 おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全理解者なので誇ってください。(!?) 以下に記載する内容はVS Codeの公式ドキュメントのDebuggingという章を参考にしています。 注意 これから紹介する機能は言語によって使えたり、使えなかったりします。 今から紹介する機能のデモはすべてPythonで行おうかと思ったのですが、上記の理由からPythonではサポートされていない機能についてはJavaScriptやC++で代用しました。 デバッグで使える便利な機能 ログポイント機能 行を指定しログポイントを追加すると、そ
何のプラグインを使うか聞かれるので、スペースで選択します。 対応する設定が書かれた dprint.json が作成されます。 TypeScriptの例 下記プレイグラウンドから設定をコピーして、dprint.json に貼り付けます。 { "typescript": { "lineWidth": 80, "indentWidth": 4, "useTabs": true, "semiColons": "prefer", "quoteStyle": "alwaysDouble", "quoteProps": "preserve", "newLineKind": "lf", "useBraces": "whenNotSingleLine", "bracePosition": "sameLineUnlessHanging", "singleBodyPosition": "maintain", "
はじめに 2023年2月3日、Apple が新型の MacBook Pro / Mac mini を発売しました。 おもわず財布の紐が緩んでポチってしまった方も多いと思います。 そこで、Mac を買ったらやっておきたい初期設定を記事にまとめました😀 参考:おれのおれによるおれのためのMacおすすめ設定 Chrome のインストール まず最初に Chrome をインストールし、アカウントにログインします。 初期設定の過程でいろいろと調べものをしたり、Google ドライブに保存しておいた設定ファイルなどを取り出したりしたいからです。 システム設定関連 1. 入力周りをカスタマイズする これから設定を進める上で、入力でモタつくとイライラするので、まずは入力周りをカスタマイズします。 トラックパッドを最適化 システム設定 > トラックパッド > 軌跡の速さを最速にします。 同時にタップでクリッ
開発にVS Codeとターミナルを使っています。 以前は、VS Code内蔵のターミナルとは別にWindows Terminalなどを立ち上げて、ターミナルでの作業はVS Codeの外でやっていました。 しかし、最近Windows Terminalを立ち上げる機会が減ってきたので、そのための設定やコマンドについて書きます。 ざっくり以下のような設定をしています。 { { // ターミナルパネルをトグル(oem_3は@を意味する) "key": "ctrl+oem_3", "command": "workbench.action.terminal.toggleTerminal" }, { // 新しいターミナルを作成する "key": "ctrl+shift+oem_3", "command": "workbench.action.terminal.new" }, { // ターミナルパネル
[速報]GitHub Codespacesが全ユーザーに無料提供へ、毎月60時間分。JetBrainsとJupyterLabもIDEとして選択可能に GitHubは年次イベント「GitHub Universe 2022」の基調講演で、これまで有料プランのGitHub TeamとGitHub Enterpriseのユーザーに対して提供していた「GitHub Codespaces」を、無料プランの個人ユーザーにも毎月60時間まで無料で提供することを発表しました。 We’re here to help you push what’s possible: Starting today, we’re rolling out GitHub Codespaces for all, with access to 60 hours of GitHub Codespaces free(!) every mon
Godot Community Poll 2024We want to learn more about the Godot community, understand who the users of the engine are, and find out how we can better support you. 28 June 2024 Godot returns: gamescom latamGodot will be present at gamescom latam once again: meet contributors and fellow gamedevs at the boo... 21 June 2024 Dev snapshot: Godot 4.3 beta 2Godot 4.3 is in beta, and progressing well toward
使い道 この記事は順番に実行したいタスクがあるときに役立ちます。 例えば、以下のような場面です。 開発環境にSFTPで接続してWordpressの子テーマを開発 区切りがいいところでZip化して「Zip削除→Zip圧縮→本番Wordpressにアップロード」のループが面倒 npm run build して、firebase deployする2段コマンドが面倒 AWS Lambda function にソースをアップロードしたい serverless frameworkを使えばserverless deployで終わりだが、使うほどのコード量でもない zip圧縮が面倒だが、連番圧縮しても容量の無駄なので、過去バージョンは自動で消したい やること tasks.jsonの基本 tasks.jsonで順次実行 7zと連携してみる npmとか連携してみる tasks.jsonの基本 初めての人はメニ
React Inspector というChrome拡張機能を作りました。 Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。(現在はVSCodeのみ対応) 追記: ↑2022/09/12 オプションページから "Open in Editor URL" を設定できるようにし任意のエディターのURLスキーマで開くことができるようになりました...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactのソースコードに直接ジャンプできるのでUIか
(今のところ前後編に分ける予定ですが、追記したり構成が変更になったりするかもしれません。予定は未定。) 2016年6月に、Microsoftがlanguage server protocolという仕様を公開しました。 本稿では、このlanguage server protocolの存在意義や具体的な実現方法について解説します。 language server protocolの存在意義 language serverとは、IDEが必要とするプログラムのプロジェクト ソースを解析して情報を提供する機能を、サービスとして実現するものです。language serverがサポートされたIDEでは、型やメンバーの自動補完、変数やメンバーの定義参照、変数やメンバーの利用箇所の検索、コードの自動フォーマット、コードのエラー分析や修正案の提示といった、さまざまな機能を実現できます。 Microsoftの
voicodという音声入力でメモを書けるシンプルなウェブアプリケーションを書きました。 音声入力でメモができるシンプルなアプリケーションを書きました。https://t.co/EHSKnNKNaL x-callbackを使ってショートカット.app 等と連携すれば、入力内容をNotionに保存したりできます。 Note: SpeechRecognitionに対応したブラウザ(ChromeやSafari)が必要 Source: https://t.co/NnzXVjlGnF pic.twitter.com/yzoA3VIzzl — azu (@azu_re) February 10, 2022 SpeechRecognitionというウェブブラウザで音声認識をするAPIを使っているので、このAPIに対応しているブラウザが必要になります。 具体的にはGoogle ChromeやSafariなど
モチベーション 新しいコンポーネントを作る時にいつも書くことを、スニペットにして楽をしたい。 VS Codeにはスニペットを登録できる えらべる設定方法 2種類ある。 コマンドパレットからVS Code全体に設定すること。(参考) .vscodeディレクトリに*.code-snippetsにマッチするファイル名をおくことで、プロジェクト単位で利用すること。(参考) プロジェクト単位で設定する場合はscopeプロパティを使って利用する言語を指定できる。 こちらの記事で詳しく解説されてる。 すごい多機能 いろいろできる。書くのがめんどくさい書ききれないので詳しくはドキュメントへ。 例として ファイル名・ディレクトリ名などを埋め込める(正規表現も使える) デフォルト値を選択などもできる スニペットを貼った後のカーソル位置を指定できる。 など。 自分の書いたスニペット ファイル名と同じ名前のFun
先日Twitterで「大学生がスマートフォンでレポートを書いている」というツイートが話題になっており、それに対して反応している方達もほぼ全員が「スマートフォンでレポートを書くのは効率が悪い」という前提で話をしていることに大変違和感を覚えました。 なぜなら私はこのブログはもちろん、技術書を執筆するときでさえ主にスマートフォンで下書きをしているからです。 PCを使うのは、ほぼスクリーンショットの撮影と最後の仕上げだけです。 その方が、最初からPCで文字入力するのに比べて圧倒的に効率が良いです。 この記事では、iPhoneとAndroidそれぞれで音声入力を効率よくおこなう方法について解説します。 iPhone・iPadの場合 先に結論から申し上げると、iPhone・iPad・Macの日本語音声入力は、AndroidのGoogle音声入力に比べて認識精度が低く、認識できる単語が少ないです。 仕事
modus-vivendi DAP Mode 今回は見た目、テーマについてです。 あくまでも私の印象ですが、Emacsには「これぞEmacs」というようなEmacsを代表するようなテーマがなかなか見当たらないように思います。VimにはSolarizedを初めとしてVimから始まったテーマがたくさんありますし、Electron系のエディタはオリジナルのデフォルトのテーマからしてとても見映えが良いです。一方Emacsはと言えば他のエディタのテーマの移植モノばかりで、Emacsから始まってチヤホヤされているテーマが見当たりません(私の調査力も当てにならないので何かありましたら教えてください)。 Doom系のテーマ群は見映えはするのですが、主に他のエディタで名を馳せたテーマの移植組で構成されていたので見送りました。Spacemacsのデフォルトテーマはアリかもと思いましたが、DoomもそうですがS
現在 M+ FONTS は Google の支援をいただき、Glyphs を使用してデザイン修正の作業をおこない、GitHub にてその成果物を公開しています。しかし自分がここまで M+ FONTS の制作を続けることができたのは、開発当初の、多くのプログラマーの方によるご協力があったからです。自分のデザインした文字がオリジナルのスクリプトによってフォントファイルにまとめられ、コンピューター画面に表示されるさまは、まるで魔法をみているかのような素晴らしい経験でした。 また 1988 年にはじめての Macintosh を購入してからフリーソフトウェアの文化に感動し、いわゆる Unix 系の OS を使い始めてからも、さらに多くのフリーソフトウェアの恩恵にあずかりました。M+ FONTS では当初から、少しでもプログラマーの方々のお役に立つことができればと固定幅フォントを用意していましたが、
私の愛しいアップルパイへ はじめてNotionを使い始めたときは「Evernoteよりもエディタがリッチ」くらいの感想しかなかったのですが、3ヵ月ほど前から改めて本格的に使い始めてようやくNotionのすごさが分かってきました。 身近のNotionを使い込んでいる方の話を聞いたり、メディアで活用事例を見ていくうちに、NotionはEvernoteとはまったく違う概念で情報を整理していけることに気がつきました。 それは、Evernoteよりもずっとパワフルな情報整理機能を備えていたのです。 プログラマーならきっと感動すら覚えるではないでしょうか。私自身、Notionのすごさがストンと腹落ちしたときには、ツツーと頬をつたう涙のような暖かさで体中が満たされました。 鍵は「データベース」です。Notionは単なるノートアプリケーションというより、直感的な操作に対応したデータベース管理システムなので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く