Photoshopの使い方〜基本設定から写真加工の方法まで〜【初心者向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 写真や画像の合成、切り抜きといった作業ができるPhotoshopは、グラフィックデザインやWebデザインにおいて必須のツール。自由度高く編集ができて便利な一方、初心者からすると「使い方がよくわからない」と困ることもありますよね。 そこでこの記事では、初心者向けに初期設定から写真加工を行うまでのPhotoshopの使い方をわかりやすく解説します。 Photoshopを使いこなすための第一歩として、ぜひ実践してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求くだ
目指せ効率化！レスポンシブWebデザインを制作する際に役立つサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのももこです。 直近は、雨の降る鎌倉でアイドルに大量の和菓子を渡す忙しい日々を送っております。 今回はレスポンシブWebデザインのサイトを制作する際に役立つツール、Webサイトを6つご紹介します。 The Responsinator iphone・Android・iPad・Kindleの枠にそれぞれWebサイトを嵌めこんで表示してくれます。シンプルなデザインの枠が素敵です、縦横表示を同時に見れるのも利点ですね。 http://www.responsinator.com/ Responsive Web Design Test Tool モニターの大きさを変えてリアルタイムにレスポンシブの動作確認が出来ます。 画面にメモリがついており、右上に画面サイズも出ているので使いやすいです。 スマートフォンからデスクトップまで各製品の画面サイズも用意されており、お手軽に利用できます
"Amazon"に学ぶ、4つの観点で考察するUXデザイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様こんにちは、シリコンバレーでUXデザイナーをしているライターのYUKIです。今回はあるひとつのサイトについてUXデザイナーとしての立場からレビューをしてみようと思います。 はじめに 私は友人らと作っていたスタートアップ会社を軌道に乗せるために数年前シリコンバレーにやって来て、現在は某米国の大企業でデザイナーとして働いています。公式な肩書きはヴィジュアル・デザイナーなのですが、実質的にはインタアクションやヴィジュアル両方に携わるユーザー・エクスペリエンス・デザイナーというところです。 LIGでは、かなり個人的な見解で、ユーザビリティに優れていると思ったサイトを説明もふまえながらレビューしたいと思います。 ただ、私が現在持っている知識は本格的にユーザビリティやデザインを学校で学んで得たものではなく、あくまでも実際の現場で働いて得たものばかりなので、「これが絶対に正しい」と思うのではなく、「
有名心理学的効果を使った、思わず読みたくなる記事の作り方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらはWebライティングに関する全10回のシリーズ記事です。 さて、良い記事を書くには、ひらめきや芸術性といった右脳的な発想が必要だと思われがちですが、思考や論理といった左脳的な発想だって必要です。 具体的には、より多くの人に記事を読んでもらうために、検索エンジンのアルゴリズムだけでなく、人の心や行動のメカニズムも解明したいところです。 そこで今回注目したいのが、コピーライティングやセールスライティングの分野では当たり前のように取り入れられている「心理学」です。 「心」の様々な働きと、それに基づく行動を、統計学的手法を用いて科学的に解明する学問である心理学。その中から、思わず読みたくなる記事の作り方に応用できそうな効果をまとめてみました。 ▼目次 ハロー効果 カクテルパーティー効果 ザイアンス効果（単純接触効果） 記事タイトルを作るうえで参考にしたい3
本当に失敗したな。まさにそう思う。何の話かというと、欧米の企業には「プロセスオフィス（Process Office）」と呼ばれる部門が普通にあるのに、日本企業には全くと言ってよいほど存在しないことについて、あまりに問題意識がなさ過ぎたのを悔やんでいるのだ。よくよく考えると、このプロセスオフィスに相当する部門がなければ、DX（デジタルトランスフォーメーション）なんてできるわけがないのだ。で、「IT部門がDXの実行部隊となって……」などと言っていたら、まさに噴飯ものである。 私と同様に、「プロセスオフィスだって？ そういえばそんな話を聞いたことがあるな」といった程度の認識の読者は多いだろう。というか「何だ、それ」という読者が大半かもしれない。それぐらいプロセスオフィスは日本企業には縁遠いのだ。さて、記事の書き出しがこうならば当然、まずはプロセスオフィスとは何かを説明するのが筋だ。だけどねぇ、プ
おしゃれなサイトで、気持ちを切り替えたいときに【20選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちははじめまして、つい先日LIGに入社したあゆみです。 気づけば早くも3月も一週間が過ぎ・・・ということで、今日も思いの他ぬくぬくしていますね。ぽかぽか。 そんなわけで早速、気持ちを切り替えたくなるこの季節に触れておきたい、見た目も素敵なおっしゃれーな情報が載っているWEBサイトをいろんなジャンルから抜粋して紹介します。（おしゃれって言うのすごくこっぱずかしい） オシャレな情報盛りだくさんのWEBサイト20選 1. WIRED スタートはWIREDで。ガジェット系が強いので、LIGのブログを読んでいる方のなかにも読者という方、多いんじゃないでしょうか。雑誌も毎回切り口が思わず「いいね！」と言ってしまうような、いい目線で特集が組まれているのですが、WEBの情報量も半端ないです。毎回頭よくなった気分にさせてくれます。 2. THE PUBLIC 気になる情報やクリエイターの話を、渋谷の2
シンプルイズベスト！おしゃれなモーダルウィンドウを実装できる「SIMPLE MODAL」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れ様です、ももこです。 おしゃれなWebサイトでコンテンツの表示に、モーダルウィンドウを使うと格好よく映えたりしますよね。 今回はクールなモーダルウィンドウを簡単に設置出来るJavaScript「SIMPLE MODAL」※すでに提供を終了していますをご紹介したいと思います。 「SIMPLE MODAL」 デモ 用意されているデモは全部で8種類あります。 その中でも特に使用頻度が高そうな5つのデモをご覧ください。 ALERT シンプルなアラート風ウィンドウ 商品紹介などに使えそうな基本的なウィンドウ MODAL AJAX AJAXを使用し、コンテンツにアコーディオンを含めているウィンドウ MODAL IMAGE LightBox風に画像を表示するウィンドウ VIDEO EMBED 動画を埋め込んで再生するウィンドウ 記述 ウィンドウ内のテキストや画像は全てスクリプトの中に含めます。 「
簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整（カーニング）ができます。 はじめに：ベタ組みと文字詰め 日本語フォントは基本的にベタ組み（等幅）で読みやすいように設計をされています。長文を読むにはベタ打ちのほうがリズムよく読めて疲れないので、本文などはベタ打ちのままのほうがよい場合が多くあります。 それでもフォントサイズの大きい見出しなどでバシッといい感じに決めたい場合もありますよね。個人的には記事のタイトルが並んでいるなかで、カッコから始まるものが混じっているときなどは、「んぁ〜」
DXコンサルタントの日淺と言います。 2019年からDX専門のコンサルティングファームを経営し、これまで30社以上の大小様々なDXプロジェクトを支援しています。 私が、2年前にDXコンサルティングファームを経営し始めたころは、「DXって何？」と言われることが多かったですが、今は、DXといえば、ビジネス用語として通じるように変化してきたことを実感しています。 現在、本年中の発刊を目指して、私自身も出版社と企画を進めています。 以前、「DXとはなにか？」という視点でもおすすめ本もまとめたので、こちらも合わせてご覧ください。 今回は、更にDX推進する方、プロジェクトを運営しなくては行けない方を対象に 「DXプロジェクトを進めるための本」を選んでみました。 この記事は、 DXプロジェクトの推進方法をどうしたら・・・？DXの最前線の現場ではなにが起こっているのか？ という方向けに書いていますが、 ぜ
アクセス増加を狙え！読みたくなる記事タイトルの付け方、7つの秘密 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のあゆみです。 ブログメディアの運用をしている中で、「ブログを読んでもらうにはどうしたらいいのだろう？」「記事を読んでもらえる記事のタイトルってどんなコツがあるのだろう？」という思いで毎日タイトルとにらめっこしています。 そこで、日々の経験で見つけた、バズる…とまで言うとなんですが、【より多くの人にアクセスしてもらうためのタイトル付け】に気をつけるべきポイントを、LIGブログでのタイトルを例にまとめました。 LIGブログを執筆している社員やライターの方はもちろん、ブログを書いている方の参考になれば幸いです。 1 . 検索エンジンを意識した文字数、30字までにおさめる 主な検索エンジンでは以下の文字数まで表示されます。 Google – 全角30文字前後(ほぼ固定) Yahoo – 全角28～33文字程度(可変) 以上を考慮して、長くても全角30文字程度で内容が把握
サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、
炎上マーケティングばかりしているから、イケダハヤトの家を燃やしに行った話 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
実は今、高知県に来ています。 高知にやってきた。何気に初めてです。 — 菊池良 / Kikuchi Ryo (@kossetsu) 2015, 9月 30 初めてやってきました。イケダハヤトさんにどうしても会いたかったからです。 解説：イケダハヤトって？ 高知県に住むプロブロガー。通称・イケハヤ。バナー広告やアフィリエイトなど、ブログの収益で生計を立てている。 東京から高知に移住したことがヤフートピックスに載るほど話題になった。現在はさらに山奥に引っ越し、限界集落に在住。ブログ名「まだ東京で消耗しているの？」は煽りタイトルとして一部のネットユーザーの間で流行っている。 イケハヤさんは元々、よく会社員をDisったりして炎上していたんですが、高知に移住してからはおとなしくなっていたんですよね。トマトの紹介したりして。 それがまた最近、炎上マーケティングがひどくなってきたんです。「大企業のダメな
SEOを総合的に強化するWordPress無料プラグイン8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！好きな食べ物は、SEO（スーパー・エッグ・オムライス）でありますライターの、のび太です。 サイト作りで忘れちゃいけないのがSEO。検索結果で1つでも上位に表示させるため、そして、アクセスアップのためにSEO対策はどんなサイトでも重要です。 WordPressには、SEOを強化するための便利なプラグインがたくさんあります。今回はその中でも特に使えると思ったものを厳選して8つご紹介したいと思います。 ※ここでご紹介するプラグインがすべてのサイトで100%使える保証はありません。使用する際は自己責任でお願いいたします。 SEOを強化するWordPress無料プラグイン8選 All In One SEO Pack https://wordpress.org/plugins/all-in-one-seo-pack/ SEOプラグインとして、定番中の定番なのが「All in On
あのフォントがWebフォントに？！有名フォントにそっくりなWebフォントを見つけたよ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ぺちこです。 何か気のきいたオープニングトークをしようと思いましたが、びっくりするほど何も思いつかなかったので割愛します。 突然ですが、「あのフォントをWebフォントとして使いたい。でも、それにはライセンスの壁が・・・。」という悩ましいとき、ありますよね。 欧文フォントに関しては数も多いので代替のWebフォントを探すかと思いますが、これがまた時間がかかる。探している間に素敵なフォントに出会うこともありますが、短縮できるものはなるべく短縮したい！ というわけで、「Google Fonts」と「Font Squirrel」から有名なフォントにそっくりなフォントを探してみました。 比較するときの基準 探したとき、主に重視した部分は以下です。画像で比較しているアルファベットだけが似ていても仕方ないので、ある程度の基準を設けています。 「a」「b」「c」「d」「o」の丸み 「a」「g」の
自社ブログが300万PVになってわかったオウンドメディア戦略の成功事例と問題点まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木（@amanojerk）です。編集長とは具体的になにをするのかとよく聞かれますが、記事のライティングと編集、企画と進行、全体のクオリティチェックと売り上げ・PVの数値管理など、基本的に何でも屋です。 さて、2012年1月から本格的に運営をはじめたLIGブログは、2013年3月に100万PV、同年12月に200万PV、そして2014年7月には300万PVのメディアになりました。今後、LIGブログはなるべく早い段階での1,000万PV達成を目標に運営をしていきます。 しかし、LIGという組織や、Webメディアを取り巻く環境が常に変化を続けている以上、そのオウンドメディアもまた、柔軟な変化が要求されるでしょう。そこで、この機会に、LIGブログが300万PVになるまでに成功したこと、問題になったことをまとめました。 オウンドメディアやインバウンドマーケティングと
業界頻出のビジネス用語・カタカナ語130選【用例つき】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 ここ半年くらい、とある上司が折に触れて暑苦しく「絶勝！絶勝！」と煽ってくるのですが、「絶勝」は「圧倒的勝利ッ！」という意味ではなく、正確には「超いい景色」という意味です。 言葉の使い方を間違えると部下から「バカなの？」と思われるので注意しましょう。 今回は、IT/Web業界頻出のカタカナ・ビジネス用語を130個ほどピックアップし、まとめてみました。自信のない人は辞書代わりに、自信のある人は用例と見比べつつ本当に正しく使えているかのチェックリストとしてご査収いただければ幸いです。 それでは、はじめます。 ※この記事は、2014年6月25日に公開された記事を再編集したものです。 【編集部からのお知らせ】 リスキリングに興味があるみなさんへ。 何を学ぼうか迷っている方におすすめなのが「Webクリエイター」です。 Webクリエイターをはじめとしたデジタルマーケ
これから入籍 ・ ご結婚される方は、入籍後におこなう手続きについて調べると思います。今回はその方々に向けて、入籍後の手続きについて書かせていただきます。 あくまでも私が実際に入籍した後に調べていた内容となりますので、参考までに見ていただけたらと思います。 それではどうぞ。 必見！ 入籍後の名義変更まとめ 入籍時に行う手続きのリスト 婚姻届 免許証の氏名 / 住所変更 銀行口座の氏名 / 住所 / 届け印変更 各種クレジットカードの氏名 / 住所変更 携帯電話の氏名 / 支払い先口座 / 住所変更 パスポートの氏名 / 住所変更 ※そのほかに、保険や年金、光熱費などもありますが今回は上の 6 つだけお話します。 婚姻届 必要なものは戸籍謄本と旧姓の印鑑と婚姻届でした。 注意しておきたいのは戸籍謄本の準備です。 本籍のある役所からいただかないといけません。手数料は 1 通 450 円です。 郵
PHPでjQueryチックにWebサイトをクローリングする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
あ、どうも僕です。 今日はPHPでWebサイトをクローリングしてjQueryチックにDOMを操作して、データを取得したり、画像などをダウンロードする方法について書こうと思うよ！ これができると何がうれしいかって、いつも手動で巡回しているサイトなんかにアップされてる画像データを自動でダウンロードできるようになるんだよね。 人がやっていた作業をコマンド一発で自動化できるから、捗ること間違いなしだよ！ あれ、この人、この前node.js使って同じことやってなかったっけか？ node.jsを使ってjQueryチックにWebサイトをクローリングする方法 なんで同じことをPHPでやってんだ？とか思っていやしないだろうか。ああそうさ！ついこの前、node.jsで全く同じことをやって記事を書いたさ！なぜかって！？それは、node.jsの非同期地獄にやられたからさ！ やつめ、データのダウンロードからデータベ
DX Criteria( DX基準 )は、日本CTO協会が監修・編纂している企業のデジタル化とソフトウェア活用のためのガイドラインです。 本基準は、デジタル技術を企業が活用するために必要な要素を多角的かつ具体的に体系化したものです。ソフトウェアエンジニアリング組織の健全な成長・経営目標の可視化・パートナーとのコミュニケーションなどに使っていただくことを目的に作成されています。 また、本基準は絶対ではありません。誰かを攻撃したり、アセスメント結果の数字のみに注目して本質的な改善をおろそかにするためのものではありません。極めて実践的で具体的な項目で構成されているため、定期的に最新動向に併せてCTO協会のWG内で議論をおこないながら、適宜アップデートをしていくものです。
固定ヘッダーを簡単に実装可能なJavaScript「On Scroll Header Effects」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 新オフィスに引っ越してから、いろいろな人のお手製ご飯が食べられて嬉しい今日この頃です。 今回は、セクションごとにスタイリッシュな切り替えができる固定ヘッダーを簡単に設置できるJavaScript「On Scroll Header Effects」を紹介します。 公式ページはこちら： https://tympanus.net/codrops/2013/07/16/on-scroll-header-effects/ デモ まずは、下記リンクからデモをご覧ください。 https://211.125.65.24/demo/2013/10/effect/ ※現在はサービスを終了しています。 実装手順 使用するのは「jQquery」と「waypoints.js」の2つです。 まずはHTMLとCSSを用意します。 CSSの読み込み <link rel="styles
WordPressサイトの管理者向けセキュリティ対策方法チェックリスト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様はじめまして、モリイです。本業ではWordPress専用のセキュリティ診断サービスを運営しています。 さて、ご存知の方も多いとは思いますが、WordPressは攻撃者によく狙われます。 その理由の1つは高い導入率です。LIGブログでも以前こちらの記事「みんなは知ってる？WordPressの特徴と人気の理由を分析してみた」で紹介されていたように、世界で一番人気のCMSです。WordPressで作成されたサイトは世界中に9000万以上あると言われており、悪意を持っている人物にとっては格好のターゲットです。 また、WordPressだけではなく、CMS一般、例えば、Drupal、EC-CUBEなどにも言ることですが、構造がパターン化されており、そのCMSを利用しているということが一目でわかる、ということも攻撃される理由に挙げられます。 そこで、サイト管理者は攻撃者からサイトを守らなければいけ
パチンコの特殊景品ってどれぐらいの価値があるの？プロの買取業者に売ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 ライターの紳さんです。 皆さんはパチンコをやったことはありますか？ 一般的には「ギャンブル」といったイメージが強いのですが、日本では刑法185条に定められている通り、賭博をすると罪になります。 パチンコ店やパチンコをする人達が賭博法で摘発されない以上、パチンコは法的には賭博ではなく、あくまでエンターテイメント。娯楽の一種という認識ですね。 ・ ・ ・ 今回、僕は「とある景品」を手に入れるためにパチンコに挑戦しました。 パチンコ店では、遊戯をして獲得した出玉（パチンコ台から出てきた玉）を様々な景品に変えることができるんです。シャンプーや洗顔フォームといった生活雑貨から、ジュースやお酒、お菓子といった食料品、タバコやブランド物の腕時計にバッグなど、安価なものから高価なものまで、多種多様な景品を獲得することができます。 もっとも、それはうまく大当たりを引き当てた場合の話ですが… ・
フロントエンド開発を裏から支えるデバッグアプリケーション4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。4月1日からLIGで働いてます、ハカセです。今後フロントエンドの開発に関する情報を発信していきますので、よろしくお願いします。 さて、フロントエンド開発でのブラウザチェックって結構大変ですよね。こういう作業は重要なのですが、飽きやすいので、効率よく進めていきたいところです。 LIGでもブラウザチェックなどのデバッグの方法については定期的に議論がなされる永遠のテーマです。 そこで今回は、チェックやデバッグを助けてくれるツールから、Win/Mac共通で使えるものを厳選してご紹介します。 1. Edge Inspect http://html.adobe.com/edge/inspect/ Adobe社が提供しているアプリケーションで、Creative Cloudに入っています。 PCのブラウザとモバイル端末で同時にリアルタイムの確認ができたり、スクリーンショットを取ったりすること
Git初心者でも大丈夫！完全無料でGithub PagesにWebページを公開する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。先日LIGのBBQが行われたのですが、夏の日差しで黒こげになりました。 さて、今回は昨今のエンジニアの必須ツールと言っても過言ではないGithubの話です。 Githubと言えば、ソースコードのバージョン管理システムであるGitのホスティング環境として有名です。 Git経由でソースコードを共有して、個人やチームでソースコードの管理を行えます。 ※LIG社内ではGithubではなくてBitbucketを利用していますが・・・ そんなGithubにGithub Pagesという静的なWebページを無料で公開できる機能があるのはご存知でしょうか。 ということで、Github Pagesを使ってGithub上に静的なページを公開する方法を紹介します。ノンプログラマ向けなので、Git初心者の方もぜひチャレンジしてみてください！ 参考：Github Pages h
こんにちは、デザイナーの白浜です。 前回「ガーリーなデザインがしたい！おすすめのサイト＆テクニックまとめ」を書いたのですが、まだまだご紹介しきれなかった素材サイトがあったので、part2を書きました！ 引き続き、ガーリーなデザインに興味がある方はぜひチェックしてみてください。 ブラシ編 Photoshop用ブラシ ガーリーなブラシ素材、実は結構あります。まずはPhotoshopから。 無料(フリー)素材「レース（ライン）のPhotoshopブラシ素材」 http://webworkkit.minibird.jp/photoshop/brush/lacelinebrush.html シンプルで使い勝手の良いPhotoshop用のレースブラシです。種類も5つあるので雰囲気に合わせて使えそうですね。 こんな感じでブラシの間隔を調整すればビーーーっと継ぎ目のないレースのラインが引けます！ ちょっと
こんにちは。ライターの紳さんです。 突然ですが皆さん、麻雀はお好きですか？ 「水中で麻雀をやったらどうなるんだろう？」 …麻雀好きなら一度は考えたことがあるかと思います。 水中麻雀の懸念点 水中麻雀を行う上で、2つの問題が予想されました。 1.浮力問題 麻雀牌が浮いてしまったらどうしよう？ まぁ、どうしようもなにも、浮いたらゲームオーバーですよね。仮に浮かなかったとしても、軽くなった牌がパタパタと倒れないかが心配です。 ちなみに、準備の段階で麻雀卓がものすごい勢いで浮いたので、割と絶望しました。 2.喋れない問題 水中では「ゴボゴボ…」という無機質な音だけが鳴り響きます。 麻雀は「ポン」「チー」など声で合図する場面も多く、喋れないのはかなり大きな問題です。点数申告などもどうやってやるのか、気になりますね。 まぁ、考えていても仕方ないので、とりあえずやってみましょう！ 果たして、水中で麻雀は
【完全版】インフォグラフィックとは？作成のコツや参考サイトを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGの岩上です。 インフォグラフィックは情報やデータを視覚的に表現したいときに用いられ、ごちゃごちゃしているものをシンプルでわかりやすく伝えるために用いられます。 今回は、インフォグラフィックとはどんなものなのか、具体例や作成のコツまで解説していきます。 独学でつまずいていませんか？ Webデザインをもっと効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は、2013年9月27日に公開された記事を再編集したものです。 インフォグラフィックとは インフォグラフィック（Infographic）とは、わかりづらいデータや情報を、図やイラスト
ブログのネタ探しに悩んだら使いたい国内外のWebサイト・ツール10選+α | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のナッツです。 ブロガーなら初心者だろうとなかろうと、誰もが必ず直面する悩みがあります。 それが……「ブログに書くネタがない！」。 どれだけ頭をひねっても、どれだけネットサーフィンに勤しんでも、書くネタがない！ ブログってなんだ？！ そんな悩みを抱えているアナタのために、今回はブログのネタ探しに悩んだら使いたいWebサイト・ツールを10個、ご紹介します。 タイトル案からブログネタを考える 特定のテーマに絞って書いていくと、「このネタ、前もブログに書いたしなぁ」ということが多々あります。 一方で、特定のテーマに絞っているにも関わらず、定期的に記事を更新しているブログが多く存在しているのも事実。 その違いは「切り口」です。 例えば「ブログの書き方」というネタでも、「ブログの書き方が学べる書籍10選」、「ブログの書き方に影響を与えた映画10選」、「タイプ別ブログ記事の書
サイト制作の参考になる「優れたWebデザイン」10のポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
普段は主にWebフロントエンドを担当しているライターの内藤です。 下記の記事にインスピレーションを頂きましたので、美しいだけではない”優れている”と思われるWebデザインについて、要点を簡単にまとめてみようと思います。 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください！」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザイナーさんに殺意を覚えるものまで色々あります。 デザイナーからコーダーへ直接デザインが回ることもあれば、間にディレクターが入ることもあると思います。 美しい・きれいなデザインであればあるほど、フロントエンド組も、よし、やってやろうじゃないか！と気合いが入るのは事実です。 けれども、美しいだけでなく”優れた”デザインであれば、以下の様なメリットがあります。 コーディングが楽になるのでフロントエンド組に優しい 下流工程の
HTML5 input type のブラウザ対応について検証してみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによって多少デザインや仕様が変わります。 対応していないブラウザはどうなる？ 各ブラウザで対応していないtypeはtype=”text”で生成されます。 rangeとcolor以外はなんとかなりますね。 バリデートの実用性は？ Safariはバリデートが機能していないようでしたし、仕様も不親切な点が見受けられました。 各ブラウザのバラバラな対応状況を考えると、実用出来るのはまだ先のように思います。 バリ
初心者でもすぐに役立つ！SEOに効くGoogleウェブマスターツールの機能と使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
じつかわです。ヴォラーレでSEOコンサルティングをやってます。 さて、今回のテーマは「Googleウェブマスターツールの使い方」。なんとなく便利なことは知っているけど活用できていない、という方は多いのではないでしょうか。多機能で便利なウェブマスターツールですが、今回は初心者でもすぐに改善に役立てる機能をピックアップしました。 ウェブマスターツールって、何？ ウェブマスターツールとはGoogleが公式に提供する無料のサイト改善ツールで、WebサイトがGoogleからどのような状態に見えているか、を教えてくれます。 https://www.google.com/webmasters/tools/home?hl=ja Googleアナリティクスなどのアクセス解析ツールでは、サイトへのユーザーのアクセス状況などは分かりますが、WebサイトがGoogleにどう見られているかを知ることはできません。
ノンプログラマでもコピペでOK！JavaScriptを使ってDroneを飛ばそう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。 さて、今回はDrone（ドローン）の話です。注目されてますよね〜。 以前、株式会社フォークの石射さんにParrot DroneをNode.jsで制御するやり方を教わりました。その後、自分で購入して少しずつ触っています。 そして、初めてDroneを飛ばしたときに感動したので、その勢いで社内勉強会も実施しました。 参加者はディレクターやデザイナーといったエンジニア以外の職種の人のほうが多かったのですが、Droneを問題なくプログラム制御することができました。 今回は、社内勉強会でやった内容をもとに、 ノンプログラマな読者のみなさんもDroneをプログラムで制御できるようになる7つのステップを紹介してみたいと思います。 ▼ テクノロジーをおもしろがれ！
生活の困ったを実体験から解決できる方法をブログに書き留めています。掃除や整理術、さらに投資など広く調査し実践した結果を乗せています。また気になるおすすめな情報も展開していますので、楽しんでください。 ダウンタウンDXの「スターの差し入れ絶品グルメ！」で紹介されていたスイーツ＆グルメがかなりのおすすめ！この放送見ていた人は、芸能人おすすめグルメに魅了されたのでは？注目のスイーツ＆グルメが勢ぞろいです。 芸能人は差し入れすることが多いですから、こういったお使い物に詳しいですね。差し入れは他人が食べるもだからこそ、評価が下がるものは買わないでしょう。ダウンタウンDXにて7月7日に放送された内容から紹介しちゃいます！そんな芸能人が差し入れする実績のあるオススメのスイーツ＆グルメ！さらに私の好きなバナナマンがおすすめしていた超絶お取り寄せグルメがあるので、そちらもどうぞ～！ ◆「シェ カザマ」のパン
月間PV/UUどのくらい？好きなサイトの月間PV/UUを調べてみました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。代表の岩上です。LIGではコーポレートサイトをメディア化するべく色々と試行錯誤しながら、やれ今月はPVはどれくらいいきそうかなどメディア事業部をつついております。今回、ふと、自分自身が良く見ているサイトのPVやUUはどうなのだろうと調べてみたので、分かる範囲で共有します。 Tech Crunch Tech Crunch 海外、国内問わずベンチャーに特化したニュースサイト。ターゲットを絞った上で190万PVはスゴイですね。ターゲット層もIT関連企業で先進的なユーザと明確です。2006年のTechCrunch Japan立上げから僕もずっと見てます。 月間UU：80万 月間PV：190万 メディア資料[PDF] CNET Japan CNET Japan IT系の総合ニュースサイトです。1000万PV以上はさすが。ここ最近、IT系のブログメディアが増えてきてるので、過去から現状の経
こんにちは、デザイナーの花ちゃんです！ 最近イラストのご依頼をいただくことが増えています。描くのは楽しい反面、時間がかかってしまうこともしばしば……。 そんなときの時短テクニックとしておすすめしたいのが、「ロイヤリティフリーのイラスト素材」です。自分のイラストと組み合わせることもできますし、構図や配色の参考としても役立ちます。 この記事では、無料で使えて、商用利用もできるフリーイラスト素材サイトをカテゴリーやテイスト別にまとめています。イラストは作者によって絵柄や表現の仕方に個性が出やすく、イメージに合ったものを見つけるのが難しいですよね。日頃からさまざまなテイストのイラストをストックして、引き出しを増やしておくことが大切です。ぜひイラストを探すときの参考にしてみてください！ イラストも作れるWebデザイナーを目指すなら…… イラストの制作のテクニックや基礎的なデザインスキルを一から学びた
LIGブログにダメ出ししてください！第1回ネットウォッチャー・Hagex（ハゲックス）さん | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長・ナッツです。 昨今のWeb業界は多数のメディアが誕生し、日々無数のコンテンツが生み出されています。この状況を、「ネットの有識者」や「ご意見番」と呼ばれる方はどう見ているのか？ そしてLIGブログをどう思っているのか？ お伺いしてみたいと思います。 題して 「LIGブログにダメ出ししてください」 初回のゲストは、月間約300万PVのブログ「Hagex-day.info」を運営し、はてなブログを中心に活躍するネットウォッチャー ・Hagexさんに来ていただきました。 ※ご本人の希望により、顔に処理を施しております。 ー Hagexさん、本日はよろしくお願いいたします。 よろしくお願いします。私はLIGが大好きなので、今回LIGのダメなところをスライドにしてきました。徹底的にプレゼンさせてください。 人物紹介：Hagex ネットで起こる揉めごとを長年培った勘と目で
Illustrator初心者のための使い方・初期設定まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「Illustratorをはじめて使う人が、ひと通りの基本的な操作ができるようになる」ところまでを目標とした全4回の超初心者向けIllustrator講座です。 第1回は「Illustratorって何？」というところから、ダウンロードしたIllustratorをWeb制作に適した環境に設定するところまでを説明していきます。初心者ではない方は、おさらいのつもりで確認してみてください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ Illustratorって？ Illustratorとは、アドビ
堤 信之 ＜概略＞ 数あるサイバー攻撃の中でも、特定の攻撃手法が既に広く世間に周知され、かつ実際に被害も頻発しているようなケースでは、当攻撃手法に関し、システムベンダーは医療機関等に対し、委託契約又は信義誠実の原則に基づく付随義務として、医療機関等が患者に対する安全管理義務を履行するために必要な情報を適時適切に提供する義務を負うと考えられる。 従って、医療情報システムに設置されたFortinet製VPN装置（CVE-2018-13379）の脆弱性を突いたサイバー事故が医療機関に発生した場合、たとえ医療機関とシステムベンダーで締結したシステム保守契約において、当リスクにかかるシステムベンダーの情報提供義務が明記されていなかったとしても、当該装置の脆弱性に関する情報提供がなされていなければ、医療機関からシステムベンダーに対し、「信義誠実の原則」違反を理由に一定の責任を問える可能性がある。
AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 6月から役職が変わりフロントエンドリーダーからCTOになりました、先生です。 もうAngular1.4にアップデートしましたか？ Angular1.4になりマテリアルデザインを意識したアニメーション関連の変更や実装がおこなわれました。その分Breaking Changesもあるのでアップデートには注意する必要があります。 今日はそんなAngularJS 1.4を使って、マテリアルデザイン風にページ遷移するアニメーションを作ってみたいと思います。 今回のデモ デモは下記リンクになります。 各メンバーをクリックするとスムーズにアニメーションして詳細ページに遷移します。まずは触ってみてください。 http://frontainer.com/ligblog-sample/angular-morphing-animation/#/ 必要なもの AngularJS1.4 – https:
誰でも簡単にできるGoogleアナリティクスの検索キーワード分析入門 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGのアートディレクターの長岡です。 前回の記事では、Webサイト制作に関する基礎についてお話させていただきました。 今回はWeb担当者ならぜひやっておきたいアクセスログ解析を使った、オーガニック検索からの流入、そのときに使われているキーワードの分析方法などについて説明していきます。 オーガニック検索からの流入ついて オーガニック検索とは、GoogleやYahoo!、Bingといった検索エンジンを利用してのサイト訪問になります。 これらを調べることで、「サイトを訪問するユーザーが、どういうことに興味・関心を持って自分たちのサイトを見ているのか？」「ユーザーに対して、きちんと有益な情報（コンテンツ）を提供できているか」を分析することができるようになります。 なお、2013年の9月より、Googleが全ての検索に対してSSL通信を使用することになった結果「(not provide
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「欧米企業に普通にある部門」がない日本企業、それじゃDXなんてできるわけないぞ
30社以上のDXを推進した私が厳選！これから読んで欲しい”DXプロジェクトのための本”5冊
入籍後の大事な手続き6選【これから入籍する方必見】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
DX Criteria (v202104)/企業のデジタル化とソフトウェア活用のためのガイドライン
レース素材などが豊富なガーリー素材サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
水中で麻雀をやるとどうなるの？実際にやってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
芸能人が差し入れる絶品スイーツ＆グルメ８選！（byダウンタウンDX）
フリーイラスト素材サイト39選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
サイバー事故に関し システムベンダーが負う責任： 医療DXを推進するために | 日本医師会総合政策研究機構