Nodeまみれ！東京Node学園祭2016に行ってきた！【#01】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、バックエンドエンジニアのまさくにです。 先日、渋谷で行われた東京Node学園祭2016に参加させていただきました。その熱狂の二日間をお伝えできればと思いますが、まずは素晴らしい体験をさせていただいたことについて、スタッフの方々、ゲストスピーカーの方々、それから参加者の皆様に、はじめにお礼を申し上げます。思うに、ここから先、相当長くなりますので、ここで伝えておかなければ！ 今回は同じバックエンドエンジニア Kazさんと一緒に赴きました。 Kaz LIGの分類上はバックエンドエンジニア。ただ分類関係なく、有用、無用問わずよく知ってるし、よく喋る。弱点はサブカル系。Wikipediaを眺めるのが生きがい。 東京Node学園祭2016とは I Love Node！ 東京Node学園祭2016の二日間を体験してきた僕に、まずは結論を言わせてください。 東京Node学園祭2016とは、No
Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG
こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一
ProtractorでE2E（end to end）テストを自動化しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのいなばです。 先日iPhone5からiPhone6sへ機種変更をしました。 サイズがでかいのは慣れませんが指紋認証すごいですね。 さて、今回はProtractorを使ってE2Eテストを実行できる環境をつくってみました。 Windowsをお使いの方は動かなかったらごめんなさい。 今回作ってみたE2Eテスト環境のリポジトリはこちらになります。 早速テストを書いてみましょう……の前に すぐE2Eテストを書いてみたい方は、導入まで読み飛ばしてください。 E2Eテストとは E2Eというのは、「End to End（エンドツーエンド）」の略で、「両端で」「端から端まで」という意味の言葉だそうです。 E2Eテストは、Webサイトやアプリケーションの「開始から終了まで」が、期待通り動いているかをテストします。 みなさん、Webサイトなどのリリース前には複数のブラウザや
【事例あり】成功するTwitter広告の種類と特徴、効果的なツイート内容まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
小学生の頃、学校が終わって家に帰ると「たこ焼き味」の飴が置いてあり、興味本位で舐めたその瞬間に吐きました。 こんにちは！メディア事業部のきょうへいです。 以前、「ツイートを活用してプロモーションできるTwitter広告の利用方法まとめ」という記事を書きましたが、今回は成功するTwitter広告の特徴や、効果を上げる方法について紹介しようと思います。 最近はかなり目にすることの多くなったTwitter広告ですので、ぜひこの機会にチェックしておくと、プロモーションを成功させることができるかも知れません。 では、はじめます。 Twitter広告に最適な3つの事例 Twitter広告はリスティング広告とは仕組みもターゲティング方法も異なります。 PRしたい商材が以下の3つのポイントいずれかに該当する場合は、Twitter広告の運用を考えてみてはいかがでしょうか。 1. リスティングのクリック単価が
フロントエンドエンジニアがオススメするWeb技術の書籍5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 今年も残す所あとわずかですね。 今年はたくさん勉強会なるものに登壇させていただく機会があり、そのおかげか勉強する機会が去年よりも多かったように思えます。 去年まではせいぜい年に2万冊程度しか読んでいなかったんですが、今年は3万冊くらいは読んだかなあ…。 ちなみに去年はこんな記事「2013年厳選版！フロントエンドエンジニアがオススメするWEB系の技術書・指南書」も書きました。 そんなわけで、今回はフロントエンド界隈の勉強会に登壇するとき参考にさせていただいた本を5冊紹介したいと思います。 なんせ3万冊のなかから厳選した5冊ですから、名著であることは間違いないです。 2014年厳選版！フロントエンドエンジニアがオススメするWeb系の技術書 もくじ カルタ付 HTML5マークアップ 現場で使える最短攻略
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
タイピング・マウス操作の腱鞘炎の症状に効く8つの部位別ストレッチとツボ押し方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エディターのヒロアキです。 Web制作者にとって、パソコンはなくてはならないツール。一日の大半をパソコン作業に費やしているという方がほとんどでしょう。それゆえ、手を酷使してしまい腱鞘炎（けんしょうえん）にかかってしまうという人が少なくありません。「パソコン腱鞘炎」「マウス腱鞘炎（マウス症候群）」という症状の名前がその事実を物語っています。今腱鞘炎になっていなくとも、パソコンを使っている以上そのリスクは誰にでもつきまとっていると言えます。 そこで本日は、腱鞘炎の症状をやわらげるのに効果的な方法、予防策や原因などについて紹介します。 指や手首が少し気になりはじめたときのストレッチ 指や手首にこわばりや違和感をおぼえたら、すぐに手を休めることが何よりも大切です。そして仕事を一旦休憩し、以下に紹介するようなストレッチをやってみましょう。 オフィスで座ったままできる簡単なものばかりですの
業務で安心して使える厳選AngularJSモジュール8選＋α | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近AngularJSとずっとにらめっこしています。やっていて楽しいです。 こんにちは、先生です。 最近はAngularJSとばかり遊んでおり、さまざまなモジュールを入れては消しを繰り返しています。もちろんそれらのモジュールの中には、対応していないブラウザや端末があったり、一部環境では正常に動作しないなどの不具合を持つものも多くありました。 そこで本日は、数あるモジュールの中でも安心して業務で使えたモジュールについて紹介していきたいと思います。 2014年11月現在でのライセンスも明記していますので参考にしてください。 安心して使えたモジュール8選 1. Angular directives for Bootstrap http://angular-ui.github.io/bootstrap/ MIT License Bootstrapをディレクティブにしているモジュールです。 元々のB
jQueryのtoggleでアコーディオンメニューやタブをさくっと実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある（主に下ネタ）」が盛り込まれていて、いい意味でヒドイ内容でした。もう一回観たい（´ω`） さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれ、おいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド「slideToggle／fadeToggle／toggleClass」をご紹介します。 こいつらを知っとくと下記のようなメリットがあります。。 アコーディオンメニュー、タブ、スマホサイトでよくある「上からスラスラ出てくるメニュー」とか実装できる 超シンプルな記述なので、今日から使える いやーこれは便利ですね。 というわけで、早速解説していきます。 【こちらもおすすめ】 超簡単jQ
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは
【随時追加】全部無料で使用できるフリー素材提供サイト特集 | LIG LIBRARY | 株式会社LIG
株式会社LIG TEL : 03-6240-1253 111-0056 東京都台東区小島2-20-11 LIGビル 1F受付
UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして。アメリカからやってきたUIデザイナーのCorey（コーリー）です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日本のデザイン界ではSketchはそれほど使われてないかもしれませんが、海外ではSketchが大ブームになっています。 今回は私が最強なPhotoshopからSketchへ乗り換えた理由をお伝えします。 Sketchへ乗り換えた理由（Why I Use Sketch） http://bohemiancoding.com/sketch/ 1. UI Design中心 Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていま
カップラーメンより早い!?30秒でロゴが作れるサービスサイト5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうしても、こうしても、さわすけです。 今日は、ロゴを簡単に作成できる、超便利なサイトを5つご紹介します（作成したロゴデータをダウンロードするにはお金がかかります）。ランダムでデザインしてくれたロゴを使用するのもありですし、ご自身で作るロゴデザインのヒントにもなるかもしれません！ どれも操作はいたって簡単です。ロゴにしたい文字を専用のフォームに入力するだけです。フォントを選べたり色を変更できたりもします。まずはLOGOTYPE MAKERというサービスを例にロゴの作成方法をご紹介します。 LOGOTYPE MAKERを使ってロゴを作ってみた LogoType Maker http://logotypemaker.com まずは、「Logo Type Maker」を例にロゴの作成方法をご紹介します（他のサービスも対して操作方法は変わりません）。ロゴタイプとロゴマークデザイン一体型のロゴデザイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
