こんにちは、エンジニアののびすけです。昨年末にミュージカル「モーツァルト」を観に行ってから舞台音楽にはまっています。 先月末に、株式会社トークノートと弊社の共催でエンジニア向けの勉強会を行いました。私も運営に携わり、トークセッションでは私がモデレータとして前に出させていただきましたので、今回はその報告をしたいと思います。 「Developer Productivity 勉強会 Ⅱ」とは 「Talknote」「LIG」「Sansan」「nanapi」「Money Forword」というベンチャー企業が集い、各社から1名ずつ登壇していただき、最後にトークセッションで意見を交わすという会です。 人が少ない時代を経験しつつ成長してきたスタートアップということで、立ち上げ時から成長期、いろいろなケーススタディを知ることができました。60人くらいのWeb系企業関係者が参加してくださいました。 参考：急

こんにちは。エンジニアののびすけです。 先日岩手で雪合戦大会に参加してきましたが、東京との寒さの違いにカルチャーショックですね。 さて、今回は昨年末に弊社いいオフィスで開催した勉強会「第1回 milkcocoa meetup」の報告をしたいと思います。 ちなみに第2回 milkcocoa meetupは2月16日に開催されます! リアルタイム通信が10倍楽しくなる2014年最後の勉強会！milkcocoa meetup！ Milkcocoaとは？ 国産BaaSサービスの1つです。以前LIGブログでも「インタラクティブコンテンツを作ろう！milkcocoaで5分のチャットアプリ制作」などで紹介したことがあります。 フロントエンドの簡単な知識だけでリアルタイム通信を可能にしてくれる、エンドユーザープログラミングを目指したサービスです。 Milkcocoa初のmeetup Milkcocoaユー

こんにちは。LIGの岩上です。 突然ですが、12月25日は何をしていますか？ 「仕事ですが何か？」 そう思われた方に、朗報です。都内の一部のエリア限定（※）ではありますが、私、岩上と他3名のサンタクロースたちが、あなたのオフィスに行くことになるかもしれません。 ※…渋谷区・新宿区・中央区・千代田区・台東区のオフィス限定となります クリスマスも仕事をしているあなたに、わくわくを届けたい 今、LIGはクリスマス限定の特設サイトを、とある制作会社とタッグを組んで自主制作しています。そのパートナーは、普段から親交のあるSHIFTBRAINさん。海外のWebのアワードをいくつも受賞されている、凄腕集団です。 この話はもともと、弊社のアートディレクター・野田と、SHIFTBRAINのディレクターである山本さんが「何かやろうよ」という話をして、軽いノリで始まったようです。 両社ともにWeb制作事業を展開

こんにちは。私事ですが、サイトリニューアルに伴いあだ名が変わり、「先生」となりました。（元博士） 降格になった訳ではありません。馴染まなかっただけです。 さて、ES5のブラウザ対応も広まり、ES6の話題がちらほらと出始めました。 ES6ではClassやConstが加わることとなり、これまでのJavaScriptの書き方も変わってくることでしょう。 というわけで早速ES6でコードを書いてみたいと思いますが、普通に書いたのでは動かないブラウザが多数です。 そこで本日は、WebPackとES6-Loaderを使い、ES6で書きつつもES5にコンバートさせていく手順を紹介したいと思います。 インストールの前に開発ディレクトリを作ります。今回はこんな感じにします。 /es6 ┣ /node_modules ┣ /source ┗ package.json Node.js npmが使える状態になってい

最近AngularJSとずっとにらめっこしています。やっていて楽しいです。 こんにちは、先生です。 最近はAngularJSとばかり遊んでおり、さまざまなモジュールを入れては消しを繰り返しています。もちろんそれらのモジュールの中には、対応していないブラウザや端末があったり、一部環境では正常に動作しないなどの不具合を持つものも多くありました。 そこで本日は、数あるモジュールの中でも安心して業務で使えたモジュールについて紹介していきたいと思います。 2014年11月現在でのライセンスも明記していますので参考にしてください。 安心して使えたモジュール8選 1. Angular directives for Bootstrap http://angular-ui.github.io/bootstrap/ MIT License Bootstrapをディレクティブにしているモジュールです。 元々のB

発表内容 超初心者でも大丈夫！Angular.jsでフォームページをちょっとリッチに改造してみよう 登壇者：株式会社LIG 堀口 誠人 LIGの若手エンジニア堀口による5分間のLTです。バージョン1.3とng-messagesを活用したフォームの作り方を初心者向けに解説してくれました。 ng-messagesはオリジナルのバリデーション表現を作るときにとても使えるディレクティブになっているので、1.3が使える状況では積極的に利用していくとよいと思います。 エンタープライズ分野での実践AngularJS 登壇者：株式会社ORO 後藤 歩 氏 続いて、自ら登壇を申し入れてくれた後藤さんの発表です。 TypeScript＋AngularJSという構成で使われており、エディタはVisualStudioを使っているとのこと。残念ながら会場では使っている方は1人もいませんでした……。 やはり型

こんにちは、エンジニアののびすけです。 僕はインタラクティブコンテンツを見たり・作ったりするのが大好きなのですが、今日はそんなコンテンツを制作するときに利用しているBaaSの「milkcocoa」を紹介したいと思います。 なお今回の記事は、インタラクティブコンテンツを作ってみたいけど難しそう…と思っているデザイナーやコーダーなどのノンプログラマ向けの内容となっています。 この機会に皆さんもぜひインタラクティブコンテンツの制作にチャレンジしてみてください！ （※本記事ではWebコンテンツの話に焦点を当てています。あらかじめご了承ください） インタラクティブコンテンツのこれまで まず前提として、Webサービスにおけるインタラクティブコンテンツとは FacebookのメッセージやGoogleハングアウトのビデオ通話などのように参加者がリアルタイムに同じコンテンツを共有できるもの ChromeMa

こんにちは、広報担当のヨシキです。 僕は大学時代、これといった夢や希望もなく、ただ何となく毎日を過ごし、楽しい思い出や生涯の友と出会うこともないまま卒業、それなりに安定した会社に入社しました。 LIGへ転職した現在も、そういった主体性のなさと生来備わっている“流され力”で、これといった成果もあげないまま早2ヶ月が過ぎてしまいました。休日も洗濯物を干して畳んで気づいたら一日が終わっているような生活です。Web業界のこともあまり知らないままで、これは広報として仕事をしていくうえで、あまり好ましい状況ではありません。 そこで本日は、自分にはない“意識の高さ”や“未来への目標”をしっかりと持ったLIGの新入社員・のびすけに話を聞いてみることにしました。 エンジニアとして毎日夜遅くまで働きながら、趣味で土日もモノづくりやハッカソンに挑戦し続ける理由などについて、じっくり聞いてみたいと思います。 家賃

LIGブログ読者の皆さん、こんにちは。メデイア事業部部長のそめひこです。 この度、弊社CTO（最高技術責任者）の「づや」こと高遠和也がLINEクリエイターズスタンプになりましたので、ご報告させていただきます。 「づや」とは？ づやはエンジニア兼CTOとして、毎日夜遅くまでLIGで働いています。 性格は温厚そのもので、誰にでもやさしい。また、プログラマーとしての腕も超一流で、まさにLIGの将来を背負って立つ人間です。 今回、我々がモチーフにづやを選んだのは「素晴らしい人間性と愛くるしいビジュアルを持っている」ということと、本人が「どうしてもLINEスタンプになりたい。有名になりたい。」と強く希望してきたからです。 このスタンプがたくさんの人々に愛され、生活の様々な場面で使用されることを願います。 インタビュー LINEスタンプになった感想を本人にインタビューしてみましょう。 本日、LINEス

こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです！実際にコード書くところは5分（早い人なら1分）でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe

こんにちは！　最近バランスボールで仕事してます。エンジニアののびすけです。 最近はHTML5が何かと話題になっていますね。今までWebブラウザの標準機能で実現できなかったことができるようになるということで注目されています。でも大抵の場合、HTML5とは広義で、JavaScriptやCSSも含めた意味合いのことが多いです。 今日は、そんなHTML5のAPIの1つであるWebGLを使ったサイトやデモを紹介したいと思います。WebGLはWebブラウザ上でプラグインなどのインストールなしで3D表現を行える技術です。 ※WebGLはPCブラウザではIE10以前のバージョンに未対応、そしてスマートフォンブラウザでも閲覧できないので、それ以外のブラウザで見てください。 特にこだわりがなければGoogle Chromeでの閲覧が好ましいです。また、WebGLの描画はPCに掛かる負荷が大きいので高いマシンス

皆様こんにちは、LIGの代表、岩上です。 4月1日、LIGでは新卒入社の社員を集めて、入社式を行いました。 期待を胸に、いざLIGへ 左からのびすけ(25)、王(24)、菊池(26)、朽木(27)。 みんな大学を卒業するのに随分と時間がかかったようですね…。 みなさん、この度はLIGへの入社、おめでとうございます。 今日からみなさんと一緒に働ける事を嬉しく思います。 が、しかし まだ決まっていないッ 入社させるとは言った… だが、いつ…とは言っていないッ その気になれば、10年後…20年後…という事もありえる…ッ そこで…今から諸君には最後の入社テストをしていただく… それをクリアすれば、無事入社。 そう、何も10年後とかケチな事は言わん… 即、入社だ…ッ！！ 「は？」 Fuck you… ぶち殺すぞ… ゴミめら……！ お前らは…黙って副社長のゴウと勝負をするんだ。 それに勝てば…入社だ。

九州ライターの村上です、皆さんこんにちは。最近最も嬉しかったことは筋肉痛がすぐに来たことです。そんな微妙なお年ごろ。 仕事でHTML/CSSの講師をしておりますが、近年スマートフォンの普及によりCSS3.0の導入も随分と浸透してきたように思います。あわせてセレクタの書き方が複雑になってきたので、今回はCSS3.0で追加されたセレクタと擬似クラスをまとめておきます。 実務でもよく使われるものには記述例を載せていますので、参考にしてください。 CSS3で追加されたセレクタと擬似クラスまとめ 属性セレクタ 構造疑似クラス ターゲット疑似クラス UI要素状態疑似クラス 否定擬似クラス 属性セレクタ 属性で設定した値に関するセレクタです。 E[Attr^=”val”] セレクタ［属性＾＝”値”］ Attr属性の値がvalで始まるセレクタに適用する。 【例】リンクの属性がhttpを含む（外部リンク）場

こんにちは。エンジニアの鳥よしです。 エンジニアとして働いていると、企画や提案、見積もりの際に、ディレクターさんからエンジニア視点の助言を求められることが多々あります。 今回はこれまでの経験から、WEBサイト制作時に気を付けておきたいポイントをまとめてみました。 参考にしていただければ、社内のエンジニアからの支持率が上がること間違いなしです。 WEBディレクターさんに知ってほしいことを、以下7つにまとめました。 PCサイトでもスマホ・タブレットへの対応を検討してください PCサイトを構築する案件の場合、デバイスをどこまで対応させるかは要注意です。 PCだけでいいんじゃないかと思いがちですが、タブレットやスマホで閲覧するユーザーも当然いますので、対応はマストでしょう。 また、別にタブレット用、スマホ用サイトを用意するとしても、もし「PC版サイトを見る」ボタンを作る予定なら、やはりあらかじめ対

こんにちは。ディレクターの勢古口です。 本日は渋谷にある電源とWiFiが完備されているカフェをまとめました。 仕事でたまに渋谷に行くことがありますが、電源とWiFiがあれば安心して仕事ができます。 忘備録として是非ご活用ください。 ※営業時間等は変動する場合がございます。詳しくは各店舗までお問い合わせ下さい。 保存決定版！電源＆WiFi完備のカフェ25選　〜渋谷編〜 Shibuya City Lounge http://www.ei-publishing.co.jp/scl/ 電源：◯ WiFi：◯ 営業時間：11:00〜23:00 場所 : 東京都渋谷区宇田川町２１丁目１番地 渋谷LOFT ２F cafe granite http://cafegranite.net/ 電源：◯ WiFi：◯ 営業時間 :［火～日］15:00～26:00 場所 : 東京都渋谷区円山町1-1

こんにちは。ディレクターのエリカです。 企画書に一番必要なのは説得力ですが、自分が肌身を持って感じていることを文章で説明するのはとても難しいものです。そんなときに役立つのは、各種機関の調査レポート。企画書に「○○○統計調査レポート」なんて書かれたグラフが入っていたら、すごく説得力が増す気がしませんか？ 調査レポートを公開している各種機関のリンクをまとめましたので、企画書にあと一押し欲しい！とお悩みの方はぜひ役立ててください。 ※注意事項 基本的には無料で読めるものを集めましたが、詳細は有料の場合もあります。 また、引用についてのルールは各レポートの利用規約に準じてください！ 【こちらもおすすめ】 説得力が増す統計調査レポート17選 調査機関のレポート まずは、専門の調査機関のレポートです。 WEBマーケティング研究会 http://www.webdbm.jp ウェブ関係のレポートを公開して

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう！という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします！ たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター！WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじ もくじ テクニック1　アンパサンド（&） テクニック2　演算 テクニック3　round() テクニック4　rgba() テクニック5　コメントアウト テクニック6　変数 テ

こんにちは。子煩悩ライターのイワタテです。 子煩悩というキャラ設定をしてから、飲み会に誘ってくれる友だちや仕事仲間が激減しました。チームのメンバーで飲み会とかやってる画像がFacebookに上がってきているのに、僕だけが誘われてなかったりします。 スミマセン、お酒大好きです、すぐ行きます、誘ってください…。 さて。 チームで仕事をする上で一番大切なことって、何でしょう。そう、スケジュールですね。ひとつ小さな予定が崩れただけで、ドミノ倒し式に延々とトラブルが続発していく…。 そんな経験、何度もあります。自分に甘い、ということにかけては定評のある僕ですが、あれこれとスケジュールの引き方を工夫してきた結果、現在では編集者として、大小4つのメディア案件を毎月なんとか回転させることができるようになりました。 今回は、ズボラ人間でもスケジュールを上手に回せるようになるための6つのルールを紹介します。予

こんにちは、ライターの内藤です。 先日、相互言語添削SNS「Lang-8」代表の喜洋洋（き・ようよう）さんに以下のテーマについてお話を聞いてきました。 人をのめりこませるWebサービスを実現する仕組み（UX/UI） 発想のコツ・実現のコツ 今後のWebサービス界で重要になるスキル お話を聞いているうちに、「アウトプットとフィードバック」という一つの軸が見えてきました。 なので今回は、様々な人にとって有効な「使えるスキルを習得する方法」をご紹介したいと思います。 育てる側の方は、ぜひ「使えるスキルを習得させる方法」としてご覧ください。 もくじ 「Lang-8」とは アウトプットとフィードバックに至る経緯 参考になる喜さんの実例 大学受験 起業 Webサービスの運営 使えるスキルを習得するための「アウトプットとフィードバック」とは 量のアウトプット 質のフィードバック 実践するヒント 学校の勉

はじめまして。五反田の「Clisk（クリスク）」という会社でシステムエンジニアなどをしている芹沢と申します。盟友であるLIGのゴウさんや紳さんと酒を酌み交わしているうちに、LIGブログに記事を書かせていただくことになりました。よろしくお願いいたします。 AWSとは？ http://aws.amazon.com/jp/ AWS（Amazon Web Servicesの略）とは、Amazonが提供しているクラウドサービスの総称で、その中にはさまざまなサービスが含まれています。 EC2（仮想サーバー）、S3（ストレージ）、RDS（リレーショナルデータベース）、CloudWatch（監視）など、たくさんのサービスが提供されていて、それらのITインフラのリソースを、使いたいときに、使いたいものを、使いたいだけ、必要なスペックで、利用することができるのが特徴です。 多くのサービスは管理画面から操作でき