AWSのELBでSSLの証明書を設定する方法（2015年5月版） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、まろCです。突然のお別れを経験しました。これだから出会うことを思い出にしたくないんです。いつも最後が悲しいのはもう嫌です。 さて、本日はタイトルのとおり、AWSのELBでSSLの証明書を設定する事例がありましたのでそのログを記事にしたいと思います。 僕はフロントエンドエンジニアなのですが、その案件ではインフラ、バックエンド、フロントと全部担当しました。AWS自体はさわっていたのですが、久しぶりでした。 コンソールが変わっていたり日本語を選択できたりしていたので、いろいろメモを残しておきたいと思い、今回記事にしました。AWSをさわる方のTipsになれば幸いです。 早速流れを追ってみましょう。 秘密鍵とCSRの生成 ELB用にパスフレーズなしのCSRを生成します。実際ELB配下に設置するEC2上で、秘密鍵から作っていきましょう。サーバーはAmazon Linuxを選択しました。 以
Webデザインが「どこかさみしい」と思ったとき、3分で試せるアイデア7つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのまきこです。 iPhone6のディスプレイがバキバキに割れてしまってから、心を無にしてずっと使っていましたが、iPhone6sの発売により、最近はちょっとウキウキしています。 ところで、デザイナーのみなさんは、普段作業をしているときに「このままのデザインだと、なんかさみしい�」「もっとにぎやかにしたい」と思ったことはありませんか？ そんなときは、制作物に応じた「にぎやかし」をするのがもちろん良いのですが、いろいろ難しく考えるよりも、手を動かしてみたほうが早い、ということもありますよね。ということで今回は、デザインが「なんかさみしい」と思ったときに、だいたい3分あれば試せるデザインアイデアを7つご紹介します！ ▼ デザインアイデアに詰まったときはこちらもどうぞ。
ブログの書き出し、どうすればいい？人の心を動かす9つの導入文パターン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
これまでの僕は愚かでした、 “こんにちは、ナッツです。”なんてインパクトもなければ、心にも響かない単なる普通の挨拶で記事を書き出していたからです。 インターネットには無数の記事コンテンツ。検索すれば何でもすぐに出てきます。 人様のハートに残らない文章を書いてなんの意味があるのでしょうか？ 僕は、説明書のような無味乾燥な記事を書くのはもうたくさんだ、と思いました。 そんなときに読んだコピーライティングの記事（英文）。「タイトルの次に重要なのは最初のセンテンス」として記事の書き出しについて紹介されており、「ああ、なるほどな」と。 そこで今回は、当記事より学んだことをナッツなりに解釈してご紹介していきます。毎回記事の書き出しに悩むというブロガー、ブログの滞在時間が短く最後まで読まれていないことにお悩みのブロガーは、ぜひ参考にしてみください。 読者の心をつかむ！9つの記事の書き出し方 1. 「イエ
事例から学ぶ、優れたキャッチコピー10選。第二回「衝撃の事実があるコピー」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ブランディングチームのジョンです。 思えば、10年近くコピーを書いてきました。 クライアントや諸先輩方、同僚、ときには後輩にもダメ出しをされ、ボツになっていったコピーは腐るほどあります。ちなみに、過去に言われていちばん傷ついたフィードバックは「これ、ただの文字列じゃん」です。 かくしてぼくは、自ずといいコピーって何だろう？と自問するようになりました。 次第に、街で見かけたコピーや広告賞を受賞したコピーなど、自分のなかでいい！と思えたものを分析していくようになったのです。今回は、その分析結果の第二回目。「衝撃の事実があるコピー」を紹介させていただきます。 第一回目の「コピーされるコピー」はこちら。 衝撃の事実があるコピーって何？ 「それはすごい！」と思わず反応してしまうような事実があるコピーです。 一瞬で気を惹く力がありますから、その話を見てほしい・聞いてほしいとき、非常に有効だ
Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレームワークです。 ダウンロードは下記よりおこなうことができます。 rogerwang/node-webkit – GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptでアプリを作ることができる HTML/CSS/JavaScriptと聞くと、Webブラウザ上で動作するWebアプリケーションをイメージしますが、node
【保存版】Webフォントの使い方と無料のおすすめサイト一覧（日本語・欧文） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
先週、新婚旅行という人生最大級の贅沢を楽しんできたため、日本に帰ってきて放心状態になっている野田です。 もう少し逃げていたかった……現実から……。 という話は置いておいて。最近LIGのブログではフォントネタが頻繁に登場するようになってきたので、それに僕も便乗しようと思います。 Webに関わっている人でも、「フォントが大事なのはわかるけどWebフォントは設定していない……」 という人も多いんじゃないですか？ 今日はWebフォントの使い方とおすすめの無料で使えるWebフォントサービスをご紹介します。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！
カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。 過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。 ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増
Macで使える便利な３つの技！コマンド、フォルダアクション、Automator | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、紳さんです。 僕は今の会社に入るまではMacを触ったことがなく、典型的なパソコン初心者です。 便利なショートカットキーや初心者でも簡単にできそうなパソコン操作の時間短縮法は無いものかと調べていたところ、かなり便利なものに巡り会うことができました。 ではさっそく、３つの技について 紹介していきたいと思います。 小技１ ウィンドウを隠したり表示したりするコマンド 作業している内にウィンドウがたくさん開いて作業がやりづらくなる、度々そんな状況に陥りますが、そんな時に便利な小技です。 その１ 作業していないウィンドウを隠す たくさんウィンドウが開いて作業がやりづらい！こんな時に便利なのが「隠す」コマンドです。 作業しているウィンドウを選択した状態で『commandキーとoptionキーとHキー』を押すと 選択したアプリケーション以外のウィンドウが隠れます。 これで画面が見やすくなり、作
フラットデザインに使える無料アイコンセット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
結婚のご報告。30年彼女がいなかった僕が、秒速で結婚できた理由。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部、部長の紳さんです。 突然ではございますが私、竹内紳也は2013年4月12日に入籍をいたしましたので、ご報告させていただいます。 会社の公式ブログを通じて、このような私的な報告をさせていただく事に感謝しつつ、30年間彼女という存在を手に入れる事が出来なかった僕が、それらのプロセスを全て飛ばして結婚するに至った経緯を公開させていただきます。 ことの始まり 様々な嘘、ネタで盛り上がりを見せるエイプリルフール。我々はあえて嘘をつかず、本気で僕の嫁を募集するという記事を発表いたしました。 紳さんこと、株式会社LIGメディア事業部・部長の竹内紳也が嫁を募集します。 画像ではかなりフザケていますが、記事の内容としてはなるべく真面目に、誠実に、本気でお嫁さんを募集したつもりです。 嫁に求めたいもの 20歳〜35歳の女性の方 将来、長野県の田舎で一緒に暮らせる方 300万円を超え
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
CSSを編集して自動保存できるChromeの拡張機能「DevTools Autosave」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 突然ですが、皆さんはどうやってWebページを組んでますか？ 僕は、HTMLの骨組みをひと通り書き終え、それからChromeで直接CSSを書いていきます。個人的には、ChromeはCSSをリアルタイムでいじれるので便利です。 しかし、この手法で組むと、CSSを追加、編集するたびに、いちいちコピペを連発しなければならない。しかもその後ちゃんとコピペしきれているか別タブで確認して・・・。 これは、NO GOODです！ 「編集したCSSをそのまま保存できたらなあ。」と誰もが思うことでしょう。ブラウザのセキュリティ上、そのような機能は永遠に提供されないと思われますが。 と、思ったのは誤算でした！ なんと、Chromeが開発者向けに「Chrome DevTools Autosave」という名の拡張を出しているんです！これを使えば、編集したCSSがそのまま保存されます！
知識ゼロでもコピペでOK！『yuga.js』を使ってWEBサイトを今より”優雅”にする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして。LIGフィリピン支社代表のせいとです。 今回は『yuga.js』というjQueryのプラグインを使用して、WEBサイトに�↑のお姉さんのような”優雅さ”を加えるやり方を書かせていただきます。 『yuga.js』とは？ yuga.jsとは、Kyosuke氏によって作られた、WEBサイトをなんかこう、カッコよくするヤツです。 これを使うと、たとえば… カーソルを合わせると画像が切り替わる動き（マウスオーバー）が簡単にできる。 画像をオシャレに表示させられる。 「ページトップへ戻る」とかのリンクの動きがスムーズになる。 といったことができるようになります。 この記事では、個人でWEBサイトを作られている方や、WEB初心者の方に読んでいただけるようにコピペだけで実装できるよう解説していきます。 それでは早速始めましょう。 ダウンロード＆下準備 まずはこちらのページからyuga.jsをダ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
