【AWS CLI入門】インストールから基本の使い方まで解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Technology部の山岡です。 今回は、AWSサービスを利用する上でよく用いられるAWS CLI（AWS Command Line Interface）について、インストール方法から基本的な使い方までを解説いたします。 AWSを用いたインフラ構築をおこなう上で、非常に有用なツールとなりますので、AWSをもっともっと便利に使いたい！ という方は、ぜひご覧になってください。 AWS CLIとは AWS CLI（AWS Command Line Interface）とは、AWSサービスをコマンドライン上で利用することを目的とした、AWSサービスの統合管理ツールです。 GUIベース（マウスやクリックによる操作）の「AWS Management Console（Webブラウザを通じてAWSサービスを管理するインターフェース）」と比較して、直感的な操作が難しく、より上級者向けのツールとなります。し
Shopifyとは？料金や機能、メリットなど基礎をわかりやすく解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
近年、自社でECサービスを展開する動きが多く見られます。そんな自社のECサービスを構築するプラットフォームの中で有名なのが、Shopify（ショッピファイ）です。 今回は、Shopifyを利用するメリットやデメリット、機能についてご紹介します。自社に最適なECプラットフォームを探している方の参考になれば幸いです。 出典：Shopify 公式サイト Shopifyとは、プログラミングの知識がなくても簡単にECサイトを開発できる、定期課金型のECプラットフォームです。個人事業主やスタートアップ、大手企業まで幅広いユーザーが活用しており、公式サイトの情報によると世界175以上の国で数百万ショップ以上利用されています。 オンラインストアだけでなく、実店舗でもShopify POSを使って販売ができるのも特徴です。 Shopifyのメリット ECサービスに必要な基本的な機能が備わっている Shopi
Figmaのコンポーネントプロパティ入門 - カスタマイズ可能なコンポーネントの作成 - ICS MEDIA
Adobeによる買収の意向表明が大きな話題となり、世界的に注目されているデザインツール「Figma」。そのようなビックニュースの裏でも、新たな機能がどんどん追加されています。 今回の記事では、コンポーネントにおけるカスタマイズ可能な箇所を管理しやすくし、コードとの整合性を高めてくれる「コンポーネントプロパティ（Component properties）」を紹介します。 コンポーネントプロパティは、コンポーネント（Components）やバリアント（Variants）と言った事前知識が必要な一歩進んだ機能になります。まずは、以下の記事の内容を理解してから本記事を読むことをオススメします。 デザインの管理と効率化が行えるFigmaのComponents入門 FigmaのVariants入門 - さらにコンポーネントを使いこなそう Figma公式の「コンポーネントプロパティ」のチュートリアル用デ
ローカル開発環境はanyenvで！インストール方法・おすすめプラグインを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
古い開発環境から新しい開発環境までいろいろな環境で開発を進めなければならない中で、複数のプログラミング言語やバージョンなどを管理しなければいけない状況があるかと思います。 単一の開発環境を作成するのはバックエンドエンジニアにとってはお手のものですが、複数の環境を共存させるためには四苦八苦してきました。それを解決するのがanyenvです。 anyenvとは https://github.com/anyenv/anyenv anyenvはこれまで利用してきたnodenvやpyenv、phpenvなどの各言語のバージョンをローカル環境で容易に切り替えることのできるツールです。 例えばMacを購入した際にデフォルトでインストールされているPythonのバージョンは2系です。しかしここ最近は3系で開発しなければならないことが非常に多いです。そのような際に2系と3系を切り替えて使う、またはプロジェクト
デザインの管理と効率化が行える FigmaのComponents入門 - ICS MEDIA
ウェブ制作の現場で接する機会が増えてきているデザインツール「Figma」。前回の記事『FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう』では、デザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」機能を紹介しました。 本記事ではデザインパーツの管理や柔軟な変更が可能になる「Components」について詳しく紹介します。Componentsを使い、何度も出てくる要素を管理すると、制作が効率よく進められます。 この記事は、次のような方々にオススメの内容となっています。 デザイナー 同じグラフィックをいつもコピペで複製している方 Components機能の使い方やルールに不安のある方 エンジニア デザイナーから受け取ったデザインにComponents機能が使われいて、参照方法がわからない方 コーディングで、Componentsのル
Adobe XDステート機能を使いこなそう！ - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA
Adobe XDステート機能を使いこなそう！ ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によって簡単にできるようになっています。 今回はホバーボタン、スライダー、ハンバーガーメニューなど実例を交えながら、ステート機能の基本と一歩進んだ使い方を紹介します。AdobeXDは使っているけどステート機能は触ったことがない、ステート機能をイマイチ使いこなせてないという方はぜひご覧ください。 ステート機能の基本 簡単にステート機能について振り返っていきます。 ボタンなどの要素は、ユーザー操作によって状態が変わることがあります。たとえば、一般的な「いいねボタン」であれば最低でも「
バージョン管理システム「Git」の使い方はどのように教えるのが良いのか？
GitはLinuxの生みの親であるリーナス・トーバルズによって開発されたバージョン管理のツールで、数々のバージョン管理システムのなかで最も有名なものとなっています。しかし、Gitの考え方の中には初めて利用するという人にとっては分かりにくいものも存在します。エンジニアのレイチェル・M・カルメナさんが、Gitの基本的な概念について図を用いてまとめています。 How to teach Git | Rachel M. Carmena https://rachelcarmena.github.io/2018/12/12/how-to-teach-git.html カルメナさんが解説を書こうと思ったのはGitを使い始めた同僚のモニターに下の画像のようなポストイットが貼られていたことがきっかけだそうです。ポストイットには「add」「commit」「push」のコマンドが書かれていますが、その同僚は3つの
Googleカレンダーユーザーは知っておくべき神ワザ！ひとつ上のタスク管理術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Web事業部マネージャーのさささん（さっさん）です。 今回は職種関係なくビジネスパーソンのみなさんに読んでもらいたいネタを提供したいと思います。 さて、毎日仕事をされているみなさんは自分のタスク（業務）をどのように管理していますか？ プロジェクトであればもちろんプロジェクト管理ツールを使ってタスクを細分化してタスクの一つひとつを管理していると思います。 でもそのタスクって、だいたい開始日と終了日（期日）が設定されているもので、実際いつやるのか（何時から何時までにやるのか）まではなかなか管理されていないのではないでしょうか？ 「いつやるのか」を明確にするために、ひとつヒントがあります。 それはカレンダーツールを活用することです。 ということで、今回はカレンダーを使ったタスク管理について紹介いたします。 カレンダーを使ってタスクを管理しよう では実際に、どのようにカレンダーのツール
管理画面で設定できる！GoogleタグマネージャでGoogleアナリティクスを一元管理！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、なっちゃんです。 少し前になるのですが、6月にWeb制作の実績紹介サイト「LIG WORKS」を新しくリリースしました！ このプロジェクトは必要最低限の機能とページ数でスタートしたものなので、まだまだ完成ではございません。今後、もっともっと魅力的な実績サイトにしていくために、改善を加えていく予定です。 新しくサイトを立ち上げたとき、アクセス解析はとっても大事ですね！ 普段はGoogleアナリティクスのタグを埋め込んで数字を見ていくことが多いのですが、今回は思い切ってGoogleタグマネージャを使ってみることにしました。 今回のブログではGoogleタグマネージャでGoogleアナリティクスの設定方法を解説します！ 下記の画像からLIG WORKSが見れるので、よかったら見ていってくださいね♪ なぜGoogleタグマネージャを使用したのか 制作実績サイトの制作は「必要最低限のみで
プロジェクト管理はどうすれば良くなる？現役ディレクターが教えるフローのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさん、進捗どうですか？？？ ディレクターのともぞうです、こんにちは！ 先日、「LIG’s DIRECTION school」の「プロジェクト管理のノウハウ・ドゥハウ」の会に参加してきました。 今回講師を務めたのは、株式会社マックグラフィックアーツの合志さん。講演内容から学んだことを含め、イベントをレポートします！ はじめに：『LIG’s DIRECTION school 2016』とは そもそも『LIG’s DIRECTION school 2016』とは、LIGと日本ディレクション協会が共同で開校したスクール。なかなか体系的に学びにくい「ディレクション」を、豊富な現場経験を持つプロの講師から直接教えてもらえる内容になっています。 授業は初級もしくは上級コースがあり、それぞれ全6回、1年間かけてディレクションノウハウを習得します。なお、単体受講も可能なので参加できる回だけの参加もOKで
【Ansible入門】サーバーの構成管理をコード化してみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。長野オフィスのバックエンドエンジニア、ヤスタカです。 最近長野での休日の過ごし方がわからなくなってきています。この時期ってなにしたら楽しいの？ 山登り？ さて、みなさんはサーバーの環境構築をどのように行っていますか？ 手順書を作って、ひとつひとつコマンドを間違えないようにコピペして実行……そんなやり方をしていませんか？ それでも起きてしまうのが作業ミス。。 最近では「Infrastructure as a Code」なんて言葉もよく会話にのぼるようになってきました。 Infrastructure as a Codeとは 従来の手順書を元に手動で構築してきたサーバーの環境をコード化すること。これによりサーバー構築の自動化と管理が容易になる。 今回はAnsibleを使って、サーバーの構成管理をコード化してみたいと思います。 Ansibleで何ができるの？ https://www.a
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
Gitを触ってみよう。GitHubとソースツリーを使用した基本操作 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのゆたろです！ Git連載の2回目。難しい話は抜きにして、とにかく実際に触ってみましょう！ GitHubを使ってみよう！ GitHubとは、Gitのホスティングサービスの1つです。他にもBitBucket、Phabricatorなどがありますが、当記事ではGitHubを使って説明していきます。 GitHubのアカウント作成 https://github.com/ まずは、GitHubのアカウントを作成しましょう。ページ上部の「Sign up」よりアカウント登録画面に移動します。 上から順に、ユーザネームとメールアドレス、パスワードを入力して「Create an account」を押してください。 次にプランを選択して、「Finish sign up」で登録完了です。登録したメールアドレス宛に確認メールが届くので、アドレス認証も忘れずに！ 練習用リポジトリ
本当の初心者向け！Git入門のための概念から基本用語まで | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ほりでーです。 フロントエンドチームから、チーム開発には欠かせない「Git（ギット）」を基本から学ぶための連載がスタートします！ ということで、今回はその第一回目。 具体的な使い方の説明に入る前に、そもそもGitとは何か、なぜGitを学ぶ必要があるのか、という概論から入っていきたいと思います。前半ではスキルとしてなぜGitが重要視されているのか、後半ではGitに登場する基本的な概念について、初心者にもわかりやすく説明していきます！ 1. Gitが使えないと困る理由 Gitは、HTML・CSS・JavaScriptなどの コードを管理するためのツールで、世界的に定評があります。極端な話、Gitを使えるようになったからと言って、デザインが上手くなったり、すごいJavaScriptが書けたりするわけではありません。デザインやプログラミングのテクニックとは、あまり関係がないスキルなんで
【新人デザイナー必見】制作スケジュールを守るために実践したい3つの管理テクニック | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Webサイト制作のスケジュールを引くときに知っておきたい3点はこちらの記事から Webデザイナー歴6年のマチルダです。振り返ってみれば、本当に失敗の連続でしたが、1年目のときに一番苦戦したのは「締め切りを守ること」。 業務を行う上で基本とも言えることですが、身につくまではかなり苦戦し、ときには徹夜になることもしばしばありました。そこで今回は新人デザイナーの方の参考になればと思い、自分の失敗談を踏まえながら、実際に私が行っていたスケジュール管理術をご紹介したいと思います＾＾ 締め切りを守るために実践したスケジュール管理術 1. 作業スコープを事前に確認する 「作業スコープ」とは、制作するものの量や範囲のこと。 働き始めた頃は、自分がどれくらいのクオリティーのものを、どれくらいの時間で作成できるのかがまったくわからず、想定していた作業時間の2倍くらいは時間を費やしていました。そんな折に、バナー
Git-it - Gitの使い方を基礎から覚えるためのアプリ
Gitが開発現場におけるバージョン管理の軸になってきています。しかしGitには多くの機能があり、さらに他のバージョン管理に比べてローカルでできることが多いので、覚えるのが大変というイメージがあります。 そこで作られたのがGitの使い方を覚えるためのGit-itというソフトウェアです。Git-itを通してGitの使い方を学んでいけます。 Git-itの使い方 最初のページです。一番最初はGitのインストールからはじめます。 リポジトリを作ってみようのレッスンです。 コマンドも書かれていて、その結果をアプリ上から確認できるようになっています。 pullの方法。こうやって順番にすすめていくことでGitを使った開発の基本が抑えられるようになるでしょう。 Git-itの良いところはElectronアプリアプリなので、ローカルに作成したフォルダの状態などをチェックすることができるということです。コンテ
FinTechがいま話題！金融×ITの時代に注目のWebサービス7選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめに：FinTechって何？ そもそもFinTechとは「Finance（金融）」と「Technology（IT技術）」の2つの言葉を合体させた造語です。つまり「ITを使ったお金にまつわるツールやサービス」のことを総称して「FinTech」と言います。 今までであれば「お金を借りる」場合、知り合いや銀行などの金融機関からしか借りられませんでした。しかしIT技術を用いればネットを通じて「こういう事業をしたいからお金の支援をしてください！」と、すなわち “クラウドファンディング” という形で不特定多数の人から資金を集めることができますよね。 クラウドファンディングは一例に過ぎず、金融という括りの中では「資金調達」の他にも「保険」「投資」など広い分野でFinTechが広がりつつあります。最近では国策としてもFinTechが注目されており、金融庁が平成27年度の方針の項目としてFinTechを
Photoshop Lightroomでレタッチ♡アメリカ大陸を横断しながら使ってみたよ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。元いいオフィス管理人で、現在はフォトグラファーのゆうです。 先日、『べべ旅〜ひとりぼっちのアメリカ編〜』という企画で一ヶ月間アメリカ大陸を横断しながら撮影をするというお仕事をしてきました！ そこで今回はLightroomを使い、写真の管理からレタッチまで、写真をひとつの作品に仕上げるためのノウハウをご紹介したいと思います。 デジカメでの撮影は、撮ってから一手間加えるだけですごく良い写真になるので、ぜひみなさまも参考にしてみてくださいね♡ 【管理編】大量の撮影データを効率よく選別しよう べべ旅では毎日1,000枚〜2,000枚の写真を撮り、それをその日のうちに40枚くらいに選別して作品に仕上げていたので、大量に撮った画像を効率よく選ぶことが重要でした。実際にどうやって選別していたか、ご紹介いたします！ Lightroomで簡単に写真の整理をしよう 写真選定に大活躍するのが、Lig
エクセル（Excel）で「名前」を管理すれば、数字を使わなくても関数が使える♩ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、管理部のゆりえです。 みなさんエクセルで表を作るとき、毎回同じところを選択してコピーしたり、数式の中でセルの位置を入力したりするのが「ちょっと大変だなあ＞＜」と思うことはありませんか？ 私はよくあります。 今回は、そんな「ちょっと大変だなあ＞＜」な気持ちが少し軽くなる、「名前」という機能をご紹介します。 「名前」ってなに？ エクセルのセルは、A1やF3のように、その位置の「行」と「列」をアルファベットと数字で表します。また、1つのセルではなく範囲を表す場合は、A1:F3のように、左上端と右下端をコロン「:」で挟んで表示します。 そんなセルや範囲には、名前を付けることができるんです！ そのまま「名前」という機能です。なければ困る機能ではないので、知らない方もいらっしゃるかもしれませんが、使い方によっては数字を入力せずに関数が使えるちょっと便利な機能でもあります。 「名前」を使うと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイナーが知っておきたいPhotoshopのPSDファイル、レイヤー、エフェクト、フォントやテキスト、素材の効率的な管理方法
