フロントエンドエンジニアがオススメするWeb技術の書籍5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 今年も残す所あとわずかですね。 今年はたくさん勉強会なるものに登壇させていただく機会があり、そのおかげか勉強する機会が去年よりも多かったように思えます。 去年まではせいぜい年に2万冊程度しか読んでいなかったんですが、今年は3万冊くらいは読んだかなあ…。 ちなみに去年はこんな記事「2013年厳選版！フロントエンドエンジニアがオススメするWEB系の技術書・指南書」も書きました。 そんなわけで、今回はフロントエンド界隈の勉強会に登壇するとき参考にさせていただいた本を5冊紹介したいと思います。 なんせ3万冊のなかから厳選した5冊ですから、名著であることは間違いないです。 2014年厳選版！フロントエンドエンジニアがオススメするWeb系の技術書 もくじ カルタ付 HTML5マークアップ 現場で使える最短攻略
【大事】2015年お正月休みのお知らせ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さまこんにちは、広報担当のヨシキです。 いよいよ2014年も残すところあとわずか。今年もLIGブログの読者の皆さまには大変お世話になりました。 さて本日は、年末年始の休日についてお知らせさせていただきます。 2014年12月27日（土）〜2015年1月4日（日）までの9日間、株式会社LIGは年末年始のお休みを頂戴します。 来年もどうぞLIGを宜しくお願い申し上げます。 なぜ、年末年始は長く休むのか 今回、9日間という長期に渡ってLIGはお休みを頂戴しますが、ここではなぜ年末年始は長く休むのか、ということについて考えていきたいと思います。 まず期間についてですが、一般的には官公庁が12月29日から1月3日までを休日としていることに準じる企業が多いようです。そこに土日が加わることで、カレンダー次第では9連休などの長期休暇となります。 ただし、就業規則で年末年始の休日についてどのように設定され
企画書で悩んだときにアイデアをくれるおすすめ書籍5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさん、初めまして！ 先日ジョンさんの企画した「第二回 大喜利大会」に参加し、気持ちの悪い下ネタでLIGブログデビューを果たしてしまったウェブディレクターの「ちょうさん」と申します！ 今回はボクがブログ担当！ 企画書のアイデアの考え方を学ぶのに、私の独断と偏見でオススメの書籍紹介です！！ アイデアのつくり方 – ジョームスWヤング この本は、学生時代に大学の課題で出された本でした。 当時は「めんどうだなぁ」と思って心に何も残らなかったのですが、今の仕事をしはじめてから、何度も何度も読み返している本です。 元コピーライターだった著者、がいかにしてひらめき（ユーレカ）を生み出してきたかを5つのステップで紹介しています。 誰にだってひらめきは湧くのだ！という発見もあります。 とても薄い本なので、試しに読んでみてください！ アイデアのちから – チップ ハース&ダン ハース 前述した「アイデアの
「Googleアナリティクス」登録・設置方法を丁寧に解説【保存版】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「Google Analytics（グーグルアナリティクス）をはじめて使う人が、一通りのアクセス解析を自分でできるようになる」ところまでを目標とした全5回の初心者向けGoogle Analytics講座の第1回目となります。 Google Analyticsとは、自身のブログをお持ちの方やメディアを運用している方にとって、必須ともいえるアクセス解析ツールです。このツールを利用することによって自身のWebサイトにどんなユーザーが訪れているのか、ブログやメディアの強みや改善すべき点などを分析することができるようになります。 「Google Analyticsという言葉は知っているけど、詳しいことはわからない……」という初心者の方は、導入から基本の使い方、そして役に立つ小技までをこのシリーズでマスターしていきましょう。初心者ではない方も、おさらいのつも
デザイナー・ノンプログラマにおすすめしたいThree.jsのカンタン3D体験 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです！実際にコード書くところは5分（早い人なら1分）でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe
登録不要で無料のWebサイト分析ツールとサービス8選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作実績 お問い合わせはこちら マジで使える無料のWebサイト分析ツール&サービス8選 類似サイト検索：Google（コマンド検索） https://www.google.co.jp/ 類似サイトを
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんどうも〜こんにちはぁ！ 日々レベルアップを目指してWebを学んでおりますライターの、のび太です。 以前「Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個」という記事を書かせていただいたのですが、予想以上に好評で驚きました。お役に立てて光栄です！ そのときご紹介したブログの他にも、まだまだ有益で素晴らしい国内ブログはたくさんあります。そこで今回は、「やばい！ マジで有益すぎる！ ありがてぇ！」と感じたブログを、制作系とSEO系とに分けて、計10個ほどご紹介したいと思います。 今まで知らなかったという人は、ぜひこの機会にRSS購読を！ 制作系 以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。 NxWorld http://www.nxworld.net/ どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の
ビッグデータを分析できる！可視化を利用したWebサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、インターンの野上です。私は大学の研究で「可視化」について学んでいるので、今回は可視化をうまく利用しており、新たな情報価値が生まれていると感じたサイトをまとめてみました。 そもそも可視化とは、どういうことを指しているのか、知っている人も知らない人もここで確認しておきましょう。 可視化とは 可視化とは、人間が直接「見る」ことのできない現象・事象・関係性を「見る」ことのできるもの（画像・グラフ・図・表など）にすることをいう。視覚化・可視化情報化・視覚情報化ということもある。 英語の “visualization”, “visualize” に相当し、そのままビジュアリゼーション・ビジュアライゼーションと称されることもある。 出典：可視化 – Wikipedia 最近流行のインフォグラフィックなんかも可視化の一例になると思いますが、可視化させることによって、数値などのデータをグラフや図
他人の知識から学びとれ！Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか？？ 本を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I
フロントエンド開発を裏から支えるデバッグアプリケーション4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。4月1日からLIGで働いてます、ハカセです。今後フロントエンドの開発に関する情報を発信していきますので、よろしくお願いします。 さて、フロントエンド開発でのブラウザチェックって結構大変ですよね。こういう作業は重要なのですが、飽きやすいので、効率よく進めていきたいところです。 LIGでもブラウザチェックなどのデバッグの方法については定期的に議論がなされる永遠のテーマです。 そこで今回は、チェックやデバッグを助けてくれるツールから、Win/Mac共通で使えるものを厳選してご紹介します。 1. Edge Inspect http://html.adobe.com/edge/inspect/ Adobe社が提供しているアプリケーションで、Creative Cloudに入っています。 PCのブラウザとモバイル端末で同時にリアルタイムの確認ができたり、スクリーンショットを取ったりすること
モテ男の永久保存版！デートスポット&ファッションサイト14選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめましての方、はじめまして！新たにLIGに加入させていただきました、さわすけです！LIGでは、アホみたいな動きで世間を驚かしてやろうと考えていますが、なかなか行動に移せない、そんな器の男です。どうぞおひとつよろしくお願いします。 さて、男性の皆さん、 「え、やばい！ 狙っていた女性と急にデートが出来る事になった！」 なんて、経験はございませんか？そんな時、急すぎて、いったい何処に連れて行き？何を着ていけば？と、悩んだことはございませんか？そんな世の男性陣にぜひともご紹介したいWEBサイトを勝手に集めましたので、見てもらえたら嬉しいです。 これを見ておけば大抵のデートスポットやその日何を着て行けばよいかを事前に決めておけます。急なデートでも、慌てずエスコートができて、最高のデートができれば、確実にあなたは高い好感をもらえて「モテる」はずです。 はずです。 それでは、「モテる」はずの世界を
Web制作者向け便利ツール・参考デザインなどLIGブログ記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね～。なんといっても牛丼が安くてウマい！！ さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。 時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう！ Web制作者に役立つ記事ジャンル別のまとめ Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。 ■Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 https://liginc.co.jp/web/too
Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 ぼーっとしている間に妹が高校を卒業していました。さらに、実家に顔を出したら成人式の話をしていました。なんというか、何もかもが衝撃です。 さて。デザイナーならmacじゃないの？という声もよく耳にしますが、コーディング＆（IE）デバッグのことを考えると、Windowsの方が勝手が良いことも多いです。 結果的にデスクトップとノートでWindowsとmacの2つを持っている人も少なくはないのではありませんか。おかげでタイプミスの多さったら。 ということで、今回は制作に関わるWindowsユーザーのみなさまにオススメのフリーソフトをご紹介したいと思います。 Windowsユーザー必見！ 普段使いにも制作にも役立つ便利ツール5選 お手軽キャプチャソフト「LightShot」 Windows標準機能のスクリーンショットは少々使いにくいですよね。 「ちょっとした修正の
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
プレゼンが苦手な人でも人前で話すのが上手になる6つのコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのあだちです。 プレゼンテーションは得意ですか？ 私は人前で話すのが苦手だったので「プレゼンテーションを上手く」やる、ということには本当に苦労しました。 コンサルタントをやっているときは、講師をやったり、提案書の説明をこなしたりと、おそらくプレゼンテーションの機会は年間200回以上はあったと思います。それでもやっぱり、プレゼンテーションは苦手でした。ただ、苦手ながらも「ここを抑えておけば、大失敗はない」といういくつかの心得を発見しました。 私のような凡人でも使うことのできるプレゼンテーションのコツをまとめましたので、お役に立てれば幸いです。 では、行ってみましょう。 プレゼンテーションが苦手な人必見！プレゼンが上手くなる６つのコツ 1. フルネームを名乗り、自己紹介をきちんとおこなう プレゼンテーションにおいて、もっとも重要な儀式の一つが自己紹介です。 いわゆる「つかみ
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
ウェブサービスの管理画面を作る上で守るべき6つのルール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！！ メディア事業部のまさしです。 昨今、ウェブサイトをはじめとするウェブサービスやアプリなどは、作っておしまいではなく、作ってから運用し改修を続けて成長させていくことを前提とするようになりました。 その際に重要な役割となる管理画面ですが、管理画面って作るときに何のデータを出していいのか、どうデザインしたらいいのか迷いますよね。結果、あらゆる機能とあらゆるデータを盛り込んだ管理画面になってしまいがちです。 今回は、そんな悩みを解消できるように、目的に合っている使い勝手の良い管理画面をつくるための6つのルールをご紹介いたします。 ウェブサービスの管理画面をつくる上で守るべき6つのルール ルール1：ターゲットは1つに絞るべし！ 最も効果的な管理画面とは、単一のユーザーをターゲットとして、その目的をもとに固有のデータを表示しているものです。 複数のユーザーをターゲットとしてしまうと、い
企画書や提案書にあと一押し！説得力が増す統計・市場調査レポート17選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 企画書に一番必要なのは説得力ですが、自分が肌身を持って感じていることを文章で説明するのはとても難しいものです。そんなときに役立つのは、各種機関の調査レポート。企画書に「○○○統計調査レポート」なんて書かれたグラフが入っていたら、すごく説得力が増す気がしませんか？ 調査レポートを公開している各種機関のリンクをまとめましたので、企画書にあと一押し欲しい！とお悩みの方はぜひ役立ててください。 ※注意事項 基本的には無料で読めるものを集めましたが、詳細は有料の場合もあります。 また、引用についてのルールは各レポートの利用規約に準じてください！ 【こちらもおすすめ】 説得力が増す統計調査レポート17選 調査機関のレポート まずは、専門の調査機関のレポートです。 WEBマーケティング研究会 http://www.webdbm.jp ウェブ関係のレポートを公開して
Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG
こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
