Content-Length: 441164 | pFad | http://b.hatena.ne.jp/slay-t/%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF/
VSCode に WakaTime を導入してコード編集時間を可視化する - Qiita
WakaTimeとは？ WakaTimeは、エディタと連動してコード編集の作業時間を可視化できるサービスです。 編集したコードのプロジェクト（リポジトリ）、言語、ブランチを自動的に検出してダッシュボード化してくれます。 エディタ操作が一定時間止まると自動的に計測停止してくれます。自分でタイマー開始・停止する必要はありません。 たいていのエディタは対応しています。 https://wakatime.com/plugins この記事では、VSCode に WakaTime を導入してダッシュボード確認するまでの手順を説明します。 WakaTimeアカウント登録 https://wakatime.com/signup からサインアップしてください。 APIキー発行 https://wakatime.com/settings/account からAPIキーを発行できます。 VSCode と Wak
テキストエディタで使われがちなデータ構造 Piece Table の概要と実装 - A Memorandum
テキストエディタのデータ構造 Gap method Piece Table method Piece Table の構造 Piece Table の実装 Piece Table のメソッド まとめ テキストエディタのデータ構造 テキストエディタで採用されているデータ構造にはいろいろあります。 こちらの論文 Data Structures for Text Sequences では各種データ構造について比較検討されています。 多くは、Gap method や Piece table method をベースにしたものが多いのではないでしょうか(図で言う最下部の中心の丸印に当たります)。最近では Rope なども有名ですね。 Gap method Gap method では、現在のカーソル位置で、テキストバッファを2つに分割し Gap を間に挟み、カーソル位置に対する編集(テキスト追加/削除)を
神アップデート！ Win, Mac, Linux対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode
HTML, CSS, JavaScriptをはじめとしたさまざまな言語に対応、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャー「massCode」がv3に神アップデートされたので、改めて紹介します。 macOS, Windows, Linux対応、日本語の入力など日本語環境も完全サポート。クラウドで同期できるので、すべての環境で同じコードスニペットを使用できます。 非常に快適で高速に動作し、VS Codeとの連携でさらに便利になっています！ massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 1
VS Codeの新機能がすごく便利！ JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」
8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 「スティッキー スクロール」はVS Code v1.70でプレビュー機能として実装された新機能で、スクロール中にどのスコープにいるのかが分かかります。 エディタの上部にクラス/インターフェイス/名前空間/関数/メソッド/コンストラクタがスティッキーされ、常にコード内の場所を把握することができます。 Visual Studio Code July 2022 (version 1.70) 「スティッキー スクロール」を使用するのは、簡単です。 VS Codeの設
ブラウザの要素をクリックするだけでRailsのviewファイルを簡単に開くことの出来るrails-template-inspectorの紹介
<!DOCTYPE html> <html> <head> <!-- ... --> </head> <body> <%= yield %> <% if Rails.env.development? %> <script type="module" src="https://cdn.skypack.dev/@aki77/rails-template-inspector"></script> <rails-inspector url-prefix="vscode://file" root="<%= Rails.root %>" combo-key="command-shift-v"></rails-inspector> <% end %> </body> </html> エディタを開く仕組みとしてはCustom URL Schemeを利用しています。 <rails-inspector>要素の
植物の3Dモデルをビジュアルプログラミングで作成できる「Plantarium」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、さまざまな植物の3Dモデルをビジュアルプログラミングで簡単に作成できるちょっと変わったWebサービスをご紹介します！ ブロックを組み合わせるだけの簡単操作で、本格的な3Dモデルをリアルタイムに生成できるのが特徴です。完全無料で利用可能なうえ、ゲームはもちろんWebサイトのアクセントにも使えるのでご興味のある方はぜひ参考にしてください！ 【 Plantarium 】 ■「Plantarium」の使い方 それでは、「Plantarium」をどのように使えばいいのか詳しく見ていきましょう！ 利用する際にログインなどは一切不要で、サイトにアクセスしたら画面左上のメニューから【new】ボタンをクリックします。 すると、3Dモデルを作成するためのWebエディタが表示されます。 この画面からブロックを組み合わせて自分の好きな植物を作成したり、ファイル
モダンなSQLクライアントソフト「DBeaver」の紹介
公式の説明を引用すると下記のとおりです。（Google 翻訳） 開発者、SQL プログラマー、データベース管理者、アナリスト向けの無料のマルチプラットフォームデータベースツール。 JDBC ドライバーを備えたすべてのデータベースをサポートします（基本的には-ANY データベースを意味します）。 商用バージョンは、MongoDB、Cassandra、Couchbase、Redis、BigTable、DynamoDB などの非 JDBC データソースもサポートしています。商用バージョンでサポートされているすべてのデータベースのリストは、ここにあります。 ・メタデータエディタ、SQL エディタ、リッチデータエディタ、ERD、データのエクスポート/インポート/移行、SQL 実行プランなどの多くの機能を備えています。 ・Eclipse プラットフォームに基づいています。 ・プラグインアーキテクチャを
console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、直感的な操作で高度なWebデザインを誰でも実現できるサービスをご紹介します。 Webサイトを構成するインタラクティブなコンテンツが豊富に用意されており、それらを組み合わせるだけで最適なWebサイトを誰でも簡単に構築できます。 また、提供されていないコンテンツや機能などは、JavaScriptで好きなように拡張できる設計になっているので無限の可能性も秘めています。Webサイトの作成にご興味ある方はぜひ参考にしてください。 【 Vev 】 ■「Vev」の使い方 それでは、「Vev」をどのように使えばいいのか詳しく見ていきましょう！ まずはトップページの黄色いボタンから無料のユーザー登録を済ませておきます。 利用可能なメールアドレスを入力してエンターキーを押してください。 すると登録したメールアドレス宛に、ログイン用のリンクが送付されるのでク
Visual Studio CodeがMarkdownのサポートを強化。ファイルのドロップでリンクを自動作成、見出しへの参照一覧など。Visual Studio Code 1.67（April 2022）
Visual Studio CodeがMarkdownのサポートを強化。ファイルのドロップでリンクを自動作成、見出しへの参照一覧など。Visual Studio Code 1.67（April 2022） マイクロソフトはコードエディタVisual Studio Code（以下、VSCode）の最新版となるバージョン1.67（2022年4月）をリリースしました。 The April release of @code is here! Check out the latest: Explorer file nesting Toggle inlay hints Markdown code navigation ... & much more! Release notes: https://t.co/VAPbRhj2U4 Download: https://t.co/1CSkQpMbwd pic
2022年、フロントエンドで注目されているJavaScriptやCSSのフレームワーク・ライブラリ・ツール・エディタ・機能などのまとめ
2022年、フロントエンドで注目されているJavaScriptやCSSのフレームワーク・ライブラリ・ツール・エディタ・機能などを紹介します。 今使用しているものはどんな感じか、これから勉強するならどれがよいか、知らない便利なツールや機能はないかなど、フロントエンドの制作で参考になる資料です。 State of frontend 2022 State of frontend 2022は、125か国のフロントエンドデベロッパーにアンケートをおこない、注目されているフレームワーク・ライブラリ・ツール・機能などをまとめたものです。 ここ2年のコロナ禍により、勤務形態が大きく変化しました。データは2022年と2020年の状態も比較できます。 あなたの勤務形態は？ 56%の人がリモートワークをしており、オフィスで働いている人はわずか5%でした。2020年の調査ではこのアンケートをおこなっていませんが、
Web制作者におすすめ！ Win, Mac対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode
Web制作者・デベロッパー向けに、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャーを紹介します。 macOS, Windows対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語の入力など、日本語環境でも問題なく利用できます。エディタにはAceが使用されており、非常に快適で、高速に動作します。 massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 11.0+, Windows 10,11をサポート、Linuxも近日サポート予定です。 2年ほど前にv1.0がリリースされたときに紹介
Meta、JavaScript Webテキストエディターフレームワーク「Lexical」をOSS
Metaは現在、JavaScript Webテキストエディターフレームワークの「Lexical」をリリースしている。軽快さや拡張性、アクセシビリティを重視し、開発者は必要に応じた機能を持つテキストエディターが利用可能。基本的な雰囲気はWebで確認できるが、ローカル環境に導入する場合は、「npm install --save lexical @lexical/react」を実行する。 Webブラウザー上で動作するLexical Lexicalは編集要素に取り付くエディターインスタンス、エディターの状態を示すセット、セット情報を受け取り、状態に応じてDOMを更新するリコンサイラーの3要素で構成されている。そのため、UIコンポーネントやツールバー、リッチテキスト機能、マークダウンなどの機能はプラグイン経由で実装・拡張する仕組みだ。公式サイトのプラグインページでは、Lexicalの状態更新時に呼び
MacでWindows版Steamを使用する方法(無料のWineskinServer) - Qiita
はじめに Steam で遊びたいと思ったゲームでも、Windows版があるが Mac版がないものが結構多いんですよね。そこでWineskinServerを使えば、MacでもWindows版のゲームが遊べるのか試してみました。 ※Mac版Steamはインストール済み、かつSteamアカウント作成済みです。 下記サイトでWineskinServerを使用して動作しているので大丈夫でしょう。 【2023/10/28追記】 エンジン「WS11WineCX64bit23.5.0_D3DMetal-v1.0」にした場合、遊戯王マスターデュエルを起動時に下記エラーが出ます。redditの情報ではD3DMetalが有効だと駄目なようです。 自分の場合、下記の方法で遊戯王マスターデュエルを起動させることが出来ました。 アプリケーションフォルダの「Wineskin Winery.app」をダブルクリックして、
【卍】ギャルのための開発環境カスタム
概要 やっぱギャルなら開発環境は可愛くなきゃだめっしょ？ ってことで開発環境の見た目をめっかわにするカスタム方法をゆるめにまとめます🦄よろ〜 ※機能性、利便性より可愛さを重視してご紹介します。 ※本記事における「ギャル」の感覚は筆者の独自解釈に依るものですが、筆者の本記事における方針といたしましては「心がギャルならみんなギャル」です。ご了承いただける方のみお読みください。 対象OS: Mac コードエディター: VSCode 1. ターミナル まずはターミナルからやってくけど大丈夫そ？❤️🔥 ターミナルはMacデフォルトのでももちろんOKですが、おすすめはHyperです。 理由は可愛いからです。 公式サイトからでも、homebrewでもインストールできます。
すべての社内文書はMarkdownで書けばいいと思うこれだけの理由 - Qiita
Markdownを社内に布教したい、というモチベーションからMarkdownを勧める理由をまとめたもの。 同じようなことを考える方へ、周囲への説得材料になると嬉しい。 1. Markdownを勧める理由 1-1. 圧倒的理由 全人類がマークダウンを学習すべき理由｜情報デザイン力を鍛えよう Markdownとは (日本語Markdownユーザー会) をMarkdownで引用する。 Markdown（マークダウン）は、**文章の書き方**です。 デジタル文書を活用する方法として考案されました。特徴は、 - 手軽に文章構造を明示できること - 簡単で、覚えやすいこと - 読み書きに特別なアプリを必要としないこと - それでいて、対応アプリを使えば快適に読み書きできること などです。 Markdownはジョン・グルーバー（John Gruber）によって2004年に開発され、 最初は [Darin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/slay-t/%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF/
Alternative Proxies:
uber-style-guide-ja/guide.md at master · knsh14/uber-style-guide-ja
プログラミング言語「Rust」、これまでの言語サーバを廃止して新たにrust-analyzerを採用
Macaron | Visual component editor for Web development
Apple、macOS 12.3 Montereyでnanoをpicoエディタに置き換え。bashやemacs同様ライセンスの問題？
