マルチカーソルを使わないVSCodeはただのVSCodeだ！〜解説編〜 - memo.md
先日投稿した以下のエントリで、「使い方がわからない」という意見を多く頂いた。 mugi1.hateblo.jp マルチカーソル自体の操作方法は調べれば出てくるし、事例だけ紹介しとけばええやろ、と思っていたのだが、いきなり応用のサンプルを貼りすぎてわけがわからなかったらしい。申し訳ない。 せっかくなので、基礎から含め、どういったキー入力で上記のような操作を実現しているのかを紹介したいと思う。 🔥実践！マルチカーソル / 入門編 なおmac環境です。Windowsやその他環境の方は気合で調べてください。 また、言い訳臭くて申し訳ないが、私は普段はSublime Text Keymap and Settings Importerを使っており、SublimeTextっぽいキーバインドに変えて編集している。 一旦無効にしたうえでVSCodeデフォルトの状態で一通り調べて書いたつもりだが、もし違って
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Sublime Text 2 のカラーテーマをオンラインエディタで試してからダウンロードできる「Colorsublime」
プレビューボタンを押すとポップアップでオンラインエディタが表示されるので、そこで実際にいろいろ入力してみてカラーリングされる様子を試してみることができます。 以下の言語を切り替えて、それぞれ確認できるのもありがたい！ Html / Css / Php / Javascript / Ruby / Python / Java 気に入ったカラーテーマを見つけたら、.tmTheme ファイルをダウンロードして ~/Library/Application Support/Sublime Text 2/Packages/ に置き、 Preferences -> Color Scheme から選べばカラースキームを適用できます。 ちなみにこのオンラインエディタ部分は「Ace」というJavaScriptで書かれたものを組み込んでいるようですね。 【参考】Ace – The High Performance
あなた色に染まるテキストエディタ『SublimeText2』
自分は男の子なもんで、「カスタマイズ」とか「自分仕様」とか「最強」とか、そういう言葉が大好きです。そんな言葉がぴったりで非常に優秀なテキストエディタ『SublimeText2』（以下ST2）というものをご紹介したいと思います。 最近は導入される方も増えてきているようで、導入方法や最低限の基本設定、プラグインの入れ方などはググればたくさん出てきますので、そちらはばっさり省略。自分の方ではこのエディタの魅力を伝え、そして「なんか気になる…使ってみようかな…」と思ってもらえるような記事が書けたらなと思います。（※主にコーダー向きの記事です） 『SublimeText2』のここがイイ！ カラースキーマ いきなり見た目部分のご紹介でアレなんですが…ST2では自分好みにカラースキーマを変更することができます。人によって見やすい色など違ってくると思うので、自分にピッタリなカラースキーマでゴリゴリコードを
PHPでHTMLをパースして解析する簡単な方法
今、個人的に管理しているサイトのHTMLが正しく出力されているかを確認するためのスクリプトを書いています。そのために、出力されたHTMLを解析して、中に適切な情報が含まれているかを知る必要が出てきました。 そういうわけで、いわゆるスクレイピングのようなことをしたくなってきました。 HTMLの解析はなかなか大変 これがJSONデータを解析するとかなら良いのですが、HTMLを細かく解析するのはなかなか大変です。 なぜなら、HTMLというのは結構みんな自由に書かれてしまっているからです。それでいて、そんな自由に書かれたHTMLもブラウザ上は動いてしまうため、それで良しとされてしまっている。時に中身は最悪だったりします。コンピュータが処理するには、厳密性に欠けるデータなんですね。 simplexml_load_stringでは解析できない。 「PHPに便利な関数ないかなー」と探していると、simp
新人コーダーに知っておいて欲しいリダイレクトの基本｜クロノドライブ
サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea
SublimeTextに開発環境変えました
またまた空いてしまいました。。。。いろいろとネタ書いていこうと思いますが、なかなかこちらの方まで手が回らないですわ～ さて、ここ最近になってようやく開発環境をSublimeText2に変えました。ドリームウィーバーからAptana3に変えてから1年、まあ、Aptanaには開発する限り特に問題ないのですがカスタマイズの点と起動が遅いのが気になりはじめ、ちまたでフィーバー中の恋するエディタSublimeTextに興味津々でございました。 使ってみて思ったのが初心者向きじゃないねってことです。カスタマイズ方法がチョット変わっている。プログラム書くようにコードを書き換えることでカスタマイズするようになっていていろいろなところで詰まったりしました。単純にブラウザ表示とかうまくできないし、FTPもプラグインで行えるなんて・・・・ しばらくは両方使っていたのですが、SublimeTextに乗り換えた決定
Sublime Text 2のショートカットキーで便利なやつ何個か（Windows版） - かちびと.net
Sublime Text 2で個人的によく 使うショートカットキーをご 紹介します。別件でメールして た時に聞かれたので書いてみる 事にしました。Windows版のショ ートカットになります。 個人的に便利だと感じたSublime Text 2のショートカットキーを紹介してみます。僕はまだ使い始めて半年くらいしか経って無いですし、機能を十分に使いこなせる訳では無いので参考程度という事で・・ 一括置換 文字列の一括置換です。便利なので、これがないエディタはもう使えません。 Ctrl+D（同じ文字を複数選択→一括編集） ↑ 任意のテキストの上にカーソルを合わせてからCtrl+Dで、その文字と同じ文字に標準をあわせられます。 Ctrlを押したまま、複数選択したいところにカーソルを再度持っていってDを押せばその場所も選択可能です。 ↑ 選択したテキストは一括編集できます。 ただし、同じ文字列「全て
URLに使える文字 URLに使えない文字 - プログラマのチラシの裏
URLにはどんな文字が使えるのか、ちょっと気になったので少しRFCを読んでみた。 ※なおチラシの裏なので、間違いを含む可能性は多分にあります。 RFC2396 "Uniform Resource Identifiers (URI): Generic Syntax"(訳:大橋正典氏) RFC2396に書いてあるが、ざっくりとまとめてみる。 ・まずURIに使用可能な文字は大きく以下の3つに分類される。 uric = reserved | unreserved | escaped ※uricはURI Characters ・予約文字(URIの中で、区切り文字など特定の役割・意味を持つ文字) reserved = ";" | "/" | "?" | ":" | "@" | "&" | "=" | "+" | "$" | "," ※URIはいくつかのパーツ(成分)から構成されているが、その箇所によっ
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
使用中のSublime Text 2のプラグインをまとめてみた | CodePlus
基本的には今使ってるもの中心ですが、僕のメインエディタであるSublime Text 2のプラグインをまとめてみました。 ※細かい設定は省いています。 コーディング関連 Emmet Zen Codingの次期バージョン。主にHTMLを書く際に Hayaku Emmet(Zen-Coding)を上回るCSSの展開 例)bdrds→border-radiusなど Dummy Image Generator Dynamic Dummy Image Generatorで使えるダミー画像の埋め込み BracketHighlighter タグやクォーテーションマークなどのハイライト表示 SCSS SCSSの補完 Compass Compassの補完 jQuery jQueryの補完 CSScomb CSSのプロパティの自動整列 WordPress WordPressの補完 SublimeLinter
【便利ツール】Emmet LiveStyle(Beta)で、ブラウザ・エディタ間のリアルタイム・スタイル反映を試す。 | DevelopersIO
以前、ブログでEmmetをご紹介いたしましたが、またまたEmmetが良さげなツールを開発中です。 現在はまだベータ版ですが公開されていたので一連の流れを試してみました。 アジェンダ Emmet LiveStyleとは？ 環境設定 動作確認 SCSS(Sass)・LESS等のメタ言語の対応は？ Emmet LiveStyleとは？ ブラウザとエディタ間のスタイルをリアルタイムで確認・編集ができるツールみたいです。現在公式サイトでデモ用の動画を確認できます。 環境設定 Emmet LiveStyle を確認するには、設定が必要なので動作確認ができるまでの設定をご紹介します。 今回の動作検証環境 Windows7 chrome Sublime Text 2 Sublime Text の設定 Sublime Text 側でパッケージのインストール Sublime Textを開き、[Ctrl] +
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TmThemeEditor