Fig
Dear Fig users, Effective September 1, 2024 we will be ending access to Fig. We encourage users to migrate to Amazon CodeWhisperer for command line. It’s free on the Individual tier and is designed to be faster and more reliable than Fig. To make this transition as easy as possible, users can upgrade to CodeWhisperer for command line directly from the Fig dashboard. To learn more about the changes
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
環境構築が楽になる！新しい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にいろいろな操作を命令できちゃうのです。 そして、このターミナルの起動
OpenInTerminal - Finderからターミナル、エディタをディレクトリ指定して呼び出し MOONGIFT
macOSでファイルを操作する際にはFinderを使いますが、その際に今見ているディレクトリでターミナルを開きたいと思うことがあります。フォルダをドラッグ&ドロップしてもいいのですが、あまりスマートではありません。 そこで使いたいのがOpenInTerminalです。ターミナルを開くのに加えて、エディタでディレクトリを指定して開くこともできます。 OpenInTerminalの使い方 実行するとこのように聞かれます。自分がよく使っているターミナルアプリを選択すればOKです。 エディタの場合。こちらも普段使っているものを選びましょう。 設定画面でエディタやターミナルを指定できます。 OpenInTerminalはFinderのツールバーに登録して使うタイプのソフトウェアになります。Finderでパスを確認して、エディタやターミナルでフォルダを開くのは二度手間な感じがして面倒です。OpenIn
ウィンドウサイズに合わせて表示される情報も変わるオープンソースのネットワーク監視ツール「bandwhich」を使ってみた
PCのネットワーク使用状況を確認するツールはWindowsのリソースモニターやLinuxのiftopコマンドなどが有名です。そんなネットワーク監視ツールの一つである「bandwhich」は、CLI上でプロセスごとにネットワークを監視できるコマンドで、ウィンドウサイズに合わせて表示される情報が変化していくツールです。GitHubにソースコードが公開されているので、実際に使ってみました。 GitHub - imsnif/bandwhich: Terminal bandwidth utilization tool (formerly known as "what") https://github.com/imsnif/bandwhich 今回はUbuntuにbandwhichをインストールしてみます。まずはパッケージマネージャーのCargoをインストールするため、下記コマンドを実行します。 cu
gopass - ターミナル用のパスワード管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 今どき、パスワード管理をしていない開発者はほぼいないでしょう。多くの場合、GUIアプリケーションであったり、スマートフォンアプリで、サーバにログインしながら使えるものではありません。 ターミナルを使っていてもパスワードを入力する機会はあります。そこで使ってみたいのがgopassです。 gopassの使い方 gopassで新しいログイン情報を追加します。パスワードジェネレータもあります。 $ gopass new => Creating Website login [1] URL []: https://www.moongift.jp/ [2] Login []: root [3] Generate Password? [Y/n/q]: Y [a] Cryptic Password?
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 とかで開く。コマンドモードで開始されます。 コマンドモード時基本コマンド意味
OpenInTerminal - 今開いているディレクトリでターミナルを開く MOONGIFT
今、Finderで開いているウィンドウをターミナルで操作したいと思うことがあります。そんな時にできる方法としては、フォルダやファイルをドラッグ&ドロップするというものがありますが、面倒でいけてないです。 そこで使ってみたいのがOpenInTerminalです。クリック一つでターミナルを開いてくれます。 OpenInTerminalの使い方 インストール（コマンドキーを押しながらアプリをFinderのツールバーにドラッグ&ドロップ）すると >_ のようなアイコンが追加されます。 このアイコンをクリックすると、初回に開くターミナルアプリを聞いてくれます。 デフォルトで開いてくれるターミナルはTerminal/iTerm2/Hyperの三種類になります。自分がよく使っているものを選択すれば良いでしょう。このフォルダで開いて欲しいのに、と感じたことのある方はぜひインストールしましょう。 OpenI
Termipal - ターミナルに小さなUIを追加
macOSのベースはUnixなので、CLIコマンドが使えるのが便利です。しかし開発者でない方にとっては黒い画面と呼ばれたりして、なかなか浸透しません。インタラクティブな入力ができるといっても、対話型での文字入力も不便に感じるでしょう。 そこで使ってみたいのがTermipalです。ターミナルの下にちょっとしたGUIを追加できます。 Termipalの使い方 実行したところです。下にGUIが追加されています。 ファイル選択ダイアログを出すこともできます。 Termipalで選択された情報は実行したスクリプト（シェルや任意のプログラミング）で受け取ることができます。ドロップダウンから選択できれば入力ミスが防げますし、ファイル選択ダイアログを通してファイル選択を促せるのも便利です。 TermipalはmacOS用のオープンソース・ソフトウェア（GPL）です。 Termipal pojala/ter
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のス
ターミナルをもっと使いたくなるような環境に構築する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、二次元☆フロントエンドエンジニアのTKです。 昨今のフロントエンド業務では、SassやBabel、Gulpなどのコマンドラインツールを使うことが当たり前になってきて、初めはビクビクしながら触っていた黒い画面（ターミナル）にも、だいぶ慣れてきました。 今回は、フロントエンドエンジニアがターミナルをもっと使いたくなるような環境を作っていきます。カスタマイズは、Macに標準でインストールされているターミナルとbashをベースにしています。 作業が効率化されたり便利になったりするような内容ではありませんので、ご注意ください。 カラーテーマを変更する デフォルトで設定されているカラーテーマは、視認性・可読性を重視してかなりハイトーンな配色になっています。ハッカーみたいで格好良く実用性も高いのですが、普段使用しているエディタのテーマと配色を揃えることで、ターミナルをもっと身近に感じられる
Gitの脱GUIをめざす！CUIで見やすく、サクサク操作の「tigコマンド」を使ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おはこんばんちは、16新卒で入社した29歳ハルです。 数ヶ月前まで専門学校にいたアラサーです。恥ずかしいことに、Gitを本格的に使い始めたのは働き始めてからです。 これまで綺麗なGUI画面のSourceTreeで操作していましたが、これからはエンジニアとして黒い画面でGitコマンドを使い、サクサク作業をしたいと思っています。 ただ、いきなりGitコマンドだけでは心細いので、Gitブラウザのtigコマンドを使うことにしました。今回は、そのtigコマンドについて紹介したいと思います。 tigとは 一言で言うと、Gitコマンドだけではわかりづらい状態などを、見やすくビジュアル化してくれるCUIのGitブラウザです。CUIなので、サーバーでも使えるのがいいところです。 ツリー構造を見やすく表示してくれる。 ツリー構造から差分を表示できる。 add や commit ができる。 ブランチの確認と詳細
CompassをインストールするMac OS X El Capitan編 〜Sass（７） | IT工房｜AI入門とWeb開発
CompassはSassを利用したCSSフレームワークです。導入はちょっと面倒ですが、うまく導入できるとCSSがすごく楽に書けるようになります。 Compassでできることは、ベンダープレフィックスなどの複雑なCSSを簡単に記述できたり、画像のwidthやheightを取得してくれたり、スプライト画像を作成してくれたりもします。 Compassのインストール〜Mac OS X El Capitan編 Compassのインストールはやっかいです。PCの状況で色々と設定が必要になります。 OSのバージョンや色々な環境でエラーが出た際はそのエラー内容を検索するなどで自分で解決するより他になさそうです。 今回はMac El Capitanでのインストール方法です。参考になれば幸いです。 SassはRubyで書かれていますので、Rubyの仕組みを使います。RubyにはGemという便利なライブラリ追加
ディレクターも覚えておきたい！ターミナルで使える便利なアクションコマンド | 株式会社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で設定ファイルの変更などで使う場面があるかと思います
monu - メニューバーからサービス実行&プロセス管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Mac OSXを使っていてWebサーバを立ち上げたり、Vagrantを実行したりする際にはターミナルを使うでしょう。しかしあの画面が苦手だという人は多いかと思います。サービスの起動、停止くらいはGUIでできると便利です。 そこで紹介したいのがmonuです。メニューバーからコマンドを実行したり、終了させられるツールになります。 monuの使い方 monuはまず設定ファイルを書く必要があります。processesが追加するところです。 { "logs": "./logs", "pids": "./pids", "processes": { "Web 1": "python -m SimpleHTTPServer" } } そうするとこのようにプロセスがメニューに反映されます。ここから起
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
