より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですはやちです(ノ)◜ω◝(ヾ) 最近『龍が如く維新』にどっぷりはまっております。畑仕事と釣りと別宅のローン返済が楽しくて本編のストーリーが進みません。 龍が如くシリーズは毎回寄り道してしまいます( ˘ω˘) どうでもいいですねc⌒っ´ʘ‿ʘ｀)っ 今回はLIGのデザイナーチームで半数以上のメンバーが使用している『sublime text』がより見やすく、使いやすくなるデザインテーマをご紹介いたします。 テーマを変えてみよう まずテーマの変更方法をご紹介します。 テーマをインストールする Control + Shift + pで呼び出して Package Control: Install Packageを選びます( ˘ω˘)☝ そのあとにパッケージ一覧が表示されますのでthemeで絞り込み、お好みのものを選びましょう( ˘ω˘)☝ これでインストールは完了です。 テーマを反映させる。
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
フラットデザインの参考にも！Bootstrap3対応のかっこよすぎる無料テーマまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Bootstrap3の無料テーマ＆テーマ集まとめ BlackTie.co http://www.blacktie.co/ 最近衝撃を受けたフリーのテーマ集。どのテーマもかっこよすぎて涙が出ます……ありがたや……ネーミングとロゴもかわいくてきゅんとしますね。 テーマ数は現在（2015年6月時点）25個あり、今後の追加も楽しみですね。 Bootswatch http://bootswatch.com/ こちらもテーマ集です。Bootstrap2の頃からありましたが、3にも対応したようです。フラットデザインにするなら「Flatly」がおすすめ。 Start Bootstrap http://startbootstrap.com/ こちらもテーマ集。管理画面用やポートフォリオ用など、いろいろな用途別に作られているのがありがたいですね（「Sponsored」のタグがついたものは有料なのでご注意！）。
世界一即戦力な男
「即戦力」と検索すると、全世界で１番目にヒットし、Facebookのいいね！は２１０００オーバー、Twitterによる関連ツイートは５０００以上。そんな驚異的な数字を誇る個人のサイトがある。このサイトを作った男の名は菊池良、実在の人物である。 この物語の主人公、菊池良は６年間引きこもりの上、学歴もなく、派手な特技もない、なんの取り柄もない男である。 ある日、菊池は「このままでは自分はヤバい」と思い、ごくごく一般的な就職活動をしてみるが、これといってアピールポイントもない菊池良は、普通に就活をしても当然、企業から見向きもされず、再びどん底に。しかし、そんな男がひょんなことから思いついた、『世界一即戦力な男』という自分自身を強烈に売り込むサイトを制作したことによって、運命は大きく変わり出す。
「ロングシャドウ」エフェクトをPhotoshopの3D機能で簡単に作る方法 | 株式会社LIG
フラットデザインとロングシャドウが定着しつつある今日このごろ。いつ廃れるかは誰にも分からないが、いわゆる「ロングシャドウ」ってやつは割りと綺麗だなと個人的に思ってます。作り方はCSSならtext-shadowを利用したジェネレーター、Photoshopならスマートオブジェクトを使ったテンプレートやアクションなどがあります。今回は一味違うやり方で、Photoshopの3D機能を使っての作り方をご紹介します。 なぜ3Dで作ったほうが便利かというと、それは、このように、入射光を調整することが簡単に行えるからです。 あと、光の減衰で陰がだんだんとぼやけていくというちょっとリアルな表現もPhotoshopで簡単にできちゃいます。 ※制作環境はPhotoshop CS6以上が必要です。 ロングシャドウをPhotoshopの3D機能で作る方法 3Dオブジェクトに変換 レイヤーに右クリックして、テキストレ
これは楽ちん！データベース設計で面倒なテーブル定義書を簡単に作成できるA5:SQL Mk-2 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも段田です。今回は開発時に色々と手間がかかるテーブル定義書をツールで作成する方法を書きます。 A5:SQL Mk-2（以降、A5M2）というフリーソフトは、DB情報からテーブル定義書をExcelで作成してくれます。また、SQLエディタやER図の作成もできるので万能過ぎるSQL開発ツールです。 なおWindowsしか使えないので、Macユーザーは素数を数えて落ち着いた後にそっとブラウザを閉じてください。 ①A5M2のインストール まずはA5:SQL Mk-2をインストールしましょう。 ②定義書作成対象のDBを用意する DBは開発で使用しているものを用意します。 テーブル名のコメント、フィールドのコメントを入力しておくと、定義書作成時に項目名、備考欄に自動で出力してくれるので、必ず入れておいたほうが良いです。 ③ODBCを設定する A5M2を使う場合、実行PCのODBCを使用する形になりま
CSVヘルパーを使ってみよう（CakePHPで） | 東京上野のWeb制作会社LIG
CSV（チャンピオンに必要なものそれはヴィクトリー）をPHP側で出力しようとした場合、自分でfputcsvとかを使って頑張ってもいいのですが、文字列の処理が以外と面倒だったりすることもありますよね。上手くいったつもりでもいざファイルの中身を見てみたら列がずれちゃってたりとかもするし。 そこで役立つのがCSVヘルパー。チャンピオンになるための条件すなわちヴィクトリーをもたらしてくれる優秀な助っ人です。 使い方は簡単。ソースをコピペってcsv.phpとでも名前つけてhelpersに置くだけ。ソースはPHP5専用のを使ってもいいのですが、一応PHP4と互換のある方を使ってみましょう。まあ、どっちもやり方はたいして違いません。 ソースをコピーしたらあとはコントローラーとビューで以下のような処理をすればOKです。余分なソースは省略して書きまっする。 //コントローラー class CsvContro
僕と一緒に始めませんか？世界一のカードゲーム「マジック：ザ・ギャザリング」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、紳さんです。 突然ですが、皆さんはマジック：ザ・ギャザリングというカードゲームを知っていますか？ もし、知らないのなら今日は名前だけでも覚えて欲しいと思います。 ちなみに僕はマジック：ザ・ギャザリングの熱狂的なファンなのです。 マジック：ザ・ギャザリングとは？ 一般的な略称は「マジック」、「MTG」。 1993年に世界初のトレーディングカードゲーム（TCG）として誕生し、2013年現在、世界中で最も多くの人間にプレイされているカードゲームである。 その独特な世界観と作りこまれたゲーム性に魅了されたファンは数知れず、マジックに影響を受けたカードゲームは非常に多いと予想される。 LIGにマジックの宣伝依頼が来た事は、僕にとって最大限にテンションが上がる出来事です。しかし、マジックの魅力を写真と文章だけで伝える事は難しく、頭を悩ませました。 マジックの世界は奥が深すぎるのです。 それ
離島にブロードバンドを敷設して学んだ事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
目次 限界集落の離島の現実 ブロードバンドを引く前の通信速度 あまり有効では無い対策 違う角度からアプローチする 大風呂敷を広げると失敗する 個人の力で出来ること 実現したこと・分かったこと 資金力と実行力は大事 聞いてみる・言ってみる・やってみる・諦めない。 限界集落の離島の現実 限界集落（げんかいしゅうらく）とは、過疎化などで人口の50%以上が65歳以上の高齢者になって冠婚葬祭など社会的共同生活の維持が困難になっている集落を指す、日本における概念。 住民登録されている人口は230名程度いるようですが、高齢者が施設や親族の家に引き取られたりしているため、実質的には200名弱。平均年齢が65歳を超えている高齢者の島。対岸からたった1km弱しか離れていない離島ですが、対岸までは船しか交通手段がありません。 島には医療機関や警察はおろか、信号もお店もありません。ライフラインの電気は島にある鉄塔
Canvasで超可愛いグラフが作れる！「Chart.js」の紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい！ ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは？ 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、
CakePHPの「AppModel」を有効に活用して開発を効率化する方法 第二弾 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも！tetsuです。 前回に引き続き、CakePHP2系のモデル「AppModel」を有効に活用する事例（第二弾）を紹介します。 ■ON/OFFフラグの共通化 データベースに保存された1レコードに 「ON/OFF」のようなフラグが存在するとします。 これをAppModelで共通処理を用意することで、 コーディングが楽になり、ルールを統一することができます。 よくある例として「表示/非表示」のフラグフィールド「display」を例に、 実装例を以下に記載します。 1.「表示/非表示キー」の定義 AppModel.php class AppModel extends Model { //表示・非表示キーキーの定義 public $display_name='display'; } 2.フラグ処理の実装 AppModel.php class AppModel extends Model {
「AppModel」を有効に活用して開発の効率化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもtetsuです。 今回はCakePHP2系のモデル「AppModel」を有効に活用する事例を紹介します。 「AppModel」をうまく使うとコーディングする量を減らしたり、 コーディングルールを統一化させたりが可能となります。 ■論理削除の共通化 データベースに保存された1レコードデータを削除すると 通常は物理削除となり、CakePHPのモデル「delete()」でも同様に処理されます。 これを論理削除として扱う場合、削除キーを用意し その値で削除されたかどうかを判定させます。 削除を実行した際に削除キーを用いた処理コントローラーまたは モデルに都度コーディングしていては無駄となってしまいますので、 「AppModel」で共通処理を記述するだけで実装が可能となります。 実装例は以下です。 1.「削除キー」の定義 AppModel.php class AppModel extends
これは凶悪……コーディングのヤバいバグ＆仕様 Best5 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。 コーディング中にバグやブラウザ仕様のせいで、「なんじゃこりゃアア」ってなること、皆さんありませんでしょうか。 今回は、その中でもとりわけ「なんじゃこりゃアア具合」が激しいトラブルを、僕の独断と偏見のランキング形式でお話しさせていただきます。 なんでランキング形式にしたかというと、そっちの方が面白いと思ったからです。面白くなかったらごめんなさい。 第5位 IE9.jsを入れると、IE7で謎の隙間が発生しまくる IE9.jsを採用したサイトをIE7,8で見ると、 <class="ie7_anon ie7_class6" id="ie7_pseudo2" style="overflow: hidden; display: block;"/> こんなものが追記されていたりします。 こいつに高さがあるせいで、隙間が生まれてしまいます。が、こいつがな
コンテンツ作りに役立つ基本的なマーケティング心理学まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さんこんにちは、メディア事業部のそめひこです。 記事や企画作りを行う上で、アイデアやコンセプトがなかなか浮かんでこないことが多々あります。結構な量の記事や企画を組み立てていくので、頭が柔軟ではない自分にとってはアイデアやコンセプトを出していくのは結構な重労働。 そんなときに私が最近参考にしているのが、”心理学”です。 心理学 = 生物体の意識や行動を研究する学問 漠然としたアイデア出しを、心理学を通してより具体的に仕立て上げることで、ある程度の道筋をたてることが出来ます。 アイデア出し役立つ基本的なマーケティング心理学まとめ ■認知的不協和 個人のもつある認知と他の認知との間に不一致・不調和が生じること。その結果、不協和を解消あるいは低減しようとして行動や態度に変化が起こる。 例えばヘビースモーカーの喫煙者に対して、「タバコを吸うとガンになるリスクが高くなり長生き出来ないのでやめなさい」
最近、ガチで流行っている【人狼】ってどんなゲーム？LIGでもやってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。先日、嫁に「寝顔が可愛い」と言われました。 紳さんです。 ところで皆さん、【人狼】というゲームを知っていますか？ 人狼を簡単に説明すると… 外国で生まれたパーティーゲームで、プレイヤーはそれぞれが村人と村人に化けた人狼となり、自分自身の正体がばれないように他のプレイヤーと交渉して正体を探る。ゲームは半日単位で進行し、昼には全プレイヤーの投票により決まった人狼容疑者の追放が、夜には人狼による村人の捕食が行われる。全ての人狼を追放することが出来れば村人チームの勝ち、人狼と同じ数まで村人を減らすことが出来れば人狼チームの勝ちとなる。 最近、フジテレビで芸能人達が人狼をプレイする番組が放映されていますが、かなり流行の波が来てるんですよ！ LIGではいつやるの！？ NOWでSHOW！ …というわけで、 「人狼の楽しさを世界に広めまくる」、という理念で活動を行う【株式会社人狼】の方々をLI
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
フラットデザインに使える無料アイコンセット19選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フラットデザイン、今や大きなトレンドとなっています。 これまであれだけ「Skeuomorphismデザイン」を推進してきたAppleでさえ、iOS 7からフラットデザインを採用し始めました。潮流とは儚いものですね。 フラットデザインの特徴上、見た目がシンプルで質感を要しないので、制作するのに「Skeuomorphismデザイン」ほど時間がかからず大量生産できちゃいます。なので、質の高いアイコンセットを選りすぐるのには結構時間がかかります。 ということで、今回はそんな「フラットデザイン」に使えるエレガントなアイコンセットを20個集めてみました。参考になればと思います。 フラットデザインに使える無料アイコンセット20選 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
【デザイナー厳選】バナーデザインの参考ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは！ Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します！ 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも？ Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
「へぇー」と言ってしまうかもしれない、css3の使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。 子供の出産予定日を過ぎているので、毎日お腹に応援歌を歌ってるADの野田です。 前回書かせていただきましたデザイナー募集の記事では、 一切笑いのない記事となり大変申し訳ございませんでした。 してやったりだったので、ドSな僕としてはちょっと快感でした。 今回、cssを使っていて私自身が「へぇー」となったものを記憶をたどってご紹介させていただきます。 常に、新しい技術等をチェックしているつもりですが、 日々の業務との葛藤で、つい情報を見逃してしまうこともございます。 そんな方は、今回の記事を見て「へぇー」っと、なっていただけると嬉しいです。 知らなくても恥ではないので、これを期に使ってみましょう。 なお、今回は単純に「こんなの出来るんだ」ということを知ってほしいだけなので、 対応のブラウザやバージョンは記載していません。 ご了承ください。 文字は透過せず、背景のみを透過する これは
LIGの社員がまとめる『ちくしょう。転職だ！』という瞬間BEST16 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ステマ（ひろゆき）です。 今回、皆さんにご紹介したいのは、IT／Web系に特化した転職サイトのGreenさんです。 Greenさんと言えば、ユニークなこちらのバナー。 Web系の情報サイトを訪ねるとよく見かける印象的な広告ですよね。 さて、俺はLIGという会社が好きなので特に転職したいとは思わないのですが、ステマ記事を完成させるためには転職の話に繋げないといけません。 なので、今回は一般的にありがちな「転職を決意する瞬間」をLIG社内で考え、まとめてみました。 この記事を読んで転職を決意し、Greenさんのサイトへのリンクをたくさん踏んで頂けるとステマ的には大成功です。 転職を決意する瞬間BEST16 それではさっそく見ていきましょう。 給料が甘栗 給料がハマグリ 毎月、母親を交えた三者面談がある。 撮影協力：魚肴・地鶏【利楽】 電話：03-3876-9108 住所：東京都台東
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
