Notebookの差分をhtmlで出力するGithub Actionsを作った - kuromt blog
diff-notebooks Notebookの差分をArtifactとして生成するdiff-notebooksをGithub Actionsとして公開しました。 github.com 想定する使い方はpull_requestをトリガーとするGithub Actionsへの組み込みです。 実行すると画面のようにNotebookの差分結果がArtifactとして保存されます。 中身はhtmlになっておりブラウザ上で開くとこのように差分を確認できるので、プルリクを受け取ったときのNotebookの差分チェックがGithub上の操作で完結します。 nbdiff-notebooksの中身 このGithub Actionsの中では、nbdiff-webで生成した差分のhtmlをファイルとして出力する自作ツールnbdiff-web-exporterを実行しています。 github.com nbdiff
文章を書く際、表記揺れをしないようルールを決めることがあると思います。 その際に共通の定義としてSpreadsheet管理することが多い気はしますが情報が定着せず知らずにレギュレーション違反することもあるでしょう。 この記事は半強制的にルールを浸透させる仕組みとしてtextlintの独自ルールを用いて自分ならこう運用するという記事になります。 サンプル ディレクトリ構成としてモノレポ構成な感じでやってます。 実際複数のソースがある場合でも共通のVSCodeの設定を使用したい事が多いので独自のtextlintのプロジェクトもpackagesディレクトリで管理してます。 ファイル説明 導入に必要なファイル説明 .vscode/extensions.json VSCodeの拡張のvscode-textlintを全員に使用してほしいので追記してます。 VSCode拡張インストール完了したらtext
はじめに こんにちは！新卒のホンギです。 最近研修で色々学んでいる中でLinuxを使っての研修が多いです。 私の環境はWindowsなのでVSCodeの拡張機能を利用してEC2インスタンスに繋いでみました。 VSCode(Visual Studio Code)とは？ Microsoft社で開発したソースコードエディタで、色んな拡張機能をインストールして自分だけのエディタを作ることができます。 2019年Stack Overflowで9万人の開発者を対象に調査した結果によると、VSCodeが最も人気のあるエディタだそうです。 環境 OS : Windows 10 VSCode : 1.44v やってみた 1.VSCodeの拡張機能でftp-simpleをインストールします。 (インストールができたらUninstallが表示されます。) 2.「F1」キーを押してCommand Paletに「f
はじめに 仕事でGitHubプロジェクト(カンバン)を利用しており、Terminalで閲覧したかったため、作成してみました。 Organizationに紐づいているGitHubプロジェクトにはまだ未対応ですが、今後対応する予定です。 リポジトリはこちら。 どんなツール？ 例としてmicrosoft/vscodeのGitHub Projectを本ツールでターミナル上に表示してみます。 コマンドは下記のような形で以下を指定します。 repoオプション(必須): リポジトリOWNER/リポジトリNAME searchオプション: プロジェクト名(デフォルトで1番目が選択される) 動いている様子は、こちらです。 機能 出来ること プロジェクトの閲覧 issue内容の確認(CtrN/CtrPでスクロール) 画面のリフレッシュ(R) プロジェクトをブラウザで開く(P) issueをブラウザで開く(p)
rails-new(rails newじゃないよ!)コマンドが便利なのでもっとたくさんの人に知ってほしい - 地方でリモートワーク
こんにちは、吉田智哉です。 皆さんはRuby on Railsで新規プロジェクトを作成するときに、どのようにしていますか？ 「そりゃあrails newでしょ？」という答えが返ってきそうです。 rails newではなくハイフン(-)入りのrails-newコマンドの存在を知っていますか？ 私も昨日まで知りませんでしたが、Rails x devcontainerでググっていたらヒットして その存在を知ることになりました。 めちゃくちゃ便利なので、たくさんの人に知ってほしいと思いブログを書いてます。 rails-newコマンドを知る前の課題 今までrails newするときには以下のいづれかの方法をとっており、それぞれ不満がありました。 ホストにインストールしたRuby、Railsを使う まずはホストにインストールしたRuby,Railsを使う方法です。 Dockerで開発することがかなり浸
Ruby向けに、vscode-ruby-lightというVSCode拡張をつくっています。この拡張は、利用者に特にRubyのインストール要求することなく、シンタックスハイライトやカーソル操作など、VSCode標準の機能よりちょっと良い編集体験を提供しようという目的の拡張です。 最初は「メソッドやブロックをもう少し上手く選択できるようにしたい」というモチベーションで調べ始めたのですが、気付けば色々な機能を持つVSCode拡張が出来上がっていました。この記事では、幾つかの機能を紹介しながら、関連する話を書いていこうと思います。 Selection Range VSCodeにはExpand Selectionというコマンドがあり、選択範囲を拡大したり狭くしたりできます。このコマンドには、例えばWindowsであればデフォルトでShift + Alt + →にショートカットキーが割り当てられていま
はじめに 令和という新しき時代の幕開けにもかかわらず、いまだに「FTPクライアントソフト」(FileZilla、WinSCPなど)でサーバーに手動ファイルアップ作業をしている人、いませんか？ **そんなあなたに朗報！**ちょっとした設定だけで、楽にファイルアップできる環境を整えられるんです。さあ、これからはFTPクライアントを立ち上げてちまちまアップする、そんなひと手間を減らしましょう！ (謎の通販番組調…) まずはVS Code(※)でコード編集が完了したら、即サーバーアップできるおすすめの方法を紹介します。 ※ 正式名称：Visual Studio Code。Microsoft製の無料コードエディター また、別の選択肢についても若干触れています。検討のうえ適した方法をチョイスしてみてください。 本記事対象 対象となる人 Webの仕事でFTPクライアントを使用している、または使用せざるを
GitHub Codespaces環境でDenoを使ってSlack Botを作ってみよう！（Deno基礎知識 + 環境構築編） - BASEプロダクトチームブログ
この記事はBASE Advent Calendar 2021の4日目の記事です devblog.thebase.in ごあいさつ はじめましての人ははじめまして、こんにちは！フロントエンドエンジニアのがっちゃん（ @gatchan0807 ）です 今回は、フロントエンドエンジニア界隈で話題になっているDenoについて調査し、プラスでSlack Botを書いてみることで現時点のDenoはどんな感じで使えるのかを検証したので、その経験をシェアできればと思っています！（実際にSlack Botを書くのは次回の記事の予定です） つらつらとDenoを触っていて気になったポイントを書いたためにかなり長い記事になってしまいましたが、お付き合いいただけますと幸いです！ Denoの基礎知識 DenoはNode.jsの作者、Ryan Dahl（ https://github.com/ry ）さんがNode.j
Tailwind CSS実践入門 ～まず作ってから、あとで共通化する Tailwind CSS実践入門 第2章 Tailwind CSSの基本 ──開発環境へのインストール、設定ファイルの記述、エディタの設定 本章では、開発環境にTailwindをインストールする方法に加えて、設定ファイルの記述方法や、エディタの設定などについて説明します。執筆時点でのTailwindの最新バージョンである、3.2.4の使用を前提にします。 Tailwind CSSのインストール Tailwindは、さまざまな開発環境にインストールして使用できます。Tailwindに関連するアプローチとして、CSS in JSやCSS Modulesなどのツールもありますが、これらを使用できるのは一部のSPA（Single Page Application）などの環境だけに限られます。しかしTailwindであれ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 初めまして、情報戦略テクノロジーの濱崎と申します。 今回は、リモート環境での開発を楽にしてくれる、 Visual Studio Code Remote Development について紹介します。 概要 Visual Studio Code(以下、VSCode) の拡張機能であり、ローカル環境のVSCodeを通してリモート環境に接続し、VSCodeを利用した開発環境を展開します。 手元のVSCodeでリモート上のファイルを編集するのをはじめとして、端末(シェル)の操作からソースコードの実行、デバッガの利用まで出来てしまいます。 ターミナ
debug.gem、VS Code Debug Visualizer を使ってデバッグ中のオブジェクトをビジュアライズしてみる
概要 VS Code Debug Visualizer という VS Code のエクステンションをご存知でしょうか。デバッグ中のオブジェクトを以下のようにビジュアライズしてくれるものです。 VS Code Debug Visualizer ではこれまで Ruby のサポートはされていませんでしたが、最新バージョン（本稿執筆時点ではバージョン2.4）より debug.gem を用いてのビジュアライズが可能になりました。 本稿ではそれらの実際の使い方についてお話ししていきます。 対象読者 本記事では VScode を用いた debug.gem の簡単な利用方法について理解していて、既にそれらのセットアップが完了している方を想定しています。 VScode を用いた debug.gem の使い方やセットアップ方法については以下のリンクなどをご覧ください。 事前準備 事前準備として VS Code
はじめに こんにちは、CX事業本部MAD事業部の森茂です。 2022年4月24日にVitest公式のVSCodeプラグインがアナウンスされました。 Vitestはあたらしいテストフレームワークとして昨年末に公開されました。年初に紹介記事を書いたときにはまだv0.2系でしたが、あっという間にv0.9.4まで開発が進み（2022年4月24日現在）正式版のリリースまであと少しというところまで来ています。勝手な予想ですが、5月にはリリースされそうなVite v3とあわせてのリリースとかありそうでしょうか？？？ プラグイン自体は2022年3月末にリリースされていたようですが、作者の@zxch3n氏がVitestチームへ参画し公式のVSCodeプラグインとしてアナウンスされたようです。 動作環境 プラグインを利用するには下記環境が必要となります。またプラグイン自体はまだプレビュー版となっているようです
前に翻訳の効率を上げるソフトを紹介した際に、Visual Studio Codeを取り上げました。 しかしこのツール、プログラマ向けなところもあって最初はなかなかとっつきにくいところもあるようです。 なので今回は、Visual Studio Code（VSCode）の活用方法について、簡単に紹介したいと思います。なお、VSCodeはマイクロソフト製にも関わらず、MacやLinuxでも使えます。素晴らしいですね！Electron！ インストール何はともあれ、インストールをしなければ始まりません。公式サイトからダウンロードしましょう。 ダウンロードした exeファイルをダブルクリックするとインストールが完了します。まずは起動してみましょう。 あ、最初に「日本語化しますか」と聞かれますが、翻訳者たるもの英語のまま使うのが乙というものでしょう（笑） ……というか実際問題、日本語化をするとこの後使う
WakaTimeとは？ WakaTimeは、エディタと連動してコード編集の作業時間を可視化できるサービスです。 編集したコードのプロジェクト（リポジトリ）、言語、ブランチを自動的に検出してダッシュボード化してくれます。 エディタ操作が一定時間止まると自動的に計測停止してくれます。自分でタイマー開始・停止する必要はありません。 たいていのエディタは対応しています。 https://wakatime.com/plugins この記事では、VSCode に WakaTime を導入してダッシュボード確認するまでの手順を説明します。 WakaTimeアカウント登録 https://wakatime.com/signup からサインアップしてください。 APIキー発行 https://wakatime.com/settings/account からAPIキーを発行できます。 VSCode と Wak
Perl5でデバッグ・Lint・自動整形ができるVSCode環境を整えたので忘備録。 環境 macOS Catalina 10.15.3 fish 3.0.2 perl 5.30.1 VSCode 1.42.1 （前準備）Perlのインストール VSCodeと関係ないが、バージョン管理ができるplenvでperlをインストールした。 # plenvのインストール $ brew install plenv $ brew install perl-build # シェル起動時にplenvを自動で初期化（fish版） # https://formulae.brew.sh/formula/plenv $ echo 'if plenv > /dev/null 2>&1; plenv init - | source ; end' >> ~/.config/fish/config.fish $ sour
"AWS Amplify SNS Workshop" をやるときに使える Visual Studio Code 用のコンテナ環境 今年のゴールデンウィークは家で過ごす時間が長そうなので、ツイッタで同僚が教えてくれた AWS Amplify のワークショップ、"Amplify SNS Workshop" をやってみることにしました. ワークショップの中で事前に見ておくことをオススメされているセッションを2本見て、よっしゃやるぞとページを進めていきました. ローカルマシンはできるだけキレイに保ちたい このワークショップ、途中で Node と Java が使える環境であることを要求してきます. 以下のスクショのような感じです. Node のインストールを強要されている様子 JDK のインストールを強要されている様子 WFH が長引きそうなご時世ですので、できるだけラップトップに不要なものがたまる
本記事は虎の穴ラボ Advent Calendar 2022 - Qiita 8日目の記事です。 前日はrhさんの「国産ヘッドレスCMS「Newt」を使ってみた」でした。 こんにちは。最近引っ越しを考えている虎の穴ラボの大場です。 先日、とらのあな通販開発チームの開発環境にHTML用のLinterとして HTML-ESLintを試験導入しました。 当記事では、その導入理由やツールの選定に際して考慮したことについて紹介いたします。 導入理由 ECチームでは以下の3つの状況と課題を踏まえてLinterの導入を行いました。 HTMLのLinterが未導入だった フロントエンド実装のレビュー負担増加 レビュー指摘にばらつきがある 1.HTMLのLinterが未導入だった とらのあな通販開発チームではJavaに対してSpotbugs、JavaScriptに対してESLint、CSSに対してstyle
VS Code 1.58 がリリースされました? リリースノートはこちらにあります。 リリースノートの中で前回 DevelopersIO に書かせてもらった、ローカルに clone しなくても VS Code で GitHub 上のリポジトリを直接開ける Remote Repositories に関連のある「'Open in VS Code' badge」というものがあったので今回はそれをピックアップしてみました。 'Open in VS Code' badge 「VS Code で開く」バッジです。 このバッジを押すと以下のような画面に遷移し、Remote Repositories で開くもしくはDev Container で開くかを選択できます。 ちなみにこの画面では通常版の VS Code か Insiders 版の VS Code かを選べるようになっていました。 今回は左側の R
SWETグループの長谷川（@nowsprinting）です。 Unity 2020.2以降、Unityエディタ上でRoslynアナライザによる静的解析 (static analysis) を実行可能になりました。 また、それ以前のバージョンで作られたUnityプロジェクトであっても、JetBrains RiderなどのC#向けIDE（統合開発環境）上でRoslynアナライザの実行がサポートされています。 静的解析を充実させることで、コンパイラだけではチェックしきれないようなバグや性能劣化の原因を早期に検出できます。 例えば弊社では、実行時に動的にインスタンス化されるクラスのコンストラクタがIL2CPPビルド時にストリップされないように [Preserve]アトリビュートの指定漏れを検出するアナライザを導入し、ショーストッパーとなりえる問題を早期発見できるようにしています。 通常、こうした問
AstroNvimをセットアップしてみた
TL; DR AstroNvim Config repo 23/08/27追記 自分のAstroNvimセットアップがかなり重くなったりして、最近はまたNvChadに切り替えています。似ているようなセットアップを更新中です。blazing fastで気持ち良いです。 （Astroと比べてデフォルトでついているプラグインや設定が少なめなので全く同じものを作るには多少労力がかかるかもしれません。が、これを機に実際にあまりいらないプラグインを減らしていくのも良いかなと。） NvChad config 23/03/14追記 全体像がわかるようにこちらの動画がおすすめです。どれかのセットアップに限らず、全部共通する内容なので、既にvim経験があって本格的にnvimのIDEPDE（Personal Development Environment）を作るには結構良いイントロダクションだと思います。関連す
VS Code Serverの使い方
VSCodeのJune2022 Updateが正式に公開されました。 本稿では、アップデートと同時に公開されたVisual Studio Code Serverの使い方について解説します。 ※2022-08-12 Private Previewにあたったのでトンネリング機能についての説明を追加しました 概要 VSCode Serverの概要については、下記記事を閲覧ください。 （窓の杜）https://forest.watch.impress.co.jp/docs/news/1423348.html （公式）https://code.visualstudio.com/blogs/2022/07/07/vscode-server Code Serverは将来的にVSCodeのcode(1)に統合されることを念頭に設計された機能で、ChromeなどのWebブラウザーをVSCodeのフロントエン
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに みなさんは普段どのような開発環境でコーディングしていますか? VSCodeやIntelliJシリーズ、Vimなど様々な環境があると思います。ですが、ただコードと真正面に向き合っても目が疲れたり動かないコードに苛立ちを覚えたりすることがあると思います。 そこで、"kawaii"開発環境を作って目を癒しながらコーディングをする最高の開発環境を作ってみましょう! 本日の主役 "kawaii"開発環境として使っていくのは、「Visual Studio Code(以下VSCode)」です。 VSCodeにはWebベースの技術が使われてお
ファイル分割もいいけど、取り回しわるくなるとねぇ 分割ファイルをひとまとめにするスクリプトをメンテするのさぼっちゃうし 分割そのままで対応してきてるツールももうあるのかな・・？ でもそうするとprismとかのモック動かすときにどうなるんだろう・・ 1ファイルにしといて、コードジャンプやらの開発環境を最強にできればそれがベストなのでは！ ということでvscodeに入れるプラグイン考えていきましょう 入れるプラグイン vscodeでswagger書くっていったらやっぱりこれ swagger ui表示しながら書かないとね 正直これはちゃんと活用できている気がしないけど、改めて調べてみるとめっちゃ便利な機能なんすね・・ Snippetsとか書いてあると脳死でインストールしてしまうのですよ・・ これからは活用していこう もっと快適にかきたい！と思って今回調べて追加したやつ swaggerって1ファイ
Ruby 3.1.0 リリース
Posted by naruse on 25 Dec 2021 Ruby 3.1系初のリリースである、Ruby 3.1.0 が公開されました。Ruby 3.1は3.0と高い互換性を保ちながら、多くの機能を追加しています。 YJIT: New experimental in-process JIT compiler Ruby 3.1では、Shopifyが開発した新しいプロセス内JITコンパイラであるYJITをマージしました。 2018年のRuby 2.6でMJITをマージして以来、そのパフォーマンスは年々改善され、去年にはRuby3x3を無事達成しました。比較的大規模なOptcarrotベンチマークでは輝かしい高速化を達成したMJITですが、一方で現実の業務アプリケーションの性能はこれまで改善出来ていませんでした。 近年Shopifyは彼らのRailsアプリケーションを高速化するため、Rub
新しく案件でGoを使うことになったので使えそうなドキュメントをリンクしていく 随時更新予定 追記予定： デプロイ周り Unity連携 gRPC-web Goダウンロード・インストール 公式サイト ダウンロード 確認 エディタ VSCodeやAtomなどにプラグイン入れる方法もあるが、すぐ始められて多機能なJET BRAINSのGoLandが一番いいと思う（有料だけどその価値はあった チュートリアル A Tour of Go 初学者は一通りこれを見ればいい、ポインタ、Goroutineだけ理解を深めるため他のサイトも見た。 メモ 以下、Go特有だったのでメモ Defer 遅延処理 try-cath-finalyのfinaly的に使う https://go-tour-jp.appspot.com/flowcontrol/12 Array スライスはデータ格納していない、単に元の配列の部分列を指
ランチャーアプリ「Raycast」とおすすめ拡張機能
Raycast Raycastとは？ 生産性を向上させるランチャーアプリです。 Alfredをご存知の方であれば、すぐにメリットを理解できると思います。 RaycastはAlfredと同等のことを行い、機能拡張が簡単にできます。 具体的に何ができるのでしょうか？それを説明していきたいと思います。 Raycastのここが良い! 〜基本編〜 使うアプリを即時に起動 ホットキーを押して、Raycastウィンドウを出してアプリ名を入れるだけで即時に開く・移動ができます。 仮想デスクトップが多い方にはとっても役立ちそうですよね？ かゆいところに手が届く コピーしてペースト、コピーしてペースト、コピーしてペースト・・・何度も同じ作業を繰り返していませんか？ Raycastにあるクリップボード履歴から呼び出す機能を使えば何度もコピーする必要はありません！ 更にクリップボードからスニペット登録ができたり、
Astroざっくり触ってみた フロントエンド定例 2022/11/11 | ランサーズ（Lancers）エンジニアブログ
こんにちは、フロントエンドチームの 谷（@high_g_engineer）です。 今週のフロントエンド定例の内容を記載します。 フロントエンド定例について、以前の記事（ランサーズのフロントエンドチームが取り組んでいること）でお伝えしたのですが、毎週金曜日に開催しており、実際の業務で取り組んでいることや気になった技術情報等をシェアしあう会になっています。 以下、今週の内容です。 モチベーション Astroの雰囲気を理解する。 概要 2022/8/9 Astro v1.0 がリリースされました。 https://astro.build/blog/astro-1/ 以下、公式からの掲載 Astroとは？ Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 主な特長 サーバーファーストのAPI設計： ユーザーのデバイスから高コストのハ
普段仕事で Perl を書いている。 Perl はモジュールを利用するために use 文を書く必要がある。 モジュールを足すごとに use 文を忘れずに書くのは意外と大変で「use漏れ」というコミットをこれまでたくさん積み重ねてきた。 この作業を自動化するために、過去には VSCode で自動でインポートする拡張機能を作った。 marketplace.visualstudio.com しかし、以下の課題があった。 普段使っているのが IntelliJ (作った当時はVSCodeに移行を試みていた)でメンテナンスする気分になれない TypeScript で頑張ってパースしているが Perl の自由度に敗北している エクスポートされているシンボルを静的解析するのに限界がある このように動的に作られたりするとどうしようもない そこで、それぞれの課題に対処する新たな自動インポートツールを作ろうと考
eSecurity Planetは1月24日(米国時間)「Cybercriminals Use VSCode Extensions as New Attack Vector｜eSecurity Planet」において、Visual Studio Codeの拡張機能がサイバー攻撃者にとって魅力的な攻撃手段になりつつあると伝えた。 Visual Studio Codeは人気の高い統合開発環境であり、開発者の75%が使っていると推測されている。拡張機能のインストールはワンクリックで簡単であり、この仕組みがサイバー攻撃における新しいベクトルになりつつあると指摘されている。 Cybercriminals Use VSCode Extensions as New Attack Vector｜eSecurity Planet Visual Studio Codeの拡張機能を悪用するサイバー攻撃は「タイポ
ruby/debug と連携してデバッグを行える VSCode extension が出てるので試す。 marketplace.visualstudio.com github.com 前提 $code -v 1.57.0 b4c1bd0a9b03c749ea011b06c6d2676c8091a70c x64 $ruby -v ruby 3.0.1p64 (2021-04-05 revision 0fb782ee38) [x86_64-darwin19] 準備 debug はプレリリース版をインストールしてねと README にあるので従う。 gem install debug --pre ためしに以下のようなコードを書いてブレークポイントを貼ってみる class A attr_accessor :x end def main a = A.new a.x = 2 puts a.x end
Podman Desktopはアプリケーション開発者向けのコンテナ実行環境とKubernetesを提供するソフトウェアです。WindowsとmacOS、Linuxに対応しているようです。 現在は0.0.6が最新のバージョンです。 podman-desktop.io Docker Desktop有料化からおおよそ一年が経ち、同様のソフトウェアが増えてきましたね（Rancher desktop、Container Desktop、ちょっと用途が異なりますが、Multipassなど）。OSSのDockerやDocker Desktopを含めてどれも好きなんですが、今の所私のお気に入りはRancher Desktopですね。 Multipassはコマンドでなにか操作するようなときにVMを作って、その中で操作しています。Ubuntuのsnapパッケージについては議論があるのは知っていますが、少なくと
2022振り返り
普段、こういったブログはあまり書かないが、いい機会だし、書き残してあると、のちのち見返すのに便利かなと思い、今年やったことを書き出してみる。ほとんど趣味の話です。 電子工作 競技プログラミング パソコン ゲーム 登山 コーヒー 論文読み 仕事 おわりに 電子工作去年、コンピュータシステムの理論と実装という本をすこし読んでハードウェアというか電子回路方面に興味が湧き、年末にブレッドボードやら抵抗やらを買い揃えて、LED光らせて遊んだりしていた。 電子工作入門する pic.twitter.com/F3MQLZiFlS — takuya-a (@takuya_b) December 15, 2021 My first project pic.twitter.com/vUo1ZI3ao3 — takuya-a (@takuya_b) December 15, 2021 そこからLTSpiceを勉強
Kaggle の Code Competition で Jupyter Notebook 形式のコードを提出する機会が多くなってきました。開発効率を考えるとブラウザを使うことなくサブミッションを作成したり更新する作業フローが欲しくなります。ブラウザをなるべく使わない作業フローを紹介し、Kaggle に必要な機能が何かを考察します。 まとめ¶ 長いので3行でまとめると、 実装するコードは Dataset として Kaggle にアップロードする コンペに投稿する Notebook は Dataset にあるコードを呼び出すだけ Notebook も Dataset も Kaggle CLI 経由で VSCode から更新してアップロードする ということです。 モチベーションはコードベースの大規模化¶ Kaggle の solution は大規模化していくことがあります。例えば icecube
TSKaigi 2024 で話した「Prettier の未来を考える」という発表のスピーカーノートです。スライドは こんにちは、今日は「Prettierの未来を考える」というタイトルでお話させていただきたいと思います。 鈴木 颯介と言います。ユビー株式会社でプロダクト開発エンジニアとして働きながら、筑波大学でパソコンの勉強をしています。オープンソースソフトウェアが好きで、今日お話するPrettierのメンテナーをしたり、トランスパイラのBabelのコミッターをしたりしています。最近はWebKitのJSエンジンにたくさんパッチを投げたりしています。 私が働いているユビーは、TSKaigiのGold Sponsorをさせてもらっています。ブースがあります。ユビーのグッズの他に、Prettierのステッカーも配布しておりますので、興味がある方はぜひお立ち寄りください。 まず、Prettierにつ
はじめに vue公式の拡張機能のバージョンアップにより、VSCodeで開発するときに推奨される拡張機能や設定に変更がありました。 非推奨の設定のままの人は、多分以下のような通知が出てると思うので、直しましょう。 今までの推奨設定 Vue - Officialをインストールする TypeScript Vue Plugin (Volar)をインストールする テイクオーバーモードを有効にする 今後の推奨設定 Vue - Officialをインストールする 新しく設定する人がやること Vue - Officialのインストール Vue - Officialをインストールする 今までの推奨設定をしていた人がやること TypeScript Vue Plugin (Volar)のアンインストール TypeScript Vue Plugin (Volar)が非推奨になったので無効に、もしくはアンインストー
![[2024年3月2日] Vue3+TypeScriptの環境構築で推奨される拡張機能と設定が変わったよ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/f28ba34c6e547e0c824adf322d8478550799e91c/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--AjgvUUB7--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B2024%2525E5%2525B9%2525B43%2525E6%25259C%2525882%2525E6%252597%2525A5%25255D%252520Vue3%25252BTypeScript%2525E3%252581%2525AE%2525E7%252592%2525B0%2525E5%2525A2%252583%2525E6%2525A7%25258B%2525E7%2525AF%252589%2525E3%252581%2525A7%2525E6%25258E%2525A8%2525E5%2525A5%2525A8%2525E3%252581%252595%2525E3%252582%25258C%2525E3%252582%25258B%2525E6%25258B%2525A1%2525E5%2525BC%2525B5%2525E6%2525A9%25259F%2525E8%252583%2525BD%2525E3%252581%2525A8%2525E8%2525A8%2525AD%2525E5%2525AE%25259A%2525E3%252581%25258C%2525E5%2525A4%252589%2525E3%252582%25258F%2525E3%252581%2525A3%2525E3%252581%25259F%2525E3%252582%252588%2525E3%252580%252582%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Asimo%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2YyYTk1ZTA4YmUuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Ubuntu 20.04 LTS を 22.04 LTS にアップグレードする - Uzabase for Engineers
こんにちは！Product Teamのtakenokoです。 2022年4月に Ubuntu 22.04 LTS がリリース*1されました。皆さんはもう試されましたか？ Ubuntuのアップグレードって、基本的にはdo-release-upgradeコマンドを実行するだけなのですが、久しぶりのアップグレードだったりaptパッケージを長いこと更新していないと、何かと時間が掛かるものです。 そこで今回は細かい補足も交えながら、Ubuntu 20.04 LTS を Ubuntu 22.04 LTS にアップグレードする手順をまとめました。「もう準備OKだよ！」という方は、事前準備を読み飛ばしてもらっても大丈夫かと思います。 Ubuntu LTS について 事前準備 マシンのUbuntuバージョンを確認する アップグレード可能なバージョンを確認する aptパッケージの更新 apt update a
VS Code Remote - Containers を Docker Compose で使うのだー！ - Mitsuyuki.Shiiba
VS Code の Remote - Containers プラグインを使うと Docker の中で開発ができて最高だよ、という記事を読んで面白そうなので触ってみた。 www.keisuke69.net ちょっとぐぐったら、このプラグインに関する記事がいっぱい出てきた。結構前から人気なのね。知らなかったや。 ## Remote - Containers って何なの？ は、だいたいこんな印象。Remote - Containers プラグインが VS Code Server をコンテナの中にインストールして、ローカル側の VS Code がその VS Code Server とコミュニケーションする。 それによって、実際はコンテナの中にある開発環境が、あたかもローカルにあるみたいな気持ちで VS Codeを使うことができる。だから、ローカル側に例えば PHP を入れてなくても、VS Code
フロントエンド開発で使える開発環境をおさらい。スタンドアロンからクラウドIDEまでの注目機能や特徴を紹介 | レバテックラボ（レバテックLAB）
ここからフロントエンド開発で利用できる具体的な開発環境を紹介していきますが、まずはスタンドアロンで使用できる定番的な開発環境を紹介します。これらの開発環境は多機能で幅広い用途に対応しますが、特定の目的に対応させようとすると、ライブラリの入手とインストールなど、相応の準備を必要とするのが難点といえば難点です。 VS Code（Visual Studio Code） ▲VS Code（Visual Studio Code） 開発環境といえば、定番中の定番と言えるのがVS Codeです。2015年にMicrosoftによってリリースされると、たちまち定番の座を獲得しました。Codeという名があるように、MicrosoftはVS Codeを「コードエディタ」として位置付けています。しかしながら、後述する拡張機能により編集機能以外の機能も充実していますから、統合開発環境とも位置付けられるでしょう。
Ruby の型システムの現実的な運用を、先入観にとらわれずに考えてみた | Wantedly Engineer Blog
こんにちは、Wantedly の 2023 年サマーインターンに参加した Ran350 です。今回のインターンでは 3 週間 DX (Developer Experience) squadに所属し、「Wantedly における Ruby コードベースへの型システムの導入」をテーマに取り組んでいました。本記事では、その仮説検証の過程や調査記録を紹介します。 目次背景目的まとめ論点型システム導入による恩恵型システム導入による弊害型システム導入による恩恵-弊害を評価するために知りたいこと検討方針案【事前調査】過去の型起因のバグ【選択肢の整理と検証】型検査手法【選択肢の整理と検証】RBS 作成手法RBSの追加順序の検討【見積もり】RBS作成コスト【見積もり】型検査による恩恵型システム導入による恩恵-弊害が最適となる運用方針の提案まとめ感想注意本議論はまだ検討段階です。Rubyの型システム導入という
[アップデート]AWS Toolkit for VS CodeでCloudWatch Logsの直近ログデータを表示できるようになりました！ | DevelopersIO
AWS Toolkit for VS Codeに、CloudWatch Logsの直近ログデータを表示できる機能が追加されました！ Amazon CloudWatch Logs features now available in the AWS Toolkit for Visual Studio Code VSCodeでLambdaのプログラムを書きつつ、Lambdaをデプロイして実行。CloudWatch Logsで実行結果を確認。なんて、場面で便利に使えるんじゃないかと思います。 こんな感じでVSCodeの画面でCloudWatch Logsのログを表示できます。さっそく試してみました！ 環境 VERSION Visual Studio Code: 1.48.1 AWS Toolkit for VS Code: 1.13.0 前提 本ブログではAWS Toolkitのインストール、AW
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spreadsheet管理のライティングルールをtextlintで浸透させる VSCodeにも適応する
VSCodeでEC2のインスタンスに繋いでみた | DevelopersIO
GitHubプロジェクト(カンバン)をターミナルで確認するツールを作ってみた - Qiita
Ruby用VSCode拡張: vscode-ruby-light
さよならFTPツール。VS Codeからファイルを即サーバー同期して作業効率アップ - Qiita
Tailwind CSS実践入門 第2章 Tailwind CSSの基本 ──開発環境へのインストール、設定ファイルの記述、エディタの設定 | gihyo.jp
VSCodeのRemote Extentionを使う話 - Qiita
Vitest公式のVSCodeプラグインがリリースされました | DevelopersIO
Visual Studio Codeを翻訳用に使ってみた｜ブラック羊
VSCode に WakaTime を導入してコード編集時間を可視化する - Qiita
VSCodeのPerl開発環境 - dorapon2000’s diary
"AWS Amplify SNS Workshop" をやるときに使える Visual Studio Code 用のコンテナ環境
HTML-ESLintを試験導入しました - 虎の穴開発室ブログ
GitHub に設定可能な「VS Code で開く」バッジを試してみた | DevelopersIO
Unityプロジェクト向けRoslynアナライザの作りかた - DeNA Testing Blog
VSCodeで"kawaii"開発環境を作ろう - Qiita
もっと快適にvscodeでswaggerを書きたい！（プラグインまとめ） - Qiita
Go導入リンク - Qiita
Perlでモジュールを自動でインポートするためのツールを作った - ぴょこぴょこブログ
Visual Studio Codeの拡張機能、サイバー攻撃の新たな餌食に
ruby / vscode-rdbg を試す - Re: 醤油の一升瓶じゃあ戦えない
Podman Desktopを触ってみる - 仮想化通信
効率的なコードコンペティションの作業フロー | ho.lc
TSKaigi 2024 Prettierの未来を考える スピーカーノート
[2024年3月2日] Vue3+TypeScriptの環境構築で推奨される拡張機能と設定が変わったよ。