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の設
そのクソコード、Intellij IDEAでチェックできるよ
愛知県でシステムエンジニアとして働く友人のMは、プロジェクトメンバの書くJavaのクソコードに苦しめられているそうです。Mはリードプログラマとして、プロジェクトメンバがあげてくる成果物（ドキュメントとコード）のレビューをする立場にあるらしく、提出されてくる数々のクソコードをTwitterでつぶやいていました。 Mを救うことはできるのでしょうか？ もし、クソコードをすばやく見つけることができたら救えるのであれば、救える見込みはあるかもしれません。 コードの問題を見つける静的解析ツール クソコードとは、おおむね次のような問題のあるコードをさすようです。 潜在的バグ バグの可能性があるコード。 重複 機能追加やバグ修正を困難にしがちなコードの重複。 設計上の問題 クラスやパッケージ間の依存関係、多すぎるメソッド引数など。 慣習違反 プログラミング言語やライブラリの慣習、コーディング規約などに違反
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面（参考：マイクロソフト、無償のWeb開発
Introduction to Sass and How to Setup with Mac + Coda
2014年7月31日 CSS, 便利ツール 「Sass」って聞いたことありますか？すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない！」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac＋Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト！ Sassとは 日本語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換（コンパイル）してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する
第1回Ruby開発環境勉強会 - Kentaro Kuribayashi's blog
社内で、Ruby開発環境勉強会を行いました。趣旨としては、 Rubyプログラマ歴ひと月未満の僕が、最近自分でやってみた開発環境について説明・実演する それを聞いているひとが「こんなことも知らないのか」とあきれて、いろいろ教えてくれる という会です。いろいろ勉強になったので、とてもよかったです。開発環境やツールまわりの勉強会、面白いので、次回以降もなんかしら開催したいと思います。また、 西園寺おんじ氏: http://p.booklog.jp/book/51223 刺身氏: http://blog.kyanny.me/entry/2012/05/30/164601 の2名も発表してくれました。 とはいえ、単に「教えて」というだけいっても意味ないので、以下の軸に沿って問題を整理しつつ、それぞれについて説明・実演をしつつ、みなさんの意見をうかがう感じですすめました。 シェルの設定 irb/pry
Markdownで文章を書こう！ - ゆーすけべー日記
みなさんはどのようなエディタでどのような記法で文章を書いていますか？ 状況によるとは思いますが、WordとかMacのPagesで文章を書いているという方や Evernoteでメモを取っているという方、または、Blogの投稿フォームに綴っている方、 様々だと思います。 僕も書くものによってはPagesやEvernoteも使うのですが、一番文章を書く手法が「プレーンテキスト＋Markdown」というものです。今もこの手法で書いています。Blogを書く時、雑誌の原稿を書く時、はたまたメルマガの原稿を書く時、全てにおいてこのやり方は今の僕にとってベストです。 プレーンテキストである利点 そもそもプレーンテキストとはWikipediaによると、 プレーンテキストには文字情報以外の情報は一切含まず、テキストデータのみで構成されている。バイナリデータや文字の整形情報を持たないので、最低限の機能しか持たな
Windows/Mac/Linuxで使える万能オープンソースコードエディター『Komodo Edit』 | ライフハッカー・ジャパン
Windows/Mac/Linux：『Komodo Edit』は、多種多様のスクリプト言語に対応し、パワフルなカスタマイズオプションやアドオンオプションも用意されている無料のクロスプラットフォームテキストエディターです。まだ試したことのないコーダーの方は、是非チェックしてみてください。 ある程度コーディングを行なっている方ならば、お気に入りのテキストエディターの一つや二つあるかと思います。米Lifehacker編集部的にはWindows用なら『Notepad++』、Mac OS X用なら『TextMate』がオススメですが、直感的操作が可能なインターフェースを持ち、WindowからMac、Linuxなどへジャンプできるエディターをお探しであれば、Komodo Editがオススメです。 また、JavascriptやPHPだけでなくRubyやPythonも使うことがあり、将来的にはPerl、T
これからScala開発をはじめてみたい人は足回りから入ろう·ScalaEdit MOONGIFT
ScalaEditはマルチプラットフォームで使えるScala開発用のテキストエディタ。 ScalaEditはJava製のオープンソース・ソフトウェア。Scalaを全面的に採用したプロジェクトというのはまだあまり聞かないが、個人を中心にトライしているという人は多くなっている。オブジェクト指向、関数型どちらでも使えるのが利点だ。 メイン画面 Scalaのコードを書こうと思った場合、テキストエディタを使うのが一般的だろうか。だが専用のエディタがあればさらに開発が早くなる。Scalaを積極的に使う人はScalaEditを試してみよう。 ScalaEditはJava製のテキストエディタで、特にScalaの開発補助をメインとしている。sbt（Simple Build Tool）やScalaのインタプリタを内蔵している。画面下部で手軽に実行して、その結果を受け取れるようになっている。さらにプロジェクトに
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
アウトラインプロセッサで書け！ - PC説教講座
ライティングに関する技術は、優れた知識人によって数多く紹介されているので、まさかそんなものを紹介する気はございません。ただ一点、コンピュータを使って書くのに、なんで原稿用紙に書くみたいにしてワープロに向かうのだ！ すべての製作過程はいったりきたり 文章というのは基本的にたった一つの流れを持っています。読むときには行きつ戻りつしながら読むこともできますが、それは一つの流れの中を行ったり来たりしているのであって、書く側にはそのたった一つの流れを生み出すことが要求されます。そりゃそうです。流れのない文章は何が書いてあるのか分かりませんから。 しかし、読むときの行ったり来たりに表れているように、人間の思考というのは実はそれほど直線的ではありません。 ちょっとでも長い文章を書いたことのある人ならお分かりと思いますが、最初に章立てを行っても、書いているうちにその章立てを変化させた方がいいと思えてくるこ
プログラマのためのテキストエディタ18選 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて18 Free Text Editors To Clean Up Your Codeのタイトルのもと、18のテキストエディタを紹介している。クロスプラットフォームで動作する無償のプログラムにフォーカスしているが、WindowsとMac OS X専用のもの、無償版が提供されている有償プロダクト、Webアプリケーションも取り上げられている。18 Free Text Editors To Clean Up Your Codeで紹介されているエディタは次のとおり。 クロスプラットフォームエディタ Amaya (WYSIWYG Webエディタとブラウザの双方の機能を備えたツール。メジャーブラウザがサポート
「書く」ためのツール、選んでいますか？ Mac の文章作成支援ツールの魅力 | シゴタノ！
佐々木正悟さんに紹介していただいた本で、いま非常に気になっています。慢性的なストレスの感覚を、一つのことに対する注意力や集中力を高めることで取り除くマインドフルネスという認知療法について解説されています。ストレスを癒す心地よい言葉や優しいものに触れるのもいいですが、時にはストレスを生み出す根幹にさかのぼって、この敵と向かい合いたい。そう思うのです。 ▼編集後記： 思い立って Mac OS X 上のアプリケーションを開発するための言語である Objective-C と Cocoa フレームワークについて勉強を始めました。若い頃はあっというまに新しい言語に親しんでいたのに、今はなかなか古い考え方を捨てられずに苦労しています。はてさて、人様に使ってもらえるようなアプリケーションを開発できるまでにいつまでかかるのでしょうか？
Emacs ビギナーに贈る、これからバリバリ使い隊!!人のための設定講座 その1。 - 日々、とんは語る。
追記 この記事を元に書籍が出来ました！ 時間と命を削って、より詳細に解説しましたので、Emacs に興味がある人はぜひ一度手に取ってみて下さい。 Emacs実践入門 ?思考を直感的にコード化し、開発を加速する (WEB+DB PRESS plus) 作者: 大竹智也出版社/メーカー: 技術評論社発売日: 2012/03/07メディア: 単行本（ソフトカバー）購入: 22人 クリック: 396回この商品を含むブログ (1件) を見る というわけで、前に言っていた普及記事です。 前置き(読み飛ばしOK) 僕が Emacs 系エディターを使い初めた当初、特殊なキーバインドにもそれなりに慣れてきたけど、設定が難しくて、誰かの設定をコピペしたけど、何か動かないとか、もうちょっと便利な設定があると思うけど、よく分かんないという日々が最近まで続いていました。 これではいかんと一念発起して、Lispの基礎
Web-Based Rich Text Editors Compared
Web-Based Rich Text Editors ComparedIn JS / JS Libraries with 20 Comments Despite the seemingly increasing amount of ready-made CMSes available these days, many of us are still required to develop custom solutions. One key part of developing a CMS is enabling clients to format their own content, so here we’ll look at the best 5 web-based rich-text editors as well as how to embed them directly in
MOONGIFT: » ソースコードを見るのに便利なテキストエディタ「Code Browser」:オープンソースを毎日紹介
ソースコードを見る上で、JavaDocやPHPDocument、RDocのように説明文がきちんと書かれていると見やすくて便利だ。しかし、書くのは良くとも後でHTMLを生成するために都度コマンドを実行するのは面倒に感じていた。 チュートリアルの構造化表示 そこでソースからそのまま読めるようになっていると便利そうだ。その目的に使えそうなのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCode Browser、ソースコードを見るのに便利なソフトウェアだ。 Code Browserはテキストエディタとして利用できるが、Code Browserで指定されるコメントの書き方をすると、ツリービューや複数ペインでの表示にするとソースを構造化して表示してくれるようになる。RDocのような4ペインでの表示もできる。 4ペイン表示 構造化した状態では関数を指定するとその関数だけを表示するよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Macaron | Visual component editor for Web development
ソフト開発だけじゃない、日常業務に役立つVSCode活用術
http://ubuntuapps.info/blog-entry-841.html
vim で実践！ コードリファクタリング
