ウェブ家の備忘録

ウェブデザイナーの備忘録

テキストエディタ

サクラエディタの置換でタブを改行にする

Excelのデータをサクラエディタ等にコピー・ペーストするとタブが入っており、添削に困ることがありました。 Excelの内容をテキストエディタにペーストするとTabが入る添削しやすいようにタブを改行にしてみます。やり方・Excelのデータをサクラエディタに張…

VScodeでRuby実行

qiita.com

Chromeカーソルブラウジング(F7)について私見

ChromeにてF7を押すとカーソルブラウジングなるものがOn/Offできます。 カーソルブラウジングとは、テキストエディタで文字入力する場所で点滅している「|」がChrome上でも表示されてコピペの際にめっちゃ便利というやつです。 コピペしない勢にとっては、意…

Chrome拡張機能 : HTMLをライブ編集WebMaker

https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/related HTML・CSS・JS対応。SCSSも書けます。 WebMakerの操作感はJSBinと同等、こちらはJSの無限ループも問題ないのでJS書く際は重宝しそうです。 HTML中に<script>や<style>を書い…

VSCodeでRubyの開発環境を作る

https://qiita.com/code2545Light/items/ca61673c42fb26fc2d28

現在やってる単語登録

VScodeやれよっていうツッコミはおいておいて。 読み 語句 メールアドレス メールアドレスの一文字目 メールアドレス jQuery j $('').();

Visual Studio CodeでSass環境作る

webdesign-trends.net

Visual Studio Codeが便利

HTMLがやりやすい。 「div#hoge」と打つと、 「<div id="hoge"></div>」と変換されるなど色々便利なショートカットが付いてます。 ul>li*3 <ul> <li></li> <li></li> <li></li> </ul>

私がVisual Studio Codeで使っている拡張機能

HTML CSS Support HTML Preview HTML Snippets : HTMLのスニペット Japanese Language Pack for VS Code : 日本語にする Live HTML Pteviewer : HTMLの安易動作確認 Live Server : 安易仮想サーバー実装 JavaScript (ES6) code snippets : Javascriptのスニ…

"Visual Studio Code"でリアルタイム編集ができる安易仮想サーバー

https://www.nxworld.net/services-resource/vscode-extension-live-server.html

"Visual Studio Code"でスニペット登録

https://haniwaman.com/vscode-snipet/

"Visual Studio Code"HTML基本テンプレート呼び出し

// ・前提 HTML Snippers導入 ・手順 新規ファイルを作成 HTMLとしてファイルを保存 エディターに"!"+"tab"入力、HTML基本テンプレートが展開される 2行目のlang属性の値をjaにして完成

テキストエディタAtomが良い

Atom シンプルな画面で、コードの色分けがデフォルトできちんとされてて、保存時の文字コードの変更が容易で、なので非常に使いやすい印象。今後開発はAtom使っていきます。 キーボードマクロ機能はサクラエディタの方がキー的にやりやすいのでそこが住み分…

サクラエディタの背景色を黒に設定

// サクラエディタを開き、 「設定」>「タイプ別設定」>「カラー」>「インポート」 下記ファイルを自作してインポート background-black.col------ ; テキストエディタ色設定 Ver3 [SakuraColor]C[BRC]=0,1,000080,f0fbff,0C[CAR]=1,0,ffffff,f0fbff,0C[C…