こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で

デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ

こんにちは。ディレクターのエリカです。こちらはNode.jsという言葉を聞いて「何となくはわかるけど、実際にどんなものか触ったことがない」という初心者の方に向けての記事になります。 今回はNode.jsのインストールからはじめ、簡単なチュートリアルまでを紹介します。Node.jsを勉強したいと思っている人のキッカケや第一歩になれば幸いです。 準備するもの 何と言ってもNode.jsの準備が必要になります。 こちらの記事「いまアツいJavaScript！ゼロから始めるNode.js入門〜5分で環境構築編〜」を参考に、準備をしてください。 learnyounode のインストール 次に、チュートリアル用のモジュール「learnyounode」をインストールし、実行します。 $ sudo npm install learnyounode -g $ learnyounode すると以下の画面が表示

こんにちは！ LIGの二人いる社長のうちの一人、ゴウです。 早いもので2014年が終わりそうですが、今年も沢山のモノを買いあさりました。そんな俺（物欲の化身）が、2014年に買って良かったと心から思っているモノをご紹介して、今年一年のLIGブログの最後の記事とさせていただければと思っています。 それでは行ってみましょう！　完全主観の俺が2014年に買ってよかったモノまとめ！ Mac book pro 13インチ Retinaモデル まずはこちら！　MacBook Pro 13インチ Retinaモデル。 これまでiMac 27インチをメインに、MacBook Air 11インチをサブとして使っていたのですが、これを買ったことにより一台ですべての作業ができるようになりました。まじで個人的産業革命。もっと早くに買っておけばよかった。パワフルで早いし、Airの13インチと比べても殆ど重さ大きさに

こんにちは、ディレクターのなかみーです。 さて、プロジェクトのスケジュールが遅延してしまうと、クライアント・制作会社問わず関係者全員が不幸になってしまいますよね。逆に、安心安全にプロジェクトを回せたら、Webディレクターとしてこんなに幸せなことはありません。 ところでこのWebディレクターの仕事って、何なのでしょうか。企画提案、制作進行、クライアント調整……と、必須スキルは多岐に渡っています。 しかしそれにも関わらず、参入障壁がとても低く、産業として歴史が浅いこともあってか、他の業界に比べてプロジェクトの遅延が発生しがちなのかな……と思うときがあります。 かくいう僕自身も過去にさまざまなプロジェクトを担当させていただき、思いきり遅延を発生させてしまったこともあります。そこで本日は、反省と自戒を含め、プロジェクトを遅延させないためのポイントを3つにまとめてみました。 他のWebディレクターの

こんにちは、制作部の長をやらせてもらってます、なかみーです。 前回の記事「Webディレクター必見！プロジェクトを円滑に進め、遅延を発生させないためのポイント3つ」では、プロジェクトの遅延を事前に防ぐためのポイントについて紹介させていただきましたが、それでもトラブルが発生してしまうことはよくあると思います。 トラブルが起きるとどこかに羽ばたいていきたくなりますが、誰も好きでやっているわけではないですよね。 そこで本日は、トラブル発生時にWebディレクターがとるべき3つの手順について紹介していきたいと思います。 1. 発生事象を理解する 当たり前だ！と思うかも知れませんが、火中にいると冷静でいるのはなかなか難しいことです。 トラブルの発生には、必ず何かしらの理由があります。その発生している事象をしっかりと理解することが、トラブルを鎮める第一歩になります。 つまり、まずは「何が起こっているのか」

こんにちは、管理課でありながらエンジニア（?）のtetsuです。 MySQLでrootパスワードを紛失したり、またはパスワードが行方不明になったりしたとき、MySQLへの接続が出来なくなったら冷や汗ものですよね？ よくこんなエラーに遭遇します。 ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES) 今回は、このような場合でも、MySQLのrootのパスワードをリセットする方法を紹介します。 サーバの環境はCentOS、MySQL上での説明になります。 サーバへ接続 まずはサーバへSSH接続をします。これを行えないと話が始まりません。笑 SSH接続については省略します。 起動しているMySQLを停止 MySQLサービスを下記のコマンドで一旦停止させます。 service mysq

こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 突然ですが、柔らかいものは脳に快感を与えて、緊張を緩める効果があるって知っていますか？ 脳がリラックスすることにより、様々なアイディアが生まれるのだそうです。 日々の業務でアイディアに詰まってしまう時もありますよね。 そういう時はほっぺたを触ってリラックス…しても出ません、そんなんじゃ。 そこで今回は、デザイナーにオススメしたいアイディアの集め方とその活用方法をご紹介します。 なぜアイディアが浮かばないのか？ そもそも、どうしてアイディアが浮かばないのでしょうか。 感性が豊かじゃないから？暇さえあればいやらしい妄想ばかりしちゃってるから？ちがいます。 それは経験や知識など、そもそも持っている武器が少ないからではないでしょうか。 ここで再確認しておきたいのは、ゼロから生まれるアイディアは存在しないということ。 アイディア

こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、HTML5カルタ大会という大会で優勝させていただきました。 いやあ、実に光栄です。 そこで今回は、HTML5ネタ繋がりで、“間違えて使ってしまいがちなんじゃないかと思うややこしいHTML5タグ”をまとめてみました。 あ、でも皆さん誤解しないでくださいね。 この記事は大会前にカルタの準備がてら執筆したものなので、決して「このキング・オブ・HTML5こと俺様がレクチャーしてやんよ！」なんてことは1mmも考えておりません。 どうか、一Web制作会社の端くれエンジニアが戯言ほざいてやがるな、まあ暇だし読んでやるかくらいのノリでお付き合いくだされば幸いです。ありがとうございます。 【こちらもおすすめ】 その使い方合っていますか？間違えやすいタグ15選（HTML5対応） “定義”に関わるタグ　<dt>,<df

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 今まではデザイナーという肩書きだったのですが、最近会社の偉い人たちが 「フロントエンドエンジニアがほしいなあー。（チラッ）」 「そうだねー。ほしいねー。誰かやってくれないかなー（チラッ）」 という会話を僕の聞こえるところでよくするので、空気を読んでジョブ・チェンジした次第であります。 さて、今年も残すところあとわずかということで、今年僕が読んでタメになったWEB系の技術書やら指南書やらをご紹介いたします。WEB系の仕事をされている方、今後する予定のある方はぜひ参考にしてみてください。 もくじ 1.Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ 2.スマートフォンサイトデザインブック 仕事で絶対に使うプロのテクニック 3.レスポンシブWebデザインテクニックブック プロが教えるマルチ

皆様こんにちわ。メディア事業部のまゆです。 センスが抜群の方に贈るプレゼントって見つけるのが大変です…。自分にはセンスがないので「なにを送ればいいのか…」と結構迷ってしまいます。外に探しに行くのもいいですが、1日かけて見つからなかった時の絶望感は凄まじいですよね。 そんな私と同じ思いをしている方に「このサイトをチェックしておけば、とりあえず間違いはない」セレクトショップのサイトをご紹介したいと思います。 探せ！全てはきっとここにあるよ。 MoMA http://www.momastore.jp/ 私が絶対的な信頼を置いているMoMA。世界中から集めた家具、雑貨、デスクワークグッズなど種類が豊富です。また、「引き出物」のコーナーでは、様々なシーンに合わせた素晴らしいグッズが揃っているのでとても便利。商品からの検索はもちろん、デザイナーからも検索ができるので自分の好きなグッズも見つかると思いま

こんにちは。マラガの海の贈り物SEKOです。 フラッシュを使えばサイトはダイナミックな動きを実現しますが、今回はフラッシュでなくてもJavascriptで凄い動きのサイトを集めてみました。 是非参考にしてください。 Javascriptを使った、凄い動きのサイト10選！ MoMA MoMA 円が時系列で表現されております。クリックするとグリンっとまわる動きは気持ちがいいです。ただサイト自体がけっこう重いですね。。 DUB FIRE DUB FIRE マウスを右や左に動かすとサイト全体が動きます。広がりがあり、操っている感もあり、こちらも操作が気持ちいいサイトです。 Volkswogen Volkswogen メインスライドの動きが綺麗です。スクロールで車を操作する年表ページやフォトギャラリーにも楽しい動きが沢山含まれています。 Secret Study Secret Study DUB F

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

こんにちは、副社長のゴウです。 最近、転職系サイトをいくつか見ているんですが（求人を出す側としてです）、せっかくなので記事にまとめてみました。 転職を考えている人の参考になれば幸いです。 また、他にもこんなサイトあるよーというのがあれば、コメントなどいただけると嬉しいです。 では、いってみましょー！ ITに特化した転職サイト 数ある転職サイトの中でも、特にIT系に特化したサイトをまとめました。IT系に転職するならここから！ Findjob! LIGが大好きFind Job!。 昔からIT業界の求人を広く扱っている求人サイトですので、ご存知の方も多いかと思います。mixiが運営しているという事を意外と知らない人も多いかもしれませんね。 Find Job! キュリア YAHOO!が手がけるIT系転職サイト、キュリア。 人事担当者に「Q」という形で質問を送れるのが特徴です。 キュリア Green

search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによって多少デザインや仕様が変わります。 対応していないブラウザはどうなる？ 各ブラウザで対応していないtypeはtype=”text”で生成されます。 rangeとcolor以外はなんとかなりますね。 バリデートの実用性は？ Safariはバリデートが機能していないようでしたし、仕様も不親切な点が見受けられました。 各ブラウザのバラバラな対応状況を考えると、実用出来るのはまだ先のように思います。 バリ

こんにちは。LIGの代表、岩上です。 僕達は2012年1月からブログを本格的に書き始めて、自社サイトをメディア化するという事に力を注いできました。おかげさまで1年ちょっと運営して月間140万PVくらいの規模のサイトになってきたので、そろそろこれまで僕達がやってきた事の狙い、施策、効果などをまとめたいと思い、記事を書いてみました。 結論から言うと、「自社メディアを持つ」という事はマーケティングやブランディングの観点からとても効果的なのですが、大変な面も多々ありますので、我々の実体験を元にした本記事をお読みいただき、何かの参考になればいいなと思っています。 それではどうぞ。 ※読了目安、10分くらいです。 目次 LIGブログの規模と現状 メディア化とは 自社サイトをメディア化するメリット 運用コストについて 費用対効果について 記事を書く際に意識している事 失敗した事、大変だった事 今後の展開