注目のWebデザイントレンド10選【2023】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。 徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっていることから、より効率的なコミュニケーションが模索されてきています。 AIを使ったサービスが爆発的に認知を広げていたりとさまざまな変化があるなかで、Webサイトはどう進化していくのでしょうか。妄想を膨らませながら見ていきましょう。 ※今回こちらの記事を参考にしています。 Top Web Design Trends of 2023 11 engaging web design trends for 2023 9 interactive web design trends for 2023 こんな
アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK！ ユニーク万歳！ でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう！」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです！ 紹介したいWebメディアが
ヘッドレスCMSのメリットデメリット・比較おすすめ13選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。元LIGのWebディレクターで、いまはとある事業会社で開発ディレクターをやっているともぞうです。 さっそく本題ですが、みなさんはなんのCMSを使っていますか？ WordPress、Drupal、Movable Typeあたりでしょうか？ 最近ではヘッドレスCMSというものも出てきて、CMSの選択の幅が広がりました。 今回はそのヘッドレスCMSに焦点を当て、ヘッドレスとは？ というところから、ヘッドレスCMSのメリットデメリット、各ヘッドレスCMSの比較ができる記事をお届けします。 ※この記事は株式会社ディバータの提供でお届けします。 ヘッドレスCMSとは まずヘッドレスCMSの説明からはじめます。 ヘッドレスCMSとは表示機能を持たないCMSのことを呼びます。「ヘッドレス」で調べてみると以下のような説明がでてきました。 ソフトウェアについてヘッドレスという場合は、通常は用意され
編集者に頼られるライターになる！取材を完遂するための大事なポイント15 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エディターのヒロアキ（htanaka0725）です。 「取材」とはその字のとおり、「材料を取る（集める）」こと。取材なくして記事は成り立ちませんし、取材がうまくいかなかったら原稿も面白くなりません。良い記事は良い取材から、といえます。 取材対象はさまざまあれど、基本的に相手は「人」。こちらの都合に合わせてその人の時間やノウハウを聞かせてもらうわけなので、当然失礼のない心配りが大切です。 ここでは、取材先が気持ち良く協力してくれるような取材のマナーや段取りをまとめてみました。 #01 やっておかねばならない取材前の準備 ライターとして取材に取り組むうえで身につけておきたい取材準備のハウツーです。 1. 編集者へのヒアリング メディアからのオファーによる企画なら、まずは編集担当者との打ち合わせ。ここで、どれだけの情報を引き出せるかが重要です。最低限、これだけは聞き出しておきたいとこ
感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木（@amanojerk）です。 さて、これからみなさんに、下記のそれぞれの文章を見比べていただきたいのですが、 A. ヒャッハー！汚物は消毒だ〜 B. ヒャッハー！ 汚物は消毒だ〜 A. 何してますか？忙しいですか？手伝ってもらってもいいですか？ B. 何してますか？ 忙しいですか？ 手伝ってもらってもいいですか？ どちらがしっくりくる、あるいは、どちらに違和感がある、と思ったでしょうか。 A.とB.の文章の違いは、文末の「感嘆符（！）」「疑問符（？）」の後に全角空白（スペース）があるかないかです。 ほとんどの人はあまり注意して見てはいないと思うのですが、じつはこの表記ルールはメディアによってさまざまです。絶対に全角スペースを空けているメディアもあれば、そうでないメディアもあります。 では、一体どちらが正式なのでしょうか。そもそも、明確な基準はあるのでし
WordPressでGoogleサイトマップ系のプラグインを導入する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、旅ゲイ人レベル32,僧侶レベル30,武闘家レベル19の段田です。 本当はドラクエ10の狩り場について書きたかったんですが、「ここはお前の日記帳じゃないんだ、チラシの裏にでも書いてろ、な？」と言われてしまいました。(ファ○キュー) WordPressにGoogleサイトマップ、Googleニュースサイトマップのプラグインを導入する機会がありましたので、今回は導入手順を書きたいと思います。 ※マルチサイトへの対応は今回は割愛します。 Googleサイトマップの導入 使ったプラグインは「XML Sitemaps（旧Google XML Sitemaps）」です。 https://wordpress.org/extend/plugins/google-sitemap-generator/ 1.上記URLに行き、プラグインをダウンロード。 2.ファイルを解凍し、wp-content/plug
Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする！ そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs
ついに「Adobe XD」の日本語版リリース！Webサイト制作がはかどり過ぎて楽しい | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。長野チーム・デザイナーのずんこです。 突然ですが、今日は何の日かわかりますか？ ・ ・ ・ 答えは、デザイナーのみなさんお待ちかねの「Adobe XD」日本語版のリリース日です！ webデザインの現場でも存分に使える「Adobe XD」。アドビさんのご厚意とPRのため、一足早めに使わせてもらいました。 早速、その使用感についてレポートしていきます。 そもそも「Adobe XD」とはSketchやProttのいいとこ取りソフト 「Adobe XD」の正式名称は「Adobe Experience Design CC」。新しいUXデザインツールとして、プレビュー版が今年の春にリリースされ話題になりました。 公式の記事はこちら。 アドビの新しいUXデザインツール、Adobe XD (Preview 1) 登場！ 使い方をクイックに解説 「Adobe XD」は、デザインが作成できるだけで
ぜんぶ見た？イケてるお正月・年賀キャンペーンサイトまとめ【2016年】
あけましておめでとうございます、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 今年の正月は2年ぶりに実家の福岡に帰ってゆっくりしていたのですが、田舎の面白いスポットや食べ物を知ったときに「あ、これ記事にできそう」とついつい考えてしまい、だいぶ侵されてるなとハッとして震えていました。 さてさて、2016年も例年通りさまざまなお正月特設サイトが公開されていましたね。 まとめてみたら結構あったので、こちらで記事にさせていただきました。 それではいってみましょーう。 2016年のお正月特設サイト Letters.Inc http://letters-inc.jp/happynewyear/2016/index.html Lettersらしい、線を基調とした猿のデザインと、柔らかい印象を与えてくれるSorrell Brownが、洗練されたチームの空気感を演出しています。シンプル・イズ・
公開前の記事を共有できるWordPressプラグイン「Public Post Preview」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ひろゆきです。 メディア運営などにWordPressを使われている方も多いのではないでしょうか？ ブログの記事作成に便利なWordPressですが、非公開状態の記事を外部の人に確認してもらいたいときってありますよね。 今日は、公開前の記事を外部の人に共有できるプラグイン「Public Post Preview」をご紹介します。 特徴 Public Post Previewの特徴は下記の通り。 下書き、予約投稿、レビュー待ちの記事に対して、ログインなしでも閲覧できるプレビュー用のリンクを生成できる プレビュー用リンクに有効期限を設定できる カスタム投稿タイプにも対応している 導入方法 プラグインの新規追加から「Public Post Preview」で検索するか、こちらからダウンロードして、プラグインフォルダにアップロードしましょう。 ファイルの設置が完了したら有効にしてください
Google Analyticsの「ベンチマーク機能」で競合サイトと自社サイトを比較しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 中学生の頃、「にんにくの湯」という入浴剤があったので面白半分で入れてみたら風呂中にニンニク臭が立ち込め、逃げ場がなくなり吐きました。 メディア事業部のきょうへいです！ いつもGoogle Analytics（以下、Analytics）の機能説明や設定方法について書いていますが、今回はベンチマーク機能について解説したいと思います。 ▼目次 ベンチマーク機能とは？ ベンチマーク機能の3つのメニュー ベンチマーク機能の使い方 ベンチマーク機能の設定方法 ベンチマーク機能の分析方法 同規模のサイト数を確認する 同規模のサイトと比較する 表の一部を変更する ベンチマーク機能とは？ ベンチマーク機能とは、Analyticsを利用している同規模のサイトのセッションや新規ユーザー数などの平均値を算出し、自社サイトと比較することができる機能です。 2008年から提供されていたものの、2011年
ページやブロック要素の切り替えがかっこいいプラグイン6選（jQuery・JSなど） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回は要素を切り替える際にかっこいいアニメーション表現がつけられるプラグイン、スクリプトを6つご紹介します。 数あるプラグインの中でも実装が難しくない、デザイナーにも優しい仕様のものを選びました。 要素の切り替えがかっこいいプラグイン・スクリプト6選 Animsition http://git.blivesta.com/animsition/ 簡単、シンプルなページ切り替えに動きが付けられるjQueryプラグイン。 フェードアウトや回転、ズームなど58種類のデモが用意されており、それぞれパラメータで細かい調整ができるようになっています。 iconate http://bitshadow.github.io/iconate/ クリックで2つのアイコンフォントをかっこよく切り替えられるJSプラグイン。 全部で19種類のアニメーションがそろっています。
Instagram APIを取得してWebサイトと連携し、投稿写真を自動に掲載する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おはうぃーす！ しょごです。 先日ノートPCを購入しました、これでスタジオでドラム録音とか動画作成とか気兼ねなくできます。 久しぶりに演奏動画でもアップしよう、、ゲーム実況もいいな。。。ふふふ。。 さて、今回はInstagramAPIを使ってWebサイトと連携したときの話です。 Instagramとは iPhoneやAndroid端末で写真を撮影し、共有するスマートフォンアプリのことです。Webからも閲覧でき、固有アカウントを設けて投稿管理ができる写真特化型のSNSです（もちろん無料）。 Twitterのようにフォローした人の写真がタイムラインに流れてきて、アップロードした写真には「いいね！」やコメントを付けることができます。アプリ内のカメラで撮影した写真や、カメラロールの写真を選択して手軽にアップロードができます。 プライベートモードで非公開設定も可能。Twitterとの最も大きな違いは
「志望動機は就職先からアプローチがあったからです」IT/Web業界に強い転職サイトGreen
Greenにはなんとなく登録したので、積極的な活動はしていませんでした。 でもLIGに「気になる」をされた時に、ブログの裏話とか聞けるかな？とおしゃべりしに行く感覚で気軽に話を聞きに行ったんです。そこで、楽しそうだからここで働きたいなと思いました。「気になる」されていなかったら、LIGを受けてすらいなかったかもしれません。 株式会社LIG 制作課 ディレクター 奥田 夏実 IT/Web業界の成長企業を中心に、3,500社以上がGreenに登録しており、求人数は5,000件を超えています。 利用すればするほどあなたにあった求人を紹介、精度の高いレコメンド機能があなたにぴったりの求人を紹介します。 自らの応募による転職が多いと思われがちですが、アプローチ機能が充実しているGreenではそんなことはありません。
この新卒採用サイトがすごい！2016年度イケてる企業まとめ20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、さんぺーです。 私は2015年度卒業予定のLIGの内定者だったのですが、うかつにも留年をして2016年度卒業となりました。本当にありがとうございます。 今年はアルバイトとしてLIGで働くことになりましたが、必ずしもLIGにもう一度採用されるとは限らない身の上です。最近は漠然とした不安を抱えて「2016年度卒業の学生のための採用ページ」を眺めているのですが、2016年度は特にユニークなものが多いことに気がつきました。 というわけで、今回はもう一度就活生になった私がグッと来たサイトをまとめてみます。普段からネットを舐めるように見ているIT/Webパーソンの方もお楽しみいただけると思います。 それでは、行ってみましょう＼(＾ω＾＼Ξ／＾ω＾)／ リクルートホールディングス RECRUIT革命｜リクルートホールディングス 2016年度新卒Web採用サイト http://recruit-
これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや！間違いない！」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語？？」ってことと、「インストールが上手くいかない！コマンドプロンプト使い方わからない！Dreamweaver（以下DW）動かない！GUIソフトってなに！？」ってことです。
Googleカレンダーのデザインをカスタマイズして埋め込む方法 | 東京上野のWeb制作会社LIG
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
Webディレクター250名が選んだ！2014年インターネット業界10大ニュース | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。株式会社KUFUという会社で代表取締役をしている、ミヤショーと申します。友人3名とつくった会社で自社Webサービスをコツコツ育てています。 この度、ライフワークのお酒が高じて、LIGブログで記事を書かせていただくことになりました。皆様、どうぞよろしくお願いいたします！ 今回は、私が幹事をしている「Web Director Meetup」というイベントにおいて、来場者250名からのアンケートを集計した「2014年インターネット業界10大ニュース」をご紹介いたします。 Web Director Meetup とは？ 毎年開催されるWebディレクターのお祭りです。今年は12/4にフリークアウト社オフィスにて開催。当日は約250名のWebディレクターさんにご参加いただきました！ 会社に引きこもりがちなWebディレクター同士の交流を目的として始まったこのイベントですが、回をかさねて今回
スペースを活用！メガメニューを使用した国内参考サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの藤田です。気候が暖かくなってきたせいなのか、最近ペットとして飼っている猫が私の近くに寄り沿って来なくなり、猫肌恋しい今日この頃です。 さて、今回はスペースを十分に使用することで、ユーザビリティを向上させ、同時に私の心の隙間までも綺麗に埋めてくれる「メガメニュー」を使用したサイトをまとめてみました。 ここ数年、目にする機会が増えた一方で、いざ自身でメガメニューのデザインを行おうと思うと、それらをまとめた参考サイト（特に国内サイト）が極端に少なくて困った、なんて経験をお持ちの方も多いのではないでしょうか？ かく言う私もその一人で、自身の備忘録も兼ね、国内サイトで「メガメニュー」を使用したサイトをまとめてみました。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作実績 | Web制作・ホームページ制作実績
