console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
「Visual Studio Code」で執筆するSF作家 藤井太洋氏が作る物書きのための拡張機能
「VS Code Meetup」は、強力かつ軽量なオープンソースのコードエディター「Visual Studio Code」のミートアップです。今年もVS Code Meetup 主催の年次カンファレンス、「VS Code Conference Japan 2021」が開催されました。招待講演では、SF作家の藤井太洋氏が登壇。VS Codeで執筆を支援する機能拡張「novel-writer」の制作について発表しました。 『Hello, World!』で吉川英治文学新人賞を受賞したSF作家 藤井：お時間いただきまして、ありがとうございます。本日、「Visual Studio Codeで小説を書く」というセッションを持たせていただく、SF作家の藤井太洋です。それでは、プレゼンテーションを進めます。 まず簡単な自己紹介から。私は、2012年に『Gene Mapper』というサイバーパンク小説をセル
Iosevkaというフォントが良い
突然ですが、皆さんはどのフォントでコーディングしていますか? monaco、Monospace、MSゴシックなど、等幅フォントを軸に種類は多種多様です そんな中、それらを尻目に私が使っているフォントはIosevkaというフォントです Iosevkaとは? 以下の特徴を持ったフォントです 等幅フォント 日本特有の文字種(㈱や㌕など)に対応 これらもきっちりと等幅を守っている リガチャ機能あり !=や<=など、特定の連続した文字列を合成して別の文字で表す機能 エディタもリガチャに対応している必要あり(VSCodeやAtom、iTerm2は対応しているので、大抵のエディタやIDEは対応していると思います) 特定の文字をプリセットの中から選ぶ事ができる プリセットから選んで、特定の文字のみデザインを変更することも可能 全体的な文字の太さ、デザイン、文字のゆとりも設定することが可能 特に 特定の文字
Visual Studio Code の初期設定と最低限必要な拡張機能 - フロントエンド向け - - Qiita
Atom から Visual Studio Code （以下 VS Code ）に移行して3ヶ月程度ですが、デフォルトで日本語対応されていたり豊富な機能がありながらも軽いのでとても気に入っています。 まだ使えていない機能もたくさんありますが、個人的におすすめしたい初期設定や拡張機能などをご紹介したいと思います。 対象の方 これから VS Code を使ってみたいコーダーやフロントエンドエンジニアの方 VS Code の設定項目が多くて利用を諦めた方 なるべく拡張機能などを入れないでエディタを使用したい方 本当は WebStorm が使いたいけれど無料のテキストエディタを探している方 検証環境 Mac Book Pro (13-inch, 2017, Two Thunderbolt 3 ports) macOS High Sierra 10.13.3 Visual Studio Code 1
新人達を1ヶ月でガチvimmerにした方法 - Qiita
vim以外のエディタでコード書くと私の手は産まれたての子鹿みたいになります。 効率よくコーディングをしてもらうために、新人やvimを学びたい人にvimの研修を実施しています。今回は研修で非常に有効だった内容についてまとめておきます。 ※ なんだか誤解を生んでしまっているようなので追記しておきます。vimの研修は新人研修の一環として行ったわけではなく、vimを使って開発をしたがっていた新人へテスト駆動開発の研修を実施した際に並行して盛り込んだだけです。会社がvim強制とかではないのでご安心ください。言葉足らずで申し訳ありません。 2つの繰り返しキーの存在を認識させる vimは一度実行したコマンドの組み合わせを記憶する.(ドット)とfを使った移動の際のキーストロークを記憶しておく;(セミコロン)があります。これらを駆使することで他のエディタよりも高速な編集作業を行えます。 セミコロンはus配列
コードフォーマットを統一する「EditorConfig」を操ろう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エリカです。 「インデントがタブになっている」「インデントがスペースになっている」「改行コードが変わっている」「ファイルの終端に空行がなくて github に怒られる」などなど……共同作業してると、こうした基本的なところが気になりますよね。差分も出ちゃうわけですし。 前回お伝えしたコードスニファーなどを使っても、作業者の趣向やエディタの設定によってはどうしてもずれちゃうことってあると思います。プロジェクトによってしっかり打ち合わせればいいだけですが、わざわざ readme に書いたりするのも大変。 そこで、この EditorConfig を使うのです。 今回はその活用法をまとめてみました。 EditorConfigとは？ EditorConfig とは、エディタや IDE 間のコーディングスタイルの一環した管理を助けてくれる機構です。ファイルの種類ごとにフォーマットを定義するこ
[Atomで覚えるC言語入門 – 初歩の初歩 – ] No.00 C言語の環境を整える | Gabekore Garage
WindowsやMacでC言語プログラミングを覚える場合、まず最初にC言語を使える環境を整えなければいけません。 そもそもプログラミングをするのに『環境』ってなんやねん？ と思う人がいるでしょう。 プログラミング環境を整えるって結構面倒なんですよねぇ。 今回は以下の要領でプログラミング環境を準備したいと思います。 このやり方が（一番ではないけど）簡単で今後も役に立つんじゃないかなと思います。 エディタはAtom C言語 Windows（Macでもやり方は同じ） 最後に動画も貼り付けていますので、良かったら見てください。 そもそもプログラミング環境ってなに？ ※知っている人は読み飛ばしてください。 ※この記事の目的はAtomでC言語のプログラミング環境を作る事が目的ですが、まずは前置き。 プログラミング環境（開発環境とも言います）として準備する必要があるのは基本的には２つです。 エディタ コ
![[Atomで覚えるC言語入門 – 初歩の初歩 – ] No.00 C言語の環境を整える | Gabekore Garage](https://cdn-ak-scissors.b.st-hatena.com/image/square/61ac5b907aff31df9ceb01c5a306abd92cb78d71/height=288;version=1;width=512/https%3A%2F%2Fgabekore.org%2Fwp-content%2Fuploads%2F2016%2F03%2Fwork-731198_640.jpg)
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ) – namaraii.com
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ)Markdownをサポートしたメモアプリは数多くありますが、技術系のメモやスニペットを書き溜めるのに適したものはそれほど多くありません。 個人的な要件としては、 データフォーマットがオープンで好みのクラウドサービスで同期できることMarkdown(GFM)を扱えてプレビューできることコードの取り扱いが簡単なこと(できればシンタクスハイライトも)ファイルを意識しないで使えること(ファイル名を考えたりしなくて良い。オートセーブされる)ノートブック、タグなどでノートを整理・分類できることぐらいなのですが、すべてを満たしたアプリをなかなか見つけられず、Day OneやUlysses、Kobitoなどを併用して凌いでいましたが、最近、知ったQuiverというアプリがこれらの要件をすべて満たしており、これに一本化することに。 あまりに
勉強会でのメモの取り方について
この記事では自分なりの勉強会でのメモの取り方についてメモしたものです。 今までに参加してきたイベントでは、 大体メモを取っていて”〜アウトラインメモ”とかいうタイトルで公開してあります。 書くツール メモを取るにはエディタとかツールが結構大事で、書くのに集中し過ぎると話をちゃんと聞けないし、 話に集中してるとメモを書かなくなったりします。 なので、画面を見なくても入力できるような手に馴染む感じのツールを見つけて使うのがいいと思います。 以下が使ってきたツールの変遷ですが、出力は常にMarkdownにしていたので、 基本的にはMarkdownエディタが中心となってます。 Qute for PC/Mac Mou なんだかんだ一番使ってた Markdown Life Haroo Pad Texts OmniOutliner アウトライン的に使う場合、MarkdownエディタだとMouが安定して使
PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」:phpspot開発日誌
PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」 2013年05月24日- Browser code editor awesomeness : ICEcoder PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」 ブラウザ上だけどツリービューでファイルを開けたり、タブでファイルを複数開けたりIDE顔負けのインタフェースを持つエディタ。 OSSなので自分のサーバに設置して使うことができます。リモート開発の方法は色々ありますが、Chromeだけでサクサク開発するっていう手法もなかなか便利なのかも。 こういうのを１０年ぐらい前の人に見せてあげたいですね。 そういう意味では１０年後が恐ろしかったりします。 関連エントリ フルスクリーン編集可能なWYSIWYGエディタ実装jQ
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文筆業の皆さんにも知ってほしい「バージョン管理」 - Togetter