VSCodeが“エディタ戦争”を制した理由。立役者は「TypeScript」？【フォーカス】 レバテックラボ（レバテックLAB）
VSCodeが“エディタ戦争”を制した理由。立役者は「TypeScript」？【フォーカス】 2025年12月16日 フォーコード株式会社 代表 大竹 智也 1983年生まれ。起業家、及びフロントエンドからバックエンドまで幅広くカバーする Web エンジニア。2010年に起業。2015年にイグジット。2017年にフォーコード株式会社を設立して、現在は「日本で一番多くの Vimmerと一緒に仕事するEmacser」として、大企業システムの開発も行う。著書に『Atom実践入門』、『［改訂新版］Emacs実践入門』、『CircleCI実践入門』（共に技術評論社）があり、テキストエディタ事情に精通する。「VimConf」のスポンサーやTOKYO FMポッドキャスト「vim-jpラジオ」を制作するなどコミュニティ活動も精力的。 X：
最低限の知識で簡単なWebアプリを作る（生JavaScript vs React&TypeScript、やりたいこと別サンプル集） - Qiita
はじめに ユーザーが何の準備も必要なく、PCでもスマホでも動かすことができるWebアプリの魅力に惹かれてJavaScriptを勉強しました。 Web初心者のわたしが最終的にはこんなアプリたちを作ることができました。 完全に独学なので「もっといい方法がある」とか「もっときれいに書ける」とかはあるかもしれませんが、これらを実装した経験を通して、必要だった最低限な知識をまとめようと思います。 サーバーとのやりとりは一切しない（したい方はすればよい）ので、定義によっては「Webアプリ」とは言わないかもしれませんが、ここでは便宜上そう呼ぶことにします。（あとがきも参照） 対象読者 Webアプリって難しそう 完全無料でアプリやゲームを公開したい サーバー立てたくない JavaScriptやったことない初心者 Reactって何？TypeScriptって何？便利なの？生JSでよくね？ フロントエンドだけ学
Delimiter-first code
Summary I argue for wider usage of delimiter-first in the code three friends [tic, tac, toe] becomes three friends ・tic ・tac ・toe. A new top-level syntax for programming languages is proposed to show advantages of this method. New syntax is arguably as simple, but more consistent, better preserves visual structure and solves some issues in code formatting. Related: comma-first formatting A well-kn
1. はじめに Flutter は、1 つのコードベースからモバイル、ウェブ、デスクトップのアプリケーションを作成できる Google の UI ツールキットです。この Codelab では、次のような Flutter アプリケーションを作成します。 このアプリケーションは、「newstay」「lightstream」「mainbrake」「graypine」などの響きの良い名前を生成します。ユーザーは、次の名前を要求したり、現在の名前をお気に入りにしたり、別のページでお気に入りにした名前の一覧を確認したりできます。このアプリは、さまざまな画面サイズに対してレスポンシブです。 学習内容 Flutter の動作に関する基礎知識 Flutter でレイアウトを作成する方法 ユーザー操作（ボタンを押すなど）をアプリ動作に接続する方法 Flutter コードを整理された状態に保つ方法 アプリをレス
A few months ago we saw a post on the r/programminghorror subreddit: A developer describes the struggle of identifying a syntax error resulting from an invisible Unicode character hidden in JavaScript source code. This post inspired an idea: What if a backdoor literally cannot be seen and thus evades detection even from thorough code reviews? Just as we were finishing up this blog post, a team at
Today, personal computing is organized around apps: large prefabricated units of software developed by professionals for the masses, with few opportunities for customization. How might we reorient computing so that people can deeply tailor software to meet their unique needs? We think a promising workflow is gradual enrichment from docs to apps: starting with regular text documents and incremental
Cline/Roo CodeにVSCode拡張機能を作ってもらった｜所感と用意するべきこと・考えるべきこと - くらげになりたい。
巷で話題のCline/Roo Codeを試してみたくて、 前から欲しかったVSCode拡張機能を作ってもらった 構成や価格は、 VSCode + Roo Code Anthropic API(Claude 3.7 Sonnet) v0.1.0までで、約$30(≒4,500円) そこから機能追加で、＋約$10(≒1,500円) 執筆時点で、110タスクくらい つくってもらったもの VSCodeをノートアプリとして使いたいなと思うけど、 ファイルの並び順とかがいい感じにならないので、 並び替えとかいろいろできるエクスプローラーを作ってもらった Sortable Explorer - Visual Studio Marketplace memorylovers/sortable-explorer: Flexible Sort Explorer of VSCode Extention 機能はこんな
パッケージ管理システムのすすめ｜woinary
Windowsではあまりなじみのない人が多そうなパッケージ管理システム。LinuxやmacOSでは割と普通に使われていて便利なものです。というわけで、パッケージ管理システムを使いましょうというご紹介です。 特にソフトウェア開発をやりたい人は必須かと思います。 パッケージ管理システムとはざっくり言えばアプリのインストールと管理を楽にしてくれる便利なツールです。Linuxではディストリビューションで使うツールは異なりますがパッケージ管理ツールを使うのが当たり前。macOSでもhomebrewというパッケージ管理ツールが有名です。ストアからアプリを入れる人も多いとは思いますが、homebrewを利用している人も多いです。 Windowsでアプリを入れようと思った場合、大体、こんな手順になることが多いでしょう。 ほしいアプリの公式サイトや、窓の杜などのアプリを紹介するサイトなどからアプリをダウンロ
Introduction Some part of me has always been fascinated with coercing code to run in weird places. I scratch this itch a lot with my security research projects. These often lead me to writing shellcode to run in kernels or embedded hardware, sometimes with the only way being through an existing bug. For those not familiar, shellcode is honestly hard to describe. I don’t know if there’s a very form
Windows10でWindows Terminalを設定し、AWS CLIv2をインストールするまでの手順を公開します。 DA事業本部コンサルティングチームのnkhrです。入社して新しいPCの設定を行ったので、手順を公開します。 Windowsでの開発環境設定は、Microsoft公式ドキュメントに役割ごとの開発環境マニュアルがあるので参考になると思います。 このブログでは以下の設定を記載しています。 Windows Terminal設定 PowerShell7のインストール TerminalでのPowerShellの外観カスタマイズ (PowerLineの設定) WSL (Ubuntu)のインストール Pipenvの設定 (Pythonのパッケージ管理・仮想環境管理ライブラリ) vim for windowsのインストール AWS CLIのインストールと設定 Windows Termi
Perl Navigatorについて
この記事は、Perl Advent Calendar 2022 の24日目の記事です。昨日は、@tecklさんの「Perlのちょっとしたテキスト処理で生活を豊かにする」でした。 大雪の降っている地域のみなさんは無事でしょうか。ホワイトクリスマスだやったー！とか言ってるレベルじゃない大雪の地域もあるみたいなので油断しないでみんな生きていこうな！という気持ちで私はいます。とはいえ、この記事をのんびり読めているということはまったく無事なのだろうと思いますが、普段雪なんて降らない地域にも降ってるみたいなので、今年も残りあとわずか、みんないろいろあれこれあっただろうけど、無事に楽しくあたたかくハッキーにやりきりましょうよ！やくそくだぞ😉 Perl Navigator さて、私は現在、お仕事ではPerlを書いていませんが、この個人ブログをちょろちょろメンテナンスするためにときどきPerlを書いていま
こんにちは！Webアプリケーションエンジニアのレミーです！ この記事はEnigmo Advent Calendar 2025の7日目の記事です。 最近「Operation Hanoi Thief」という事件を読みました。 これは、ベトナムのITエンジニアや採用担当者を狙ったサイバー攻撃についての内容で、怪しいファイルを送りつけて情報を盗む手口が紹介されていました。 その中で、一見ただの画像に見えるファイルでも、実は中に攻撃的なコードが入っている恐れがある、という点が気になったので、SVGの中にある危険な仕組みを紹介します。 多くの人にとって、SVGファイルは「軽くて、拡大しても劣化しない便利な画像ファイル」という印象だと思います。 ロゴ、アイコン、バナーなど、Webでは定番の形式ですよね。 でも、実はSVGは「ただの画像」ではありません。 SVGはテキストベース（XML形式）のファイルであ
How Markdown took over the world Nearly every bit of the high-tech world, from the most cutting-edge AI systems at the biggest companies, to the casual scraps of code cobbled together by college students, is annotated and described by the same, simple plain text format. Whether you’re trying to give complex instructions to ChatGPT, or you want to be able to exchange a grocery list in Apple Notes o
本格的なコーディングにおすすめのエディタ最初は、仕事でプログラミングのコーディングを行う場合におすすめのテキストエディタから紹介します。 1.Visual Studio Code Visual Studio CodeVisual Studio Code（略してVS codeと呼ばれることが多い）は、MicrosoftがMicrosoftのIDE（統合開発環境）であるMicrosoft Visual Studioの関連製品として開発したテキストエディタです。2015年にリリースされてから急速にユーザー数を伸ばし、現在世界で最も利用されている定番のエディタになっています。 VS codeは、Githubが開発したElectronというオープンソースのクロスプラットフォームアプリケーションエンジンを使って開発されているので、Windows、macOS、Linuxといった複数のOSで利用できます。
A vim alternative without the learning curve? Kinda… Microsoft’s New CLI Text Editor Works Great on Ubuntu If you spend a lot time in a terminal on Linux you’ll have preferred command-line text editor, but Microsoft’s recently announced open-source offering, simply called Edit, might be worth checking out — if only so you know you’re not missing out. Edit is a remake/reboot of the old MS-DOS Edito
A little over two weeks ago I wrote up my first impressions of Gemini 3 Pro Preview inside the Gemini Plays Pokemon harness. The very next day, I spun up a head to head race on stream: Gemini 3 Pro vs Gemini 2.5 Pro, both playing Pokemon Crystal inside the exact same setup. Fast forward two weeks. Gemini 3 Pro became the Johto Champion without losing a single battle. Gemini 2.5 Pro inched towards
Automated Hydroponic System Build – Projects | Kyle Gabriel
Last Updated: August 28, 2022 Hydroponic farming is a method of growing crops without soil, with the main benefits of environmental and nutrient control, water conservation, and reduction of labor. This technique relies on a number of technologies that the principles of automation can be applied in order to improve yield and consistency. In this article and accompanying video, I’ll show you how to
Language Pragmatics Engineering
Summary: The code that gets written is the code that’s easier to write. Anything not forbidden by the language semantics will be done as a “temporary fix”. Codebases decay along the gradient of expedient hacks. Programming languages have syntax, semantics, and pragmatics: how the language is used in practice. The latter is harder to design for. Language pragmatics is tooling, best practices, and t
【2025年版】作業が捗るおすすめウェブ開発ツール62選
テキストエディットやメモ帳を開いて「<HTML>」と入力し、プロジェクトが幕を開ける。そんな手法には、何とも言えない哀愁と魅力があります。多くの人が、そうやってプログラミングの世界に没頭してきました。そして今、ウェブ開発ツールはもはや、テキストを記録するだけにとどまらず、プロジェクトの運営を支援し、そのプロセス全体を加速させるものに。HTMLやCSSだけでなく、さまざまな要素が網羅されています。 例えば、企画段階でもツールが重要な意味を持ちます。ワイヤーフレーム、デザインの選択、共同作業のワークフローなどを検討する必要があります。さらに、JavaScriptフレームワークの選定、統合開発環境（IDE）の使用などについても考慮が欠かせません。 この記事では、2025年に知っておきたい62のウェブ開発ツールをご紹介します。まずは、本題に入る前に、私たちが考える「ウェブ開発ツールとは」という基本
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? エディタを一生の伴侶のように、一つを愛用し続ける人は多いと思いますが、自分は仕事の都合上、いくつものエディタを使い分けています。 開発環境として使用しているもの 自分が開発環境として使うのは以下の6種類です。並びは使い始めた順番です。 notepad++ Brackets → Phoenix Atom → Pulsar Sublime Text3 VS Code Geany なぜ、いくつも使うかというと、ワンオペエンジニアにとっては小～中規模の業務を並行で処理することが多く、エディタを逐一変えた方がプロジェクトを間違えないからです。その
Microsoftは、Windows 11に新しいコマンドラインテキストエディタ「Edit」を標準搭載することを発表しました。これにより、開発者やシステム管理者が長年求めていた"ネイティブなCLIエディタ"が、ついにWindowsに導入されることになります。 これまでWindowsには、VimやNanoのようなCLIエディタが標準で搭載されておらず、Notepadや外部ツールに頼る必要がありました。GUIエディタは便利ですが、ターミナル上での軽快な編集には不向きです。近年人気のVS Codeも起動が重く、設定ファイルなどの簡単な修正にはオーバースペックでした。 「Edit」は、軽量で直感的な操作が可能なTUI（Text User Interface）型エディタとして、CLI環境での作業効率を大幅に向上させることが期待されています。 「Edit」の主な特徴は次の通りです: 軽量設計：容量はわ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初めての Flutter アプリ | Google Codelabs
The Invisible JavaScript Backdoor – Certitude Blog
Potluck: Dynamic documents as personal software
Rust on MIPS64 Windows NT 4.0
WindowsPC開発用の初期設定～AWS CLIインストールまで～ | DevelopersIO
SVGファイルは本当に安全なのか？SVGの中にある危険な仕組みと対策 - エニグモ開発者ブログ
How Markdown took over the world - Anil Dash
コーディング以外の文章作成にも便利！クリエイターにおすすめのテキストエディタ15選
Using Microsoft's New CLI Text Editor on Ubuntu
How Gemini 3 Pro Beat Pokemon Crystal (and 2.5 Pro didn't)
自分が複数のエディタを使う理由とその雑感、メンテナンス - Qiita
Windows 11に「Edit」が標準搭載へ。軽量で使いやすいCLIテキストエディタ | ソフトアンテナ