コーポレートスローガンから学ぶ、プロジェクトを成功に導く一言とは。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGでメディアディレクターをしております、ジョンと申します。 Webについては、日々、勉強中の身でございます。あ、純日本人です。 元々コピーライターをしてきたこともあり、今回は、人と事業を動かす（可能性が高くなる）言葉について、実際のコーポレートスローガンから紐解いていきたいと思います。 その前に、コーポレートスローガンについて軽く説明しておきましょう。 コーポレートスローガンとは 大きく言ってしまえば企業の顔にあたるものですが、もう少し身近な言葉に置き換えると企業の「テーマ」とも言えるかと思います。 たとえば、これから担当するプロジェクトのテーマ（またはコンセプト）を策定する立場にいらっしゃる方は、優れたコーポレートスローガンのノウハウを応用することで、もっと魅力的なテーマを掲げることができるかもしれません。 なんとなく、で決められたテーマよりも、一定の戦略のうえで掲げられたテーマのほ
Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！ Web制作者として日々勉強中でありますライターの、のび太です。 先日「Webが学べる海外サイト10選」をご紹介させていただきましたが、もちろん国内サイトでも、Webに関してガッツリ学べる有益なブログはたくさんあります。 国内サイトでは、およそ80ぐらいのWeb系ブログをRSS購読させてもらっていますが、今回はその中でも厳選に厳選しまくった「これはWeb屋なら絶対必須でしょ！ もはやお金取られてもいいレベルや！」って感じた10個をみなさんにシェアしたいと思います。 また、大変恐縮ながら、個人的にベスト3だと思った記事（特に有益だと思った記事）も一緒にご紹介させていただきます。 【こちらもおすすめ】 ☞ Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 Webクリエイターボックス http://www.webcreatorbox.com/ あまりにも
Compassの設定ファイル「config.rb」の編集方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 最近買った漫画は「ウメハラ – To live is to game -」です。 さて、王くんのおかげで Sass + Compass を使えるようになりました。わーい！ 王くんのブラボーな記事はこちら↓ CSSの常識が変わる！「Compass」、基礎から応用まで！ Sassファイルの吐き出したCSSファイルの出力スタイルの設定は「config.rb」を書き換えることで簡単に変更出来ました。 今回はconfig.rbの基本的な編集方法についてまとめてみました。 config.rb のデフォルトの記述 config.rbの中身は何もいじらないとこんな感じになっていると思います。 （Codekitなどで吐き出すとCodekitのデフォルトの設定が入るので、またちょっと違います） # Require any additional compass plugin
【2014年】LIGブログの3月度アクセス解析と広告収入の結果|株式会社LIG | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2月からさらに約17万PVアップと、今もなお加速度的に成長中です。 “VICTORY LOVES PREPARATION （周到な準備が勝利を招く）”という言葉があるように、LIGは今後も謙虚に、コツコツと、頑張ります。 Adsenseの広告収入 3月度広告収入 クリック単価 今月は途中から広告枠が空いたので、Adsenseの広告収入は増加しました。 ※LIGブログでは基本的に純広告（広告枠をお客様に買っていただく）を優先して表示し、売れ残った枠でAdsenseを表示させるようにしています。 3月度人気のあった記事TOP10 10位 これが無料!?背景画像のフリー素材配布サイト 14選 | 株式会社LIG 20,404 PV （先月：21,362 PV） 9位 TwitterやFacebookユーザーにオススメ！アイコン作成サイトまとめ16選 | 株式会社LIG 20,628PV （先
jarallax.jsの使い方解説
こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 （注：スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。） jarallax.jsとは？ パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら： http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは
エンジニア必見！Webデザイン・制作に役立つサイト26選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
マガンダング ハーポン！最近エンジニアに転職したひろゆきです。 詳しくはこの「フィリピンでプログラムと英語が学べる、ギークスキャンプがスゴイ！！」を読んでください。 今回はLIGエンジニアチームが普段情報収集の際に活用しているサイトをまとめてみました。俺のように最近エンジニアデビューした方は必見です！ WordPress関連（プラグインの検索、関数の解説など） ■WORDPRESS.ORG 日本語 http://ja.wordpress.org/ WordPress公式の日本語サイトです。フォーラム見たり、プラグイン検索に便利です。 ■WORDPRES.ORG 英語 http://codex.wordpress.org/ WordPressの公式リファレンスサイトです。WordPressの関数だったりフックを探す時に使います。英語ですが、情報量は日本語サイトよりも多いです。 ■WORDPR
ブックマークレット10選
こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん
見た目を綺麗に整列する！ブロックレベル要素の高さを揃えるJS3選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れ様です、デザイナーのモモコです。 コーディング中にいざ本番の文言を入れたら、予想以上に長さがバラバラで見た目が揃わない…！なんてこと、ありますよね。今回はそんな時に活躍してくれるブロックレベル要素の高さを揃えるjsを3つご紹介します。 heightLine.js 配布ページ <script type="text/javascript" src="heightLine.js"></script> class名のつけ方によって高さを揃える要素をコントロールできるJavascriptです。 子要素の高さを統一できる「heightLineParent」が便利で良くお世話になっていました。 jQueryAutoHeight.js 配布ページ※このページは現在削除されています。 <script type="text/javascript" src="jquery.js"></script> <s
photoshopで紙っぽい質感を簡単に表現する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はつるっとしたオブジェクトを簡単に紙っぽくする方法をご紹介します。 01:境界をざらざらにする まずは長方形ツールで白い四角形を描きます。 次に長方形の選択範囲を選択して、クイックマスクモード（ショートカット：Q）に切り替えます。 クイックマスクモードの状態で、フィルタ→ピクセレート→水晶を選択します。 クイックマスクを解除すると（もういちどQを押す）と選択範囲がギザギザになっているので、その状態でレイヤーマスクを追加します。 紙がギザギザになりました！ついでにドロップシャドウもやんわりかけちゃいましょう。 02:紙をしわくちゃにする 次は紙のしわくちゃした質感を表現します。 ギザギザ部分を選択して（Ctrl+レイヤーマスクサムネイルクリック）、新規レイヤーを追加したあと、黒→白のグラデーションをランダムにかけます。 補足：グラデーションの描画モードは「差の絶対値」にしてください。その
面白い資格・検定一覧！趣味や日常生活で役立つものも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGインターン生のたかちです。 「ご当地系」や「変わり種系」の資格がいっとき世間でブームになりましたよね。一部の資格は、その業界に身を置く人以外にとっては、自己満足のツールとなることが多いもの。 とは言え、なんだかんだで話のネタになりますし、自分の好きなことや特技がカタチになるのは嬉しいですよね。ということで今回は、仕事ではあまり使えないかもしれないけど、趣味でちょっと欲しい資格という観点でまとめてみました。TOEICや簿記よりも、個性が出て意外といいかもしれませんよ……！ ぜひ参考にしてみてくださいね。 こちらもおすすめ 実用的な資格を取りたい方におすすめの「Webデザイン」に関する資格をまとめました。 フード系 箸検定 http://hashi-bunka.jp/ 正しい箸の持ち方を検定されるみたいです。世界で唯一の箸検定で、合格すると「箸ソムリエ」になれます。確かめよう
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
印象に残る！丸の要素をうま〜く取り入れているサイト13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
日本のみなさん、こんにちはぁ！最近なぜか丸いものにハマっているバンクーバー在住のライターの、のび太です。 丸いものと言えば、パンダ、アンパンマン、ぽっちゃり男etc。丸い要素には「やわらかい」「やさしい」「かわいらしい」などの好印象を与える力があるのではないでしょうか。 Webサイトで丸い要素を取り入れているサイトはたくさんありますね。例えば、ソーシャルメディアボタン、日付、ナビゲーション、背景パターン、アバター画像などなど。四角いボックス型ではなく円形を利用することで、ユニークに見えてユーザーを惹きつける効果があると思います。 今回は、僕が特に印象に残った「丸の要素をうま〜く取り入れているサイト」をご紹介したいと思います！ 丸の要素をうま〜く取り入れた印象に残るサイト13選 Urbangap https://www.urbangap.com/urban12/maggio ※現在はサービス
かわいい猫画像が満載！猫好きにおくるWebサービス・アプリ17選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのたまです。 すっかり冬です。冬はこたつですね。こたつと言えばみかんと猫ですね。僕の自宅にはこたつはありませんが、猫が3匹います。 そう、猫が好きなのです。 そういうわけで、猫好きに向けたWebサービスやアプリを紹介しようと思いました。 ちなみにLIGにはこたつがありますよ〜。それではぬくぬくいってみましょう〜。 メディア・SNSで猫を愛でるなら 1. ilove.cat http://ilove.cat/ja スタイリストや漫画家、アートディレクターなど、業界で活躍している方とねこのライフスタイルを紹介しています。 写真がとてもきれい。 2. Petwell http://www.petwell.jp/ 「飼い主さんへ正しい知識を」をコンセプトに、猫の病気や気をつけたいことの情報を発信しているメディアサイトです。 3. ねこらぼ http://nlab.itmed
「Windows XP」公式サポート終了に備えて考えておくべきこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2014年4月でWindows XPの公式サポートが終了します。XPのデフォルトブラウザはIE6.0でした。多くの団体がIE6やIE7を使わなくなる…はず…なのでしょうか？ サポート終了が目の前に迫り、さながら試験前夜のように焦っているライター内藤です。 XPを使い続けるデメリットについて もちろん、いいところがたくさんあったからこそ愛されて長く使われたXPではありますが、公式サポートが終了することによって、だいたい以下のデメリットが考えられます。 セキュリティ更新がなくなるため、インターネット常時接続の場合は特に外部からの攻撃に弱くなる可能性がある ドライバの提供がなくなり、プリンタなど外部接続を含めてデバイスが動かなくなる・新しい周辺機器を使えなくなる可能性がある 多くのソフトウェアが対応を終了する可能性がある＝ソフトウェアが使えなくなる・新しいソフトウェアが使えない可能性がある IE
新生活を始める為に参考にしたい！オシャレなインテリアサイト15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さま、こんにちは。メディア事業部のまゆです。 春も近づき、新しい生活をスタートさせる学生さんや社会人の方も多いのではないでしょうか。新しい住処、新しい街、新しい出会い…など様々な「新しい」を経験していき、人は成長するんですね。 そんな方の為に、今回はインテリアサイトのご紹介をさせて頂こうかと思います。 ±０store http://www.pmz-store.jp/index.html 食器も揃っているのですが、特に家電が素晴らしいです。シンプルでオシャレなデザインなので、部屋のシーンに合うものが見つかるかと思います。 北欧雑貨 http://www.hokuouzakka.com/ 北欧デザインに限定した生活雑貨、インテリア雑貨、キッチン雑貨、北欧食器、ムーミングッズを販売しています。 novelax store http://store.novelax.jp/ デザイナー直売のプロダ
デジタル漫画を描く際にオススメの制作ソフト&Photoshopでの描き方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして！デザイナーのみぽりんと申します。 今回は、デジタルマンガにおすすめのソフトや素材サイトとPhotoshopでのマンガの描き方をご紹介したいと思います。 デジタル漫画におすすめのソフトと素材サイト CLIP STUDIO PAINT https://www.clipstudio.net/ モノクロ漫画制作ソフト「ComicStudio」の後継となる「CLIP STUDIO PAINT」。 イラスト制作に最適な「PRO」と、マンガ制作にも適した上位グレード版「EX」があります。トーンや集中線、背景などマンガに必要な機能が豊富で、マンガを描くのが楽しくなるソフトです。 アップデートで少しずつ機能も追加されているので、今後の動向に期待大です！！！ ComicStudio 4.0 https://www.comicstudio.net/ ※現在はサービスを終了しています。 プロも御用達
パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのあかねです。 先日お客さんへの提案で、パララックスサイトを作りました。通常のサイトに共通する部分も多いパララックスですが、特にパララックスサイト構築時に限って気を付けたいことがあったので、まとめてみました。 ぜひ、パララックスサイトを作るときの参考になればと思います。 1. パララックスにするメリットを考える まずは、パララックスにするメリットを考えましょう。 「スクロールするとアクティブに動いてかっこいい！」だけじゃメリットとは言えません。 「ユーザに伝えたいこと」をしっかり考えて、使いやすい（UIがしっかりしている）サイトを目指します。 もしかしたら、パララックスじゃない方がユーザは見てくれるかもしれません。そういうときはちゃんと説明して、お客さんに納得してもらいましょう。 そして、とにかく成果を出しましょう！ 2. 仕様をしっかり伝える 大事なのは、お客さん
ウェブサービスの管理画面を作る上で守るべき6つのルール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！！ メディア事業部のまさしです。 昨今、ウェブサイトをはじめとするウェブサービスやアプリなどは、作っておしまいではなく、作ってから運用し改修を続けて成長させていくことを前提とするようになりました。 その際に重要な役割となる管理画面ですが、管理画面って作るときに何のデータを出していいのか、どうデザインしたらいいのか迷いますよね。結果、あらゆる機能とあらゆるデータを盛り込んだ管理画面になってしまいがちです。 今回は、そんな悩みを解消できるように、目的に合っている使い勝手の良い管理画面をつくるための6つのルールをご紹介いたします。 ウェブサービスの管理画面をつくる上で守るべき6つのルール ルール1：ターゲットは1つに絞るべし！ 最も効果的な管理画面とは、単一のユーザーをターゲットとして、その目的をもとに固有のデータを表示しているものです。 複数のユーザーをターゲットとしてしまうと、い
JavaScriptで制御しているCSS3のtransitionを途中で中断させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアチームのづやです。 CSS3のtransition便利ですよね。 JavaScriptから制御してると、jQueryでanimateをstopさせるときみたいに途中で動きを止めたいことがありました。そんな時どうすればいいかわからなかったので、調べてみました。 JavaScriptから制御しているCSS3のtransitionを途中で中断させる方法 動かしてるstyleを上書きしてしまう これが一番ベターっぽい。中断したいタイミングで対象となってるstyleを上書きすると止まってくれるようでした。 <!-- こんな要素があって --> <input type="button" name="start" id="start" value="開始"><br> <input type="button" name="stop" id="stop" value="停止"><br>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
