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
【効率化】意外と知らないファンクションキーまとめ 〜Mac編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファンクションキーとは？ キーボード上部にある、F1〜F12と書かれた12個のキーをファンクションキーといいます。コンピューターのさまざまな動作を制御することができるショートカットキーで、それぞれに機能が割り当てられています。ファンクションキーを使いこなして、効率化しましょう(^^)/ 使用するキーボードやアプリケーションによって、本記事の内容と異なる場合がございますのでご了承くださいませ。 ※キーボードにファンクションキーのないTouch Bar搭載モデルの場合は、Macサポートページをご覧ください。 ファンクションキー一覧 〜Mac編〜 Macのファンクションキーの動作は、初期設定ではWindowsの場合とは異なります。 Macのファンクションキーには、F1やF2の文字と一緒にマークが描かれていると思います。（たとえば、F12にはスピーカーのマーク）それぞれのキーを押すことで、Macの
Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストのまとめ
Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストを紹介します。 CSSでフォントを指定する時、また自分が使用しているOSでこんなフォントを利用できるという発見もあるかもしれません。 Windows 10 font list Windows 7, 8などのフォントリストも揃っています。 Windows 7 font list Windows 8 font list Windows 8.1 font list 不要なフォントを削除したいけどソフトウェアで使用されていると困るから削除できない、という人はFonts and supported productsを参考にすると、どのフォントがどのソフトウェアに使用されているのか分かります。 Windows 2000用のフォント、IE 5用のフォントなど、使わないですね。 Wi
Developers.IO
EVENT【7/5（金）札幌】DevelopersIO 2024 SAPPORO Business Lab #devio2024
Keynoteを使ってスライドを作成＆かっこよくプレゼンしよう
2016年9月23日 便利ツール 今年になってこれまでに増してプレゼンをする機会が増えてきました。あまり使うことのなかった、Mac付属のKeynoteというスライド作成ツールを使うようになり、周りの人からアドバイスを受けながらよりよいスライドを作ろうと勉強してまいりました。そこで今回はKeynoteの基本機能や便利機能を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ KeynoteはWindowsユーザーでも使えます まずはじめに。KeynoteはMac用のアプリではありますが、iCloudのサイト上でも使えるので、Apple IDを作成すればどのOSからでも利用可能！ ブラウザーでの画面はこんな感じ。Macのアプリとほぼ同等の機能を利用できます。 基本的なスライドの作り方 Keynoteは直感的に作っていけるツールなので、詳しい説明なしに始められるかと思います。まずはK
ターミナルをもっと使いたくなるような環境に構築する方法 | 株式会社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という便利なライブラリ追加
MAMPの初期設定 - MAMPの使い方
Mac にインストールした MAMPの初期設定について解説します。 ここでは、Apache や MySQL が使用するのポート番号、Apache の環境設定や PHP の設定ファイルである php.ini の初期設定方法を紹介します。 MAMP をインストールしていない方はこちらをご覧ください。 MAMP のダウンロードとインストール MAMP の設定 Finder の「アプリケーション」→「MAMP」フォルダから 「MAMP」を起動します。 上部メニュー「MAMP」→「Preferences」をクリックします。 設定 - スタート/ストップ MAMPの「スタート/ストップ」時の動作、スタートページの場所を設定します。 必要な項目にチェックを入れて（入力して）、「OK」をクリックすれば、設定できます。 MAMP 起動時に サーバーを始動 MAMP PRO を確認 オープンWebStartの
Macとさくらのサーバでの開発作業をGitで管理する
開発環境 Mac OS X 10.10.3（LAMP環境） さくら（スタンダード・プラン） ※Mac、さくら共にGit環境は既にインストール済み。 Mac（ローカル環境）で作成したファイルを、さくらのサーバへとアップロードしていく流れをGitで管理する。プロジェクトに関するディレクトリは全て新規に作成するものとする。 大まかな手順 1.さくらのサーバに中央リポジトリを作成する。 2.Macのローカル環境に中央リポジトリを複製（clone）する。 3.さくらのサーバ側にも（中央リポジトリとは別の）リポジトリを複製する。 4.Mac側でsample.htmlを作成したら、中央リポジトリに記録し全てのリポジトリにてデータを共有できるようにする。 さくらサーバに中央リポジトリを作成する まずさくらサーバにsshでログインし、適当な場所（今回は~/以下、つまりhome/ユーザ名/以下）にsample
ディレクターも覚えておきたい！ターミナルで使える便利なアクションコマンド | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして！ ディレクターをしているともぞうです。 みなさんは黒い画面と仲良く会話できていますか？ Web界隈でもNode.jsの台頭が目立ち、ターミナルを開く機会が多くなってきたんじゃないかと思います。ターミナルはGulpやSassを走らせるだけのものではありません！ 例えば、一気にディレクトリを作成したい場合やJSファイルだけを検索したい場合……ターミナルで解決できてしまうのです！ そこで、私がよくおこなうアクションに対するコマンドを紹介したいと思います。 もし、コマンド自体が初めての方は、以下の記事を参照してみてください。 初心者の方のために、一般的なコマンドが紹介されています。 以下の確認環境ですすめていきます。 OS：Mac OS 10.10.5 アプリ：ターミナル シェル：bash ちなみに普段は以下でイジイジしています。 OS：Mac OS 10.10.5 アプリ：iTer
ムチャぶり歓迎！ビデオカメラがなくてもMacとWi-Fiで動画撮影ができる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Web事業部マネージャーでディレクターのさささんです。 先日イベントにて登壇者の多いパネルディスカッションに参加していたところ、メンバーから急遽「イベントを記事にしたい」と言われました。 いわゆるムチャぶりってやつです。 ディレクターの僕が、ボイスレコーダーを持っているわけもなく、ましてやiPhoneで録音するにも登壇者が多いので声の判別がつきません。では、動画はどうか？ と考えましたが、ビデオカメラを持っていない。一眼レフやiPadで撮ろうとしても、容量や手ブレがすごく気になる！ そんなときにどうしたか……実はPCを使って撮影したんです。とはいえ、PCも容量が気になりますよね。今回は、ビデオカメラがないときでもPCの容量も使わず動画撮影がラクラクできる方法についてご紹介します。 まずは、準備から。 デバイス
【初心者向け】Keynoteの使い方を基本のキホンから解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのすーちゃんです！ 最近はめっきり寒くなり、すっかりたい焼きの似合う季節になりましたね！ ちなみに、わたしは餡みっちりの薄皮派です。 さて、みなさんMacに標準搭載されているKeynoteはご存じですか？ Appleが開発している、OS X/iOS用のプレゼンテーションソフトウェアで、スティーブ・ジョブズが新製品のプレゼンテーションで使っていたことでも有名です。Apple版のPowerPointという感じで、かっこいいアニメーションを簡単につけることができますよ！ 今回は、初心者の方に向けて、Keynoteの使い方を基本のキホンからご紹介します。 Keynoteの画面の説明 Keynoteを使ったことがないという方のために、少しだけ画面の説明をしたいと思います。 メニュー 表やグラフ、図の挿入や、テキストツールなど、よく使うメニューが並んでいます。PowerPoint
エンジニアじゃなくても役立つ！Vimの基本とコマンドまとめ
こんにちは。フロントエンドエンジニアのまろCです。 今日の僕は雲がスーッとなくなって晴れ間が差す。そんな空のような気持ちです。 今回は、エンジニアだけでなく、デザイナー、ディレクターも知っておきたい、高機能テキストエディタ「Vim」の基本についてコマンドを解説しながらお伝えします。 Vimとは コンピュータのコマンドライン上で呼び出す、テキストエディタです。 MacやLinuxには最初からインストールされていて、Macユーザであればターミナルから起動できます。 サーバ上で直接ソースや設定ファイルを変更するときも、このエディタを使います。 Vimを使う場面 エンジニアであれば、開発を行うエディタとして使う方もいるのではないでしょうか。先ほど述べたように、サーバ上の設定ファイルの変更などもVimで行います。 非エンジニアであっても、自分のPCで設定ファイルの変更などで使う場面があるかと思います
MacにWindows 10をインストールするための最新「Boot Camp」をAppleが公開、対応端末やサポート機能も判明
Appleが開発している、MacにWindowsをインストールできるようになるソフトウェアが「Boot Camp」です。その最新版となる「Boot Camp 6」が公開され、2015年7月29日にリリースされたばかりの「Windows10」をMacで使用することができるようになりました。 Use Windows 10 on your Mac with Boot Camp - Apple Support https://support.apple.com/en-us/HT204990 Boot Campを使ってMacにWindowsをインストールするのに必要な用件は以下の通り。インストール手順はサポートページに詳細に書かれています。 ・Intel ベースの Mac ・Microsoft Windows のインストールディスクまたはディスクイメージ (ISO) (64 ビット版の Micros
アプリを使わず動作の重いMacbookを軽くする6つの方法（OX X Yosemite版） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのヘルメです。 突然ですがみなさま、仕事中に使用しているMacbookの動作が重いとどのような気持ちになりますか？ ぼくは「なんぞこれ・・・」というなんとももざもざした気持ちになります。この気持ちがよくわからない方はぜひ「GANTZ」23巻を読んでみてください。 「重さ」と「もざもざ」は、仕事のパフォーマンスに影響をします。仕事がどんどん遅れていきます。もざもざ度もどんどん上がっていきます。 対応するために「メンテナンスアプリをダウンロードする」という手もありますが、海外版で使い方がわからなかったり、そもそもダウンロードに時間がかかったり、アプリケーションの重さで重くなってしまったり、なんてこともあります。 そこで、今回は、アプリケーションを使わずに重くなったMacbookを軽くするための6つの方法を【初級編】【上級編】に分けてご紹介したいと思います。 【初級編】 1.
Macのバッテリーを長持ちさせるためにやっておきたい7つのチェックリスト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 4月10日にAppleから最新のMacBookが発売されて、早3か月が経ちましたね。 使い勝手が良くて、つい電源を持たずに使っていたら、肝心なMTGのときに息絶えた……なんて悲しい目に遭った人もいるのではないでしょうか。 そこで今回は、できるだけ長時間Macを使用するために心がけておきたい7つのことをご紹介します。 ※2015/7/10 17:10追記 内容に一部誤りがありましたため、修正をいたしました。 購入直後/定期的におこないたいメンテナンス Macを手にした瞬間、今すぐに使いたい気持ちになるかと思います。しかしながら使用直前こそ、今後Macを長時間使えるかどうかの明暗が分かれるのです。 Macのバッテリー内部には、マイクロプロセッサという重要なハードウェアが搭載されており、その使用状況にもとづいて残量情報が更新されます。 稼働効率を最大限に引き
メールにファイルを添付するときのビジネスマナーとおすすめファイル送信サービス | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターの佐々木（さささん）です。 いきなりですが、みなさん普段メールを使っていますか？ 最近ではメール以外にもLINE、Facebookメッセンジャー、Skype、Google+ ハングアウトなどのメッセージングサービスを利用して情報を交換している方が増えていると思います。 ビジネスでこれらのサービスを使う方々もいらっしゃると思いますが、まだまだメールでのやりとりが一般的ですね。 前回の「漏洩に要注意！メールでパスワードなどの大切な情報を送信するときのポイント」に引き続き、今回は「メールにファイルを添付するときのポイント」をご紹介します。 普段なにげなくメールを使っているみなさん、社会人デビューして間もない方に読んでいただければ幸いです。 メールにファイルを添付するときのポイント6点 メールにファイルを添付する際に気をつけたいポイントはこちらです。 ※ルールに関しては、各
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
macOSのセキュリティを最大限に高める7つの施策（ライフハッカー［日本版］） - Yahoo!ニュース
欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
