console.log(); しか使えなかった自分へ。。。 - Qiita

2022/05/19 696 users Qiita デバッガー Rails console.log

この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconso... 続きを読む

【図解入門】シンプルな図の作り方｜櫻田潤?インフォグラフィック・エディター｜note

2020/08/11 1886 users インフォグラフィック Note 図解入門 作り方

3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、... 続きを読む

VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA

2018/07/24 520 users HTMLコーダー 略称 Microsoft Git 無償

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」にそれぞれ役立つ... 続きを読む

Visual Studio Codeを使いこなせ！ フロントエンドエンジニアにオススメの拡張機能7選 - ICS MEDIA

2018/07/02 601 users ICS MEDIA フロントエンドエンジニア 略称 拡張機能

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 本記事では、「HTMLコーダー」「フロントエンドエンジニア」にそれぞれ役立... 続きを読む

WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた

2016/07/11 1929 users 半信半疑 sublime text 過言 プログラミング 瞬間

先日、以下の記事を読んで Blisk というWEB開発者用ブラウザを知りました。 それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、 Sublime Text は、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そ... 続きを読む

あなただけのプログラミングパートナー、『kite』がなんかすごい | 100SHIKI

2016/04/15 569 users KITE 100SHIKI ギャ ターミナル 命令

なにこれすごい。 Kiteはお使いのエディターやターミナルと連動するプログラミングサポートツールだ。 これを横でたちあげておくと「この命令はこういう意味だよ」「そこ間違ってるし」「サンプルコードはこちら」といったことを教えてくれるのだ。 秀逸なので自分が使っているツールをそのまま使える点だ。 まだリリース前だが、是非サイトのデモムービーを見てほしい。あなただけのプログラミングパートナー、というキャ... 続きを読む

機能はSkitch超え！画像に美しい注釈を加えられるソフト「スクリーンプレッソ」がスゴい

2015/02/08 525 users Skitch scr sublime text 一目 機能

これに出てくるソフトは、ほとんどが、以前から使っていたり、知っていたりするものがほとんどなんですが、このとき調べていて、「Screenpresso（スクリーンプレッソ）」というソフトを初めて知りました。 それ以来、いろいろ試しに使っているのですが、Skitchにはないいろいろな表現が可能で、一目で気に入ってしまいました。Sublime Textは、「恋に落ちるエディター」といわれていますが、Scr... 続きを読む

昨日までJavaJavaしてた人がいきなりExcelのVBAを実装する羽目になったときのためのメモ - Qiita

2014/07/14 1477 users Qiita javaJava Alt VBA エディタ

Excel は滅びぬ！ Excel の力こそ日本企業の夢だからだ！ この２ヶ月弱で学んだこととかのメモ。 JavaJava してたかはあまり関係ないかも。 エディタの使い方 エディタを表示する Alt + F11 で VB エディタを表示できる。 環境設定 背景色・フォントを調整する デフォルトの白背景とか気が狂うので、暗い色にする。 「ツール」→「オプション」を選択し、「エディターの設定」タブを... 続きを読む

Gruntで始めるWeb開発爆速自動化入門（1）：ブラックなWeb開発現場の救世主、Gruntのインストールと使い方 (1/2) - ＠IT

2014/03/04 605 users Grunt ビルドツール BOWER Yeoman IDE

Gruntで始めるWeb開発爆速自動化入門（1）：ブラックなWeb開発現場の救世主、Gruntのインストールと使い方 (1/2) JavaScriptメインでWeb開発を行う際にさまざまな作業を自動化して開発効率を爆発的に高めるツール（Grunt、Yeoman、Bowerなど）やエディター、IDE、実行環境などを紹介していく連載。初回は主なビルドツールを紹介し、Gruntの概要と特長、環境構築の仕... 続きを読む

オフラインでjQueryを学ぶための教材がまるごと詰まった『jQuery 1.4.3 Offline Learning Kit』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/11/10 764 users jQuery IDEA jQuery関連 ＨＯＭＥ 教材

Home > jQuery関連 > オフラインでjQueryを学ぶための教材がまるごと詰まった『jQuery 1.4.3 Offline Learning Kit』 Older JavaScriptの素敵な点はブラウザとエディターさえあれば開発できる、という点ですよね。サーバーなんかいらないので、やろうと思えばオフラインでもある程度がっつり学ぶことができます。 そこで登場したのが「jQuery 1... 続きを読む

無料でFlashの制作環境が整えられる! FlashDevelopとFlex SDK 3のインストール方法(ビデオ付き) | ClockMaker Blog

2009/07/14 1357 users FlashDevelop ActionScript 無料

無料でFlashの制作環境が整えられる! FlashDevelopとFlex SDK 3のインストール方法(ビデオ付き) 2009年07月14日 (火) FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 FlashDev... 続きを読む