今さら注目！！SVGを使ったサイトまとめ2017年7月版！！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
節約シャワーヘッドが欲しい、フロントエンド担当のザワです。 SVG、みなさんご存知でしょうか。ご存知でしょう。もはや説明不要のあのコです。 拡大してもキレイ、動かしてもキレイ。今回は、そんな煮てよし焼いてよしのSVGを使用した、私が最近胸を打たれたサイト達をご紹介します。 11th Bēhance Portfolio Reviews – Belo Horizonte http://behancereviewsbh.com.br/ さっそくSVGの利点を生かしてきましたね。その名も「拡大」。ベクターグラフィック最大の利点、拡大してもボケない。それだけじゃない。SVGは色々な側面がありますからね。クリップだって出来ます。矩形の中で円の一部が見えていますよね。それです。ブラボー。 ファンプレックス株式会社（funplex, Inc.） https://funplex.co.jp/ ある図形からあ
Photoshopを使い倒せ！ショートカットとアクションでデザインの作業効率化を図ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのみやです。 飼い猫のラブ（�エサ）コールを無視していると、空気清浄機の風量をフルパワーに変えてアピってきます。この前はご丁寧にチャイルドロックまで設定してました。 ところで皆さん、Photoshop使ってますか？ ウェブサイトデザインを行う際にPhotoshopを使う方が多いと思います。何気なく使っているPhotoshopですが、ちょっとの設定で作業効率化を図ることができます。 今回はショートカットとアクションを上手に使ってPhotoshopでの作業を快適にする裏技をご紹介します。 キーボードショートカット登録 キーボードショートカット登録方法 キーボードショートカットの設定は『編集』＞『キーボードショートカット』または「Shift」+「option」+「command」+「k」からできます。 実際に開くとわかりますが、ここにはPhotoshopのメニューから実行で
デザイン上達の秘訣は「文字の扱い方」！テキストを読みやすくする5つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのまきこです。 わたしは以前、著名なアートディレクターの方に「デザインがうまくなるにはどうしたらいいでしょう？」と、大変にストレートな質問をしたことがあります。そのときいただいたのは、「文字の扱いがうまくなると、デザインがうまくなるよ」という言葉でした。 あれから何年か経ちますが、ふとその言葉を思い出すことがあります。そして、「あのときはあんなふうに言われたけど、たいしてうまくなってないなあ」と、ぼんやり考えてから、また作業に戻っていく。と、ここまでが、去年までのわたしのいつものパターンでした。 でも、2016年のわたしはちょっと違います。ちょうど昨日、「文字の扱いがうまくなると、デザインがうまくなるよ」という言葉をまた思い出しました。そこで、「あ、これ、ブログにしよう」と思い立ったわけです。 今回はデザインにおける文字の扱い方の中でも、わたしが普段意識している、「
炎上マーケティングばかりしているから、イケダハヤトの家を燃やしに行った話 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
実は今、高知県に来ています。 高知にやってきた。何気に初めてです。 — 菊池良 / Kikuchi Ryo (@kossetsu) 2015, 9月 30 初めてやってきました。イケダハヤトさんにどうしても会いたかったからです。 解説：イケダハヤトって？ 高知県に住むプロブロガー。通称・イケハヤ。バナー広告やアフィリエイトなど、ブログの収益で生計を立てている。 東京から高知に移住したことがヤフートピックスに載るほど話題になった。現在はさらに山奥に引っ越し、限界集落に在住。ブログ名「まだ東京で消耗しているの？」は煽りタイトルとして一部のネットユーザーの間で流行っている。 イケハヤさんは元々、よく会社員をDisったりして炎上していたんですが、高知に移住してからはおとなしくなっていたんですよね。トマトの紹介したりして。 それがまた最近、炎上マーケティングがひどくなってきたんです。「大企業のダメな
Pinterest（ピンタレスト）初心者向け！Webデザインの情報収集に使える4つポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。デザイナーのminecoです。 私は去年から「Pinterest（ピンタレスト）」というデザイン情報を収集できるWebサービスを使っていますが、ここまで長く使っているアプリは初めてじゃないかというくらい継続して利用しています。デスクトップブラウザからでもスマートフォンアプリからでも使えるので、忙しい日々の生活のなかで情報収集ができ、情報が豊富なので1日徘徊していても飽きないからだと思います。 ということで今日は、そんな「Pinterest」を使ったデザイン収集の方法をご紹介します。今回は「Webデザイン」を集めることをテーマにしていきます。 Pinterestとは？ Pinterest は見て、発見するツールです。プロジェクトや趣味にぴったりのアイデアを見つけるのに活用してください。ーPinterestより 気軽にアイデアを発見できるツールです。サイト上で気に入ったデザインや
ノンプログラマでもコピペでOK！JavaScriptを使ってDroneを飛ばそう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。 さて、今回はDrone（ドローン）の話です。注目されてますよね〜。 以前、株式会社フォークの石射さんにParrot DroneをNode.jsで制御するやり方を教わりました。その後、自分で購入して少しずつ触っています。 そして、初めてDroneを飛ばしたときに感動したので、その勢いで社内勉強会も実施しました。 参加者はディレクターやデザイナーといったエンジニア以外の職種の人のほうが多かったのですが、Droneを問題なくプログラム制御することができました。 今回は、社内勉強会でやった内容をもとに、 ノンプログラマな読者のみなさんもDroneをプログラムで制御できるようになる7つのステップを紹介してみたいと思います。 ▼ テクノロジーをおもしろがれ！
コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 コーディングをしていて、クラス名に迷うことってありませんか？ ボタンや見出しといった、比較的単純なコンポーネントなら「.button」「.headline」など、すぐに思いつくかもしれません。 しかし、それが複雑なコンポーネントだったりすると、なかなか思いつかないものです。 そんな悩みを解消したいと思いまして、いろいろなサイトのソースコードを見て、開発者がどんなクラス名をつけているのか調査してみました。 今回は、その中からよく使われていたクラス名と、「これはナイスネーミング！」と思ったクラス名をピックアップしたいと思います。 thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブ
サイト改善に大切な3つの分析手法とおすすめWeb解析ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 分析の手法はさまざまですが、色々な視点から分析することで、多くの課題が見えてくるようになります。 改善に大切な3つの分析視点 アクセス解析やデータから定量的な分析をする 定量では計れない部分を、ヒートマップ・クリックマップを使って分析をする ユーザビリティテストやユーザーテストから定性的な分析をする それぞれ特徴がありますので、今回はそれらの分析手法と、いくつかオススメのツール、サービスをご紹介したいと思います。 これからサイトを改善される方には、ぜひとも読んでいただきたい内容です。 ▼目次 まず、物事を正しく捉えるには、主観と客観の両視点が大切 それでは、そもそも定量と定性って何？ 定量とは？ 定性とは？ 視点1）アクセス解析やデータから定量的な分析をする Google Analytics Adobe Analytics Yahoo!J
イラストを効果的に盛り込んでいる、素敵ロゴデザインをまとめました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ のっちです♩ 最近チームで朝のラジオ体操を始めました！ 身体が伸びてめちゃめちゃ気持ち良いのですが、動くたびに全身バッキバキです。日々の運動不足を痛烈に感じます。 さて、3月にデザイナーからディレクターに転身した私ですが、まだまだ現場で手を動かすことも多いです。 先日ロゴを制作させていただく機会があり、いくつかのロゴを参考にしていたのですが、その中でも特にイラストと文字を上手く組み合わせて効果的に見せているロゴが気になったのでまとめてみました。 見たことある！なものも多いかと思いますが、素敵なものばかりなのでぜひチェックしてみてください。 素敵ロゴデザインまとめ 1. 貴和製作所（きわせいさくじょ） http://www.kiwaseisakujo.jp/shop/default.aspx 女の子なら一度は見たことがあるであろう有名な手芸屋さん。ツノの部分が文字になっています
【初心者向け】PHPとは？PHPでできることや基本的な書き方を紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ひろゆきです。 僕はWebサービスをつくりたくてエンジニアになったのですが、プログラミング言語は数が多く仕様もさまざま。「プログラミングには興味があるけど、どの言語から手をつけるべきか分からない」という方も、多いのではないでしょうか？ 今回プログラミング言語の中でもPHPをご紹介するのは、初心者でも比較的とっつきやすく、前知識がほとんどなくてもブラウザ上で動かすことができるので、エンジニア入門に適しているからです。 プログラミングでモノ作りをしたいと考えている方は、PHPから始めることをおすすめします。 今回は「無料PHPスクール」を運営している「株式会社ドリーム・シアター」の中田さんの情報提供の元、LIGブログでのif文やwhile文の事例など、PHPを勉強する前に知っておきたい基礎知識をまとめてみました。 中田斉道（なかた せいどう）さん PHP／Javaを中心としたWeb
企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう！ 未経験から6ヶ月でWebデザイナーを目指しませんか？ クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2
刀でズバッと斬るようなアニメーションをHTML・CSS・JS（jQuery）で実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近とある案件で「刀でズバッと切る感じのアニメーションを入れる」ってことになって、実装してみました。ゲームなどでよくある表現ですね。 やってみると、ポイントを押さえれば意外とシンプルに実装できたので、その方法をご紹介したいと思います。 はじめに 今回はこちらの画像を使いたいと思います。 我らが広報ヨシキさんです。 垂直か水平にズバッと斬るアニメーションなら比較的簡単なんですが、このような表現においてよく使うのは�斜めにズバッと斬るアニメーションだと思うので、そっちにしてみます。 素材となる画像を用意する まずはPhotshopで画像をつくります。 ズバッと斬るアニメーションを実装するには、元の画像から3つの画像をつくる必要があります。 上半分の画像 まずは上半分の画像をつくります。 では早速やってみまし
Webデザインの参考になるギャラリーサイト24選【2023年】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
6ヶ月で「現場レベル」のWebデザイナーに デジタルハリウッドSTUDIO by LIG 💡現役Webデザイナーが講師を務め、永続的な就職支援などが特徴。 通学とオンラインを組み合わせ、未経験から半年でWebデザイナーになれます。 Web制作会社が運営するスクールなので、面接対策なども現場の基準でおこないます。 こんにちは。Webデザイナーのミライです。突然ですが、ギャラリーサイトで今日掲載されたサイトを見て、学ぶことがあったり燃えることがあったりしませんか？ あなたが刺激と戦う心、学びを得るために、現役Webデザイナーの僕が知りうる限りのギャラリーサイトの中から、参考になるところを厳選して24サイト押し売りします。 多すぎ！ って思った方も安心してください。目次と評価軸を駆使して、快適に読める工夫をふんだんにしております……！ 関連リンク：かっこいい・おしゃれなWebデザイン参考サイト
JavaScriptでオブジェクトをクラスのように扱い、パフォーマンスの高いコードを書こう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、おじいちゃんです。 今回はJavaScriptでクラスを作る方法について書きたいと思います。 「jQueryはそこそこ理解できてきたし、JavaScriptも理解したい」「機能ごとに関数作ってるけど、規模が大きくなるに連れてコードがわかりにくくなる」などという、これからJavaScriptを使いこなしたい方々向けになります。 クラスとは みんな大好きサイ本ではこのように説明されています。 JavaScriptでは、同じプロトタイプオブジェクトからプロパティを継承する一連のオブジェクトをクラスと呼びます。 引用元：「JavaScript 第6版」 JavaScriptのクラスではプロトタイプベースの継承を行います。2つのオブジェクトが同じプロトタイプオブジェクトからプロパティを継承している場合、この2つのオブジェクトは同じクラスのインスタンスになります。 引用元：「JavaScr
Photoshopでゲームのようなドット絵を描く方法と設定＆おすすめツール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの姐さんです。 今回は、Photoshopで8bitゲーム風デザインをするときの設定やおすすめツールをご紹介します。 なお、この記事ではPhotoshopCC2021:22.3.1を使用しています。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ Photoshopの基本設定 ドットの大きさに合わせてグリッドを設定する まず、100×100の新規ファイルを作りました。 次に「編集」→「環境設定」→「ガイド・グリッド・スライス」を開きます。 出てきた画面のグリッドのところを調整します。区切り方もお好みですが、今回はサ
初心者におすすめのデザイン勉強本25選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ
Web編集者・ライターが間違うと恥ずかしい日本語の正しい用法10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木（@amanojerk）です。いま僕の背後では、社長から「デスクが汚い」と怒られたらしい上司が「守破離しなきゃ、守破離…」とブツブツ言いながらゴミを捨てています。 ちなみに、守破離（しゅはり）とは、 まず師匠に言われた型を「守る」ところから修行がはじまり、その型を研究してより自分に合った型をつくることで既存の型を「破り」、最終的には師匠の型、そして自分自身の型からも「離れ」て自在になる。 という意味の、要するに剣道とかのヤツです。多分なんですけど、断捨離（だんしゃり）って言いたかったんだと思います。 さて、かく言う僕も編集・ライティング業務に従事しておりますが、出版社や編集プロダクションの勤務歴はありません。また、今でこそ社内の編集者たちをとりまとめる立場ですが、僕の入社以前は社内に商業経験のある編集者・ライターがほとんどおりませんでした。 何が言いたい
SVGとjQueryで絵を描いているようなアニメーションを実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもお久しぶりです。 フロントエンドエンジニアのはやちです( ˘ω˘)✌ 最近『天空のクラフトフリート』というソーシャルゲームにハマっております。 もともとは弊社のエンジニアの何人かに誘われてDLしたのですが、みなさん最近ログインしている様子がなく、もくもくとひとりでミッションをこなし、練り上げております( ∵ ) まけないひとりたのしい、強くなる✌(´ʘ‿ʘ｀)✌ さて、今回はSVGで絵を描いているようにアニメーションを生成してくれるサイト、LAZY LINE PAINTERの使用方法をご紹介します。 SVGとは Scallable Vecter Graphocs（スケーラブル・ベクター・グラフィックス）の略で、XMLをベースとした二次元ベクターイメージの画像形式のことです( ˘ω˘)☝ SVGはjpgの様にimg要素で扱ったり、cssで色を変えたり背景画像として扱ったりできます( ˘
Web/IT勉強会・セミナー・イベントがサクッと探せるサービス6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 Web業界の会社に勤めていると、日進月歩の新しい知識や技術を習得することが大切だと気づかされることが多いです。 僕も技術者の端くれですから、1日32時間くらいは当然勉強しているんですが、一番の楽しみはいろいろな場所で開かれている勉強会・セミナーに行くことだったりします。 勉強会に行くとその道のプロに教えてもらえますし、仲間もできてモチベーションが上がりますよね。 そこで今回は、そんな勉強会を探すのにうってつけのWebサービスをご紹介させていただきます！ IT/Web業界を中心に勉強会・セミナー・イベントが探せるWebサービス6選 connpass -人をつなぐ IT勉強会・イベント支援サイト- http://connpass.com/ connpassはキャッチコピーの通りIT・Webのセミナー、勉強会
新人〜中堅社員の役に立つ「ビジネススキル・マナー」記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、広島ライターのちひろです。田舎の自販機には小銭の投入口にカエルが張り付いているので気がつかずに差し込むとムニュってなることがよくあります。 さて、LIGブログのビジネスカテゴリーの記事は、私のような新人〜中堅社員にとても役に立つものが多いと思います。そこで、今回はたくさんシェアされているものや過去の名作を分野別にまとめてみました。 最近は個人的な調べ物をしていても、検索でLIGの記事がヒットすることが増えていますし、リンク集みたいなものがあるときっとみなさんの役にも立つはず。ぜひ、メモ代わりに活用してください。 それでは、はじめます。 ビジネススキル・マナーのLIGブログ記事まとめ ビジネス記事の中で一番多かったのは、やはりビジネスのスキルアップにつながる記事。 提案書や企画書の書き方、あるいはマネージメントについてなどその内容はバラエティが豊富で、2,000以上のシェアがつい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
