2020年版、Node.js入門！使い方〜環境構築までを丁寧に解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIG Philippines Inc.のセイトです。 先日久しぶりにNode.jsを書く機会があったんですが、PCを変えたばかりだったので環境構築から始めました。 そして、速攻ハマりました。 あれ、うまくいかねえぞ……と。 調べてわかりましたが、結論、2019年のMac新OSであるCatalinaにおいては、従来のやり方では十分なNode.js環境を構築できません。 そして、これについて書いてある情報を少なくとも僕は見つけられませんでした。 というわけで、Node.jsを書きたいみなさん、おまたせしました。 2020年版、Node.js入門！使い方〜環境構築までを丁寧に解説します。 知識ゼロの方にもわかるよう進めていきたいと思います。 ちなみに、この記事と同じ内容をYouTubeでも解説しています。動画で勉強したい方はぜひこっちを観てね！ Node.jsとは？ そもそもNod
Homebrew-caskで爆速PCセットアップ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回はPCを素早くセットアップをする方法を紹介します。 最近、使っていたPCの調子が悪くなったので新しいPCに交換しました。いままで使っていたPCから新PCへ移行するにあたって、やはりセッティングにはそれなりの時間がかかります。 アプリのインストールや、各種設定……そんな面倒なセットアップをできるだけ短時間でおこなえる方法を紹介します。 また、本稿でアプリという言葉が意味するものは、Google ChromeやVisual Studio Codeなどです。 アプリのインストールを効率的におこなう方法 今回アプリのインストールをおこなうにあたってHomebrew-caskというものが必要になります。Homebrew-caskはHomebrewの拡張機能で、これを用いてアプリをインストールできます。 HomebrewはmacOS用のパッケージ管理
mac-cleanup - macOSの不要ファイルをまとめて削除してくれるスクリプト MOONGIFT
コンピュータは使っている内に、徐々にゴミが溜まっていきます。分かりやすいファイルは自分で削除できますが、キャッシュや一時ファイルなど、ぱっと見では分かりづらいファイルの蓄積はなかなか削除できません。 そういったファイルをまとめて消してくれるスクリプトがmac-cleanupです。 mac-cleanupの使い方 mac-cleanupは名前の通り、macOS専用になります。インストールは次のコマンドで行います。 sh -c "$(curl -fsSL https://raw.githubusercontent.com/fwartner/mac-cleanup/master/installer.sh)" 後は cleanup コマンドを実行するだけです。Homebrewの整理で失敗することもあります。 $ cleanup Empty the Trash on all mounted volu
環境構築が楽になる！新しいPCを迎えるにあたりやっておきたいGitHubでのdotfiles管理 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのオフショア開発「BiTT」チームのキー坊です。 暑くなったり寒くなったりしていますが、春です。春といえば新生活です！ この春から社会人になった方もいるでしょうし、転職し職場を新たにして頑張ろうと意気込んでいる方もいらっしゃると思います。 そして環境を新たにすると、当然ながらお使いのPCも新しくなります。新しいPCはワクワクしますが、環境構築は面倒くさいと感じることも多いでしょう。インストールのソフトウェアを起動して、「次へ」と「OK」ボタンをひたすら押していくのはあまり楽しい作業ではないですよね。 折角環境を新しくするなら管理を徹底して、次回からの環境構築を楽にしてみませんか？ また、すでに環境構築してしまった方も、その環境を手軽に再現できるようになったら便利じゃないですか？ 今回はそんな方に向けてお話できたらと思います。 ※ 申し訳ないのですが今回はMacを対象にお話
Webディレクターが覚えておくと便利なMacのターミナルコマンド5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、マネージャーのJackです。 皆さん、ターミナルってご存じですか？ 駅ではないですよ？ よくエンジニアが黒い画面見ながらカタカタやっているソフト、そう、それがターミナルです。 ディレクターの皆さん、あれ、憧れませんか？ そんな憧れをいただいているアナタに、Macのターミナルの使い方を教えたいと思います。 覚えるのはカンタン！ 業務で活かせる簡単なコマンドを、本日はお伝えしたいと思います。 そもそも、ターミナルとは？ まずはじめに、そもそもターミナルってなんなのかを説明したいと思います。 ターミナルは、macOSに標準で付属しているUNIX端末エミュレータのことで、UNIXコマンドを実行できるソフトウェアです。 UNIXコマンドは後述しますが、このターミナルというソフトとUNIXコマンドを使って、お使いのMacにいろいろな操作を命令できちゃうのです。 そして、このターミナルの起動
VIM (Vi) をターミナルで操作 / Mac OS X - feb19
VIM (Vi) をターミナルで操作 / Mac OS Xdate2011.2.6(Sun.)tagsmacOSVim viで操作したりする機会がたまにあるので備忘録。「.bash_profile にパスを書いてー」とかいう話で困らないように。 ターミナルアプリで vi で、ターミナルないで Vim が立ち上がり、vi のコマンドモードに移行 (vi .bash_profile のように、 vi ファイル名 と入力すると指定したファイルを Vim で開く)a でインサートモードに入るテキストを編集後、 Esc キーでコマンドモードに戻り:wq すると保存・編集完了。:set number と :syntax on とか、コマンドモードで叩いておくと色々便利です。 ターミナルで、vi readme.txt とかで開く。コマンドモードで開始されます。 コマンドモード時基本コマンド意味
macOS Mojave で compass を動かす方法を紹介 - by Takumi Hirashima
macOS Mojave や Catalina で compass を動かす方法を紹介します。 例えば、Mojave にアップデートしたら、今まで使えていた compass が動かなくなった時に有効な方法です。 Sass と Compass のインストールと gem の update Sass のインストール gem の update Compass のインストール Compass のインストールが失敗 Command Line Tools for Xcode をインストール Command Line Tools (macOS 10.14) for Xcode 10 のインストール方法 ターミナルから xcode をインストールする方法 改めて Compass のインストール！…しかし だけどコンパイルすると warning が… Sass と Compass のインストールと gem の
Developers.IO
EVENT【7/5（金）札幌】DevelopersIO 2024 SAPPORO Business Lab #devio2024
iCanHazShortcut - キーボードショートカットでコマンド実行
キーボードショートカットで実行したい内容はどういったものでしょうか。アプリケーションを起動したり、特定のメッセージを送ったりでしょうか。または一連の手順に沿ったマクロ的なものかも知れません。 そうした操作を手軽にできるようにしてくれるのがiCanHazShortcutです。 iCanHazShortcutの使い方 メイン画面です。まずショートカットを作成します。 ショートカット作成画面です。コマンドを入力します。 シェルも決められます。 こんな感じで特定のコマンドを実行します。 macOSでは殆どの操作がターミナルから可能です。そのため、コマンドラインで入力した内容をそのままiCanHazShortcutに登録してしまえば簡単にキーボードショートカットが作成できます。一つのコマンドだけでなく、シェルスクリプトを呼び出せばさらに複雑な操作も可能です。 iCanHazShortcutはmacO
ターミナルに好きな画像を表示しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
アニメ「NEW GAME」良いですね。青葉ちゃんかわいい！ TKです。 今月もブログがんばるぞいっ⭐︎ さて、CLI使ってますか？ CLIになれるとターミナルに引きこもりたくなりますよね？ Vimなどを使いコーディングをしていると、画像を確認をするたびにわざわざFinderを開いて。。。という作業のためにターミナルから離れるのが億劫になってしまいます。 もしあなたがiTerm2を使っているのであれば、ターミナル上に画像を表示することが可能なんです！ imgcat imgcatはcatコマンドの画像版、つまり画像の内容を表示するコマンドです。 導入方法 下記コマンド実行後、パスが通っている場所へ移動させるだけです。 $ curl -O 'https://raw.githubusercontent.com/gnachman/iTerm2/master/tests/imgcat' $ chmod
m-cli - 入れておきたい。Mac OSXの便利設定ツール MOONGIFT
Mac OSXはUnixがベースなので、ターミナルからシステム情報を取得したり、設定ができるようになっています。しかしそれぞれコマンドが違うので毎度調べて実行しているという人も多いでしょう。 そこで使ってみたいのがm-cliです。Mac OSX用の各種設定確認や実行を共通コマンドで行えるようになります。 m-cliの使い方 例えばバッテリーの状態をとるためには次のようにコマンドを打ちます。 $ m battery status Now drawing from 'Battery Power' -InternalBattery-0 97%; discharging; 4:29 remaining present: true さらに隠しファイルの表示/非表示設定もできます。 $ m finder showhiddenfiles YES Show Hidden files: YES WiFiのス
Gitの脱GUIをめざす！CUIで見やすく、サクサク操作の「tigコマンド」を使ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おはこんばんちは、16新卒で入社した29歳ハルです。 数ヶ月前まで専門学校にいたアラサーです。恥ずかしいことに、Gitを本格的に使い始めたのは働き始めてからです。 これまで綺麗なGUI画面のSourceTreeで操作していましたが、これからはエンジニアとして黒い画面でGitコマンドを使い、サクサク作業をしたいと思っています。 ただ、いきなりGitコマンドだけでは心細いので、Gitブラウザのtigコマンドを使うことにしました。今回は、そのtigコマンドについて紹介したいと思います。 tigとは 一言で言うと、Gitコマンドだけではわかりづらい状態などを、見やすくビジュアル化してくれるCUIのGitブラウザです。CUIなので、サーバーでも使えるのがいいところです。 ツリー構造を見やすく表示してくれる。 ツリー構造から差分を表示できる。 add や commit ができる。 ブランチの確認と詳細
ディレクターも覚えておきたい！ターミナルで使える便利なアクションコマンド | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして！ ディレクターをしているともぞうです。 みなさんは黒い画面と仲良く会話できていますか？ Web界隈でもNode.jsの台頭が目立ち、ターミナルを開く機会が多くなってきたんじゃないかと思います。ターミナルはGulpやSassを走らせるだけのものではありません！ 例えば、一気にディレクトリを作成したい場合やJSファイルだけを検索したい場合……ターミナルで解決できてしまうのです！ そこで、私がよくおこなうアクションに対するコマンドを紹介したいと思います。 もし、コマンド自体が初めての方は、以下の記事を参照してみてください。 初心者の方のために、一般的なコマンドが紹介されています。 以下の確認環境ですすめていきます。 OS：Mac OS 10.10.5 アプリ：ターミナル シェル：bash ちなみに普段は以下でイジイジしています。 OS：Mac OS 10.10.5 アプリ：iTer
エンジニアじゃなくても役立つ！Vimの基本とコマンドまとめ
こんにちは。フロントエンドエンジニアのまろCです。 今日の僕は雲がスーッとなくなって晴れ間が差す。そんな空のような気持ちです。 今回は、エンジニアだけでなく、デザイナー、ディレクターも知っておきたい、高機能テキストエディタ「Vim」の基本についてコマンドを解説しながらお伝えします。 Vimとは コンピュータのコマンドライン上で呼び出す、テキストエディタです。 MacやLinuxには最初からインストールされていて、Macユーザであればターミナルから起動できます。 サーバ上で直接ソースや設定ファイルを変更するときも、このエディタを使います。 Vimを使う場面 エンジニアであれば、開発を行うエディタとして使う方もいるのではないでしょうか。先ほど述べたように、サーバ上の設定ファイルの変更などもVimで行います。 非エンジニアであっても、自分のPCで設定ファイルの変更などで使う場面があるかと思います
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
