こんにちは、ひろゆきです。 今日は、WordPressを使ったサービスをリリースする前に、最後の詰めとしてやっておきたい各種設定のお話を書きます。 普通にWebサイトを見ているだけだと気が付かないかもしれないのですが、実はWebサイトを表示した際に、サーバ側からは色々な情報が返ってきています。 中でも、このサイトがどのバージョンのPHPで動いているのか、どのバージョンのapacheで動いているのかという情報は、ユーザ側に見られる状態になっていてもあまりメリットが無いですよね。 それどころか、悪意を持った人間にそんな情報をわざわざ見せるくらいだったら、予め非表示にしておいた方がいいと思います。 ということで、リリース前に以下の設定を見直すことをおすすめします。 1. PHPのバージョン情報 レスポンスヘッダに「X-Powered-By PHP/5.5.17」などが出ている場合には、php.i
先日Developers Summitデビューしました。こんにちは、先生です。 前回公開した記事「エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順」の反響が大きかったので、そこで使われているWebPackというModule Bundlerをもう少し深く掘り下げていきたいと思います。 WebPackとは WebPackは静的なファイルの依存関係を解決しつつ結合したり分割したりするツールです。非常に多機能でカスタマイズの幅が広いのが特徴です。 http://webpack.github.io/docs/ 個人的な経緯ですが、require.js -> Browserifyを経てWebPackに落ち着いたところです。 WebPackはnpmを使ってインストールします。 npm install webpack -g ※ npmが使えない方はまずNode.jsをインストールしてく
こんにちは。ディレクターのモトキです。 みなさんは普段なんのブラウザを使っていますか？ 僕は過去にNetscapeとOpera、Safari、Firefoxなど、この辺りを使ってきて、いまはGoogle Chromeを使っています。 Chromeを使う理由には、動作が軽い、iPhoneのChromeとの連携が便利、そして拡張機能の豊富さと使いやすさがあげられると思います。 ちなみに、LIGブログ閲覧者ではPCブラウザだとChromeがトップです。依然IEのシェア率が高い日本ですが、Web制作関係者はChromeユーザ多いですね。 今回はそんなGoogle Chromeで、僕が使っている拡張機能をご紹介したいと思います。 Chromeブラウザを拡張するおすすめExtensions8選 https://chrome.google.com/webstore/detail/streamus/jbn
みなさんこんにちは、エンジニアののびすけです。 最近はWeb上で動画背景を使った表現のサイトが増えてきてますね。Webブラウザの性能が上がってきている昨今では、（スペックにもよるのですが）ブラウザ側でそういった処理もガンガンできます。 今回はそんなリッチな表現ができる「Seriously.js」をご紹介します。 Seriously.jsとは http://seriouslyjs.org/ 少し前に話題になった、動画や画像にブラウザ上でリアルタイムエフェクトを掛けることができるライブラリ。複雑なエフェクトをたくさん使えるにもかかわらず、簡単なJavaScriptの記述で操作できます。 サンプルを触ってみよう まずは、どんなことができるのかが気になると思います。Seriously.jsの公式デモを紹介してきます。 こちらのページにデモへのリンクがあるので試してみましょう。 ※執筆時点ではGoo
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 突然ですがみなさん、EJSってご存じですか？ EJSっていうのはですね、なんかもう、こう、すんごいツールでして！ とにかく、使うとコーディングがめっちゃ早くなるんですよ！！ 今回はそれを使って、爆速でコーディングするテクニックの入門編を紹介したいと思います。 EJSとは？ EJSはテンプレートエンジンと呼ばれるツールの1つで、JavaScriptのような書き方を取り入れつつHTMLが書けるという特徴を持っています。 ざっっっっくり言い表すと、SassとCSSの関係に近いです。 「EJSデータでより楽な書き方をして、HTMLに変換して出力する」ことができます。 これが使えるようになると、例えばheaderやfooterなどのパーツを分割して共通化させたり、JSのfor文のような命令がHTML上で使えます
みなさま、こんにちは。メディア事業部のまゆです。 PCはMacを使用しているのですが、マウスがなかったら生きていけない・・・と思うほどキーボードから手を離して作業しています。 キーボードから手を離す回数が多いと作業効率が悪くなってしまう場合があるので、最近はショートカットキーを覚えようと奮闘しているのですが、慣れるまでが大変ですよね。 きっとMacを購入したばかりの方は、私以上に苦労されているのではないでしょうか。 ということで、今回はMac初心者が覚えておきたいショートカットキーをご紹介させていただきます。 Mac初心者が覚えておきたいショートカットキー 日常的に使うショートカットキー command + c：コピー command + v：ペースト command + a：全選択 command + f：検索 command + z：1つ前に戻す command + p：印刷をする c
こんにちは、メディア事業部のエリーです。 3年目の浮気、石の上にも3年と言いますが、ブログで言うと“3ヶ月”がターニングポイントになるんじゃないかと、わたしは思っています。 ブログを書くのにも慣れ、だんだんアクセスが増えてきたころ、「意外に読まれてるなあ」と思うと同時に、「そんなに一気には読まれないんだなあ」と現実にショックを受けるのではないでしょうか。 ということで、今回は、WordPress専用超高速サーバー「Z.com byGMO」さんに、3ヶ月目を迎えたブロガーが抱えるありがちな悩みと、それを解決するプラグインをお聞きしました。 3ヶ月目には入れておきたいプラグイン12選 WordPressでブログを始めたものの、プラグインをそこまで使いこなせてないし、「どれが良いのか分からない！」という人におすすめな12選です。 目次 スパムコメントやトラックバックを防ぐ「Akismet」 セキ
おはうぃーす！ しょごです。 先日ノートPCを購入しました、これでスタジオでドラム録音とか動画作成とか気兼ねなくできます。 久しぶりに演奏動画でもアップしよう、、ゲーム実況もいいな。。。ふふふ。。 さて、今回はInstagramAPIを使ってWebサイトと連携したときの話です。 Instagramとは iPhoneやAndroid端末で写真を撮影し、共有するスマートフォンアプリのことです。Webからも閲覧でき、固有アカウントを設けて投稿管理ができる写真特化型のSNSです（もちろん無料）。 Twitterのようにフォローした人の写真がタイムラインに流れてきて、アップロードした写真には「いいね！」やコメントを付けることができます。アプリ内のカメラで撮影した写真や、カメラロールの写真を選択して手軽にアップロードができます。 プライベートモードで非公開設定も可能。Twitterとの最も大きな違いは
今年もHTML5 Minutesに登壇してきました。こんにちは、先生です。 当日は「フロントエンド開発スピードをあげるための環境を作ってみた話」をしてきました。 今回はその環境を使ってみるまでの手順を書いていきたいと思います。 必要なものをインストール NodeJS Gulp WebPack Bower PhantomJS NodeJSとGulpのインストールは過去の記事「Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ」をご覧ください。 WebPackのインストール WebPackはさまざまな形式のモジュールを静的なファイルにまとめて出力してくれるツールで、拡張性が高く最近好んで使っています。 WebPack http://webpack.github.io/ インストールはnpmを使って簡単にできます。 npm install webpack -g ※ macは
こんにちは。コワーキングスペース＆シェアオフィスの「いいオフィス」管理人、セコです。 いいオフィスではセミナー、ワークショップ、勉強会などさまざまなイベントを毎週開催しております。今回は、そんないいオフィスで行われている人気イベントをピックアップいたしました！ まだご存知ない方も多いかと思いますが、本当に面白いイベント盛りだくさんです。 ご興味がある方はいいオフィスまでぜひお問合せください。 いいイベントにするための、心がけ5箇条 まずは、いいオフィスがいいイベントづくりをするために心がけている5箇条をご覧ください。 1. 光の調節を怠らない 壇上にいる方に自然と目がいくように、スポットライトをどこにするか気をつけています。人は全体が同じ明るさの空間にいると注意散漫になり集中がしにくくなるため、場合によっては照明を全て消しトーク者のみに光をあてて演出することもあります。 ライトの加減でイベ
こんにちは、メディア事業部のエリーです。 ブログを始めたい、ブログをやっているという人なら、「WordPressってSEOに良いらしいぞ」と聞いたことがあるのではないでしょうか。 わたしもそう聞いたのでWordPressで個人ブログを始めましたが、実際やってみると、けっこう昔に書いた記事でも検索で入ってくる人が絶えず、「なるほどこれが検索流入か…」と思っています。 ということで、SEOを意識するといろんな人から継続的にブログを読んでもらえるというメリットがあります。 でも、具体的にSEOってどういうものなんでしょうか。今回は、WordPressに最適化された超高速サーバー「Z.com for WordPress」を展開している「Z.com byGMO」さんにお聞きした、SEOの基礎的な知識と簡単な施策方法についてご紹介します。 目次 SEOってなに？ どうやってブログにたどり着くの？ 検索
こんにちは。 アートディレクターの野田です。 年越しを会社にて行い、年始から悪い父親の見本となりました。 皆様も働きすぎには注意してください。崩れます。色々。 今回も気になったWebサイトを紹介させていただきます。 クリスマス時期ということもあり、比較的赤と緑、白をベースにしたサイトを多く見かけました。 クオリティも高く、どれも見ていて楽しいものです。それではどうぞご覧ください。 Santa Stories http://www.santastories.be/ おそらく、サンタ率を確認できるサイトです。ユーザ選択型のサイトが増えていますが、クリスマスに合わせた面白い企画です。 #santa #story #christmas Moeko Abe http://abemoeko.com/ フォトグラファーさんのWebサイトです。ページ遷移時の演出や光の取り入れ方をうまく使った演出がさすがだ
こんにちは、たまです。 LIGにディレクターとして入社して早1年、さまざまな案件に関わらせていただきましたが、困難な事態に直面することも何度かありました。 今あらためて振り返ってみると、そういうトラブルが起きてしまう案件というのは、最初の進め方であったり、決めごとや確認ごとが甘かったりと、共通した原因があるように思えます。 そこで本日は、僕なりに「こうしておくとトラブルを防げる」と思っていることをまとめてみました。 もちろん制作のディレクションは人それぞれだと思いますので、参考までにご覧いただければと思います。 ディレクターがWeb制作でトラブルを防ぐための5つのコツ プロジェクトでトラブルが発生する主な要因としては、以下の3つが考えられます。 制作範囲 スケジュール 金額 もちろんデザインや実装でトラブルになることも多々ありますが、そもそもこの3つがクライアントと認識があっていない場合、
SEOの基本中の基本！主要なHTMLタグ「titleタグ」「meta description」「h1タグ」の書き方まとめ こんにちは、じつかわです。ナイルという会社でSEOコンサルタントをやっています。 さて、いきなりですが、皆さんがSEOを勉強し始めたとき、一番最初に覚えたことはどんなことでしょうか。おそらく「titleに対策キーワードを入れる」ことではなかったでしょうか。 「title」「meta description（メタディスクリプション）」「h1」というあたりのHTMLタグは、SEOでは非常に重要な役割を果たします。 とくに「titleに対策キーワードが入っていなければ、SEOはほとんどできない」といっても過言ではないほど、検索エンジンの評価において主要HTMLタグにキーワードが含まれていることは重要です。 SEOに取り組んでいる人であれば「そんなの普通にやってるよ！」と言われ
こんにちは、制作部の長をやらせてもらってます、なかみーです。 前回の記事「Webディレクター必見！プロジェクトを円滑に進め、遅延を発生させないためのポイント3つ」では、プロジェクトの遅延を事前に防ぐためのポイントについて紹介させていただきましたが、それでもトラブルが発生してしまうことはよくあると思います。 トラブルが起きるとどこかに羽ばたいていきたくなりますが、誰も好きでやっているわけではないですよね。 そこで本日は、トラブル発生時にWebディレクターがとるべき3つの手順について紹介していきたいと思います。 1. 発生事象を理解する 当たり前だ！と思うかも知れませんが、火中にいると冷静でいるのはなかなか難しいことです。 トラブルの発生には、必ず何かしらの理由があります。その発生している事象をしっかりと理解することが、トラブルを鎮める第一歩になります。 つまり、まずは「何が起こっているのか」
こんにちは、ディレクターのはるかです。 以前の記事でGantterとiTaskXでのプロジェクトのスケジュール作成方法について紹介をさせていただきました。 その一方で、プライベートのスケジュール管理はといいますと、仕事で使用しているカレンダーに一緒に登録をしたりしてなかったりで…正直、よく忘れてしまいます。 そこで今回、プライベート用にスケジュールを登録するためのアプリについてまとめてみました。私の目線なのでデザインなどはだいぶ女性向きですが、ぜひ参考にしていただければと思います。 デザインやアイコンの可愛らしさはもちろん、機能面もしっかりしているアプリの紹介です。それでは、いってみましょう。 1. Lifebear http://lifebear.com/ クマのアイコンが可愛いです（・(ｪ)・）パソコンからでも確認できるのはいいですよね。 Googleカレンダーとも同期ができるようなの
こんにちは。「いいオフィス」の管理人のセコです。 さて、LIGがプロデュースするコワーキングスペースである「いいオフィス」の運営を開始し、早1ヶ月が過ぎました。 ちなみにコワーキングスペースとは以下のようなものになります。 コワーキングが行われる環境（「コワーキングスペース」と呼ばれることもある）はシェアオフィスやレンタルオフィスとは異なり、実務を行う場所が個室ではなく図書館のようなオープンスペースとなっている。また、すべてのスペースを共有したり、イベントを行ったりといった試みを通して参加者同士のコミュニティ育成を重要視する傾向が強いことも大きな違いのひとつである。 出典：Wikipedia コワーキングスペースを運営する私たちとしては、当然ながらその魅力を多くの人たちに知ってもらい、業界自体がもっと活性化していけばいいなと考えております。 しかし、世の中ではまだまだ「コワーキングスペース
こんにちは、メディア事業部の紳さんです。 会社で僕は「企画のアイディアを出すこと」、そして「出たアイディアを形にすること」を主な仕事としています。 ちなみに、過去にLIGでおこなってきた企画の中でも飛び抜けて尖っていたのが 秒速結婚です。 自分にとって必要なライフイベントでしたが、世間からは賛否両論、2人の親からはものすごく怒られ、反省すべきポイントが多々ある企画でした。 とはいえ、あれからたくさんの方に祝福の言葉をいただき、今となっては夫婦円満、親戚付き合いも良好、ひたすら幸せな毎日を過ごしています。これも、秒速結婚というアイディアを思いつくことができたからです。 そして結婚してからというもの、出会う人には「どうしたら、あんなアイディアを思いつくんですか？」と聞かれることが多くなりました。 それまで自分でもちゃんと考えたことはなかったのですが、それをきっかけに「アイディアを生むための原理
(2014年8月21日現在) 主な違いはその秒数ですね！ Vineは6秒、Instagramビデオは15秒。15秒となると、ちょっと短いCMぐらいの尺があります。 あとInstagramビデオはフィルターがかけられること、1つ前の動画を削除できることなどが強みです。 オシャレなブランドのプロモーションなどはInstagramビデオに分がありそうです。 一方、Vineはその短さとループ再生というところを活かして、インパクト勝負で面白い動画が多い印象です。 さらに詳しい情報については、以下の記事をご参照ください。 ▼参考記事：どこがどう違う？―InstagramビデオとTwitterのVineを詳細比較 – TechCrunch http://jp.techcrunch.com/2013/06/21/20130620instagram-video-vs-vine-whats-the-diffe
みなさん、初めまして！ 先日ジョンさんの企画した「第二回 大喜利大会」に参加し、気持ちの悪い下ネタでLIGブログデビューを果たしてしまったウェブディレクターの「ちょうさん」と申します！ 今回はボクがブログ担当！ 企画書のアイデアの考え方を学ぶのに、私の独断と偏見でオススメの書籍紹介です！！ アイデアのつくり方 – ジョームスWヤング この本は、学生時代に大学の課題で出された本でした。 当時は「めんどうだなぁ」と思って心に何も残らなかったのですが、今の仕事をしはじめてから、何度も何度も読み返している本です。 元コピーライターだった著者、がいかにしてひらめき（ユーレカ）を生み出してきたかを5つのステップで紹介しています。 誰にだってひらめきは湧くのだ！という発見もあります。 とても薄い本なので、試しに読んでみてください！ アイデアのちから – チップ ハース&ダン ハース 前述した「アイデアの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く