並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 1025件

新着順 人気順

web制作の検索結果361 - 400 件 / 1025件

  • グッドデザインな2020年度新卒採用サイトまとめ9選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


      S-GROOVE https://www.s-groove.co.jp/freshers/    https://tsubametaxi-yamato.com/ 
      グッドデザインな2020年度新卒採用サイトまとめ9選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    • LIG制作「fondesk」LPのCSS・JSアニメーションを解説します! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

      こちらのクライアントインタビューで、コーディングが綺麗とお褒めの言葉をいただき、とても嬉しかったので、今回LPのコーディング・アニメーションの解説をしようと思います! ぜひ実際のサイトを開きながらご覧ください! CSS構成 今回は、このようなフォルダ構成にしました。 基本的なディレクトリ構造、命名規則はECSSに則っていますが、一部自分が使いやすいようにしている部分もありますので、参考までに! いつもCSS設計は悩みますね……。 MVスライドショー MVは、上記のようにキャッチコピーと写真が並んだものをスライドショーで表現しました。 スライドショーは、細かいところまで配慮されているプラグイン(swiper/slick)を使うことが多いです。今回はプラグインを使うと動きの再現が難しくなりそうだったので、1からJavaScript・CSSを使って作りました。 実装方法は、 基本 スライドで変更

        LIG制作「fondesk」LPのCSS・JSアニメーションを解説します! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
      • 1,000,000件どんとこい!大量のデータ表示に適したチャートライブラリ3選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

        1,000,000件の散布図を表示できたライブラリ データ数1,000,000件の散布図表示に耐え、最終候補として残ったライブラリは以下の3点でした。 Plotly D3FC Apache ECharts Apache ECharts 出典:https://echarts.apache.org/ Apache ECharts GitHub 散布図(1,000,000件) 実現できるチャートの種類が圧倒的に多く、GitHubのスター数も47.3kと群を抜いています。サンプルも豊富で、ドキュメントは詳細です。中国のBaidu社から提供されています。 Plotly 出典:https://plotly.com/javascript/ Plotly JavaScript Graphing Library GitHub 散布図(1,000,000件) Apache EChartsに次いで多機能なライブ

          1,000,000件どんとこい!大量のデータ表示に適したチャートライブラリ3選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
        • LightroomとLightroom Classicの違いは?使い方とレタッチ方法、機能を紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

          最短6ヶ月でWebデザイナーを目指せます Adobeソフトの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました Lightroomの2つの特徴 Lightroomとは、Adobeが提供している写真現像ソフトです。RAWデータもjpegデータも思いのまま編集することができます。Photoshopとの違いは、Lightroomでは写真の整理もできること。 そのため私は、写真を撮ったらまずLightroomに取り込み、撮影日順に整理し、基本的なレタッチを施します。気になる写真は、あとからPhotosho

            LightroomとLightroom Classicの違いは?使い方とレタッチ方法、機能を紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
          • 【迷ったらコレ!】Webデザインでよく使う定番おすすめフォント13選(日本語・欧文・ゴシック・明朝など) | 東京のホームページ制作 / WEB制作会社 BRISK

            Google Fontsのサービスなど、最近では無料で使えるフォントも増えてきました。 しかし、数もかなり多くどんなフォントを使えばいいのか迷ってしまいますよね。 今回はWebデザインの現場からよく使う定番のフォントをご紹介いたします。 よく使う日本語フォントゴシック体まずはベーシックなゴシック体から見ていきましょう。 Webデザインではディスプレイでの可読性からゴシック体の方が多く使用される傾向にあると思います。 ヒラギノ角ゴシックデバイスフォント | 無料 角ゴシック | ヒラギノフォント macOSおよびiOSに標準搭載されているフォントです。 カッチリとした安心感のある読みやすい書体ですね。 Windowsでの使用の場合はダウンロード製品を購入するか、もしくはモリサワのフォントライセンスを購入することで使用可能です。 游ゴシックデバイスフォント | 無料 字游工房|JIYUKOBO

              【迷ったらコレ!】Webデザインでよく使う定番おすすめフォント13選(日本語・欧文・ゴシック・明朝など) | 東京のホームページ制作 / WEB制作会社 BRISK
            • Web系エンジニアなら知っておきたいツール5選。ハマりポイントも解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

              はいさーい! 2021年11月にジョインしたうーまーです。沖縄からフルリモートでバックエンドとフロントエンドのお仕事をさせてもらってます。 入社直後って、先輩たちの顔を覚えたり社内文化にとまどったり、まっさらなマシンを受け取って初期設定したりと割と大変ですよね。特にマシンの設定なんて、一度してしまったらなかなか変更することないので、基本的なことを忘れてしまってたりしますよね。 ということで、転職したての僕がLIGに入って最初つまづいた事例を交えながら、転職前に押さえておきたいツール5選を紹介したいと思います。 Web系エンジニアが使うツールの話なので、転職希望者だけでなく、就職・組織で働くのが初めてって方にも刺さる内容になっています。 1.コマンドプロンプト(ターミナル) windowsで言うコマンドプロンプト、macだとターミナル。いわゆる黒い画面。 少し前(と言っても10年くらい)まで

                Web系エンジニアなら知っておきたいツール5選。ハマりポイントも解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
              • Web制作の新しい潮流「ヘッドレスCMS」とは?主要ツールの比較も併せてご紹介

                いまさら聞けない「CMS」とは?基礎からわかるCMS入門資料をご提供! >CMSの基本を知りたい方はこちらから ヘッドレスCMS(Headless CMS)とは、ヘッド、つまりフロントエンド(ビュワー)のないCMS(Content Management System 、コンテンツ管理システム)のことです。 ヘッドレスCMSは通常のCMSとは異なり、フロントエンドとバックエンドが完全に切り離されているので、それぞれに影響されることなくシステム変更を行えます。 ヘッドレスCMSにはほかにも、表示速度が速い、CMS機能を後付けできるといったメリットがあります。 本コラムでは、ヘッドレスCMSのメリットや通常CMSとの違いについて解説し、おすすめのヘッドレスCMSをご紹介します。 CMS「BlueMonkey」を開発・提供しているクラウドサーカスは、ホームページ制作から運用サポート、リード獲得支援

                  Web制作の新しい潮流「ヘッドレスCMS」とは?主要ツールの比較も併せてご紹介
                • コロナウイルス対策でリモートワークを導入してみた感想まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                  LIG TURNING WHEELS LIG
                    コロナウイルス対策でリモートワークを導入してみた感想まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                  • 国産ヘッドレスCMSのパイオニア「microCMS」が成長を続ける理由 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                    こんにちは、LIGのづやです。 Jamstack構成により表示速度がはやい、コンテンツがHTMLに影響されないという特徴から、今や世界中で大きな注目を集めるヘッドレスCMS。海外で開発されているサービスが多いなか、数少ない国産のヘッドレスCMSが「microCMS」です。私たちLIGもサイト制作に活用しており、そのスゴさを肌で実感しています。 今回は開発会社である株式会社microCMSさんに取材の機会をいただき、どのようにヘッドレスCMSを開発しているのか、なぜ多種多様な企業に選ばれているのか話を聞きました。 ※オンラインにて取材いたしました。 「受託開発の課題」を解決するために辿り着いたプロダクト ―― まずは御社が国内でいち早くヘッドレスCMSを開発した背景を聞かせてください。 柴田 和祈さん 2017年に株式会社microCMSを共同創業し、現在はCXO兼デザイン責任者。元々はWe

                      国産ヘッドレスCMSのパイオニア「microCMS」が成長を続ける理由 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                    • Web制作者は要チェック! Chrome 125で新しく追加された4つのCSSの機能

                      Chrome 125で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートでは、今まではJavaScriptを使用しないと実装できなかったアンカーのポジションをCSSだけで設定できるようになりました。また、新しい関数やスクロールバーのカラースキームなど、Web制作者は要チェックです! New in Chrome 125 Chrome 125 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSによるアンカーのポジション CSSのステップ値関数 round(), mod(), rem() 明度がほぼ100%または0のOklabおよびOklchカラーの不連続性を除去 スクロールバーのカラースキーム はじめに 5/15にリリースされたChrome 125で4

                        Web制作者は要チェック! Chrome 125で新しく追加された4つのCSSの機能
                      • AWS Amplifyを使ってWebサイト制作の開発工数削減する方法を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                        Amplifyで開発工数を削減できる理由 Amplifyを使えば、「インフラ構築工数」「バックエンド構築工数」「フロントエンド構築工数」の削減が可能です。それぞれについて詳しく説明します。 インフラ構築工数の削減 まず、Amplifyのアプリケーションサーバー自体がサーバーレスアーキテクチャのため、インフラエンジニアによるプロビジョニングが不要となります。ただし、Amplify CLIを通じてのサービスの立ち上げは最低限必要となることに注意しましょう。 また、ミドルウェアレベルの物理サーバー管理もAWS側で実施可能です。アクセス過多が発生した際のスケーラビリティの管理や、ミドルウェアのセキュリティ管理(例:各種ミドルウェアのアップデートや脆弱性診断など)からエンジニアが解放されるため、工数削減につながります。 バックエンド構築工数の削減 コマンドラインでバックエンドを構築できるインターフェ

                          AWS Amplifyを使ってWebサイト制作の開発工数削減する方法を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                        • 「めちゃくちゃ使いにくい」入力フォームを作ってみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                          LIG   LIG使 使使 5,000Web 使 
                            「めちゃくちゃ使いにくい」入力フォームを作ってみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                          • 画像フォーマットWebP(ウェッピー)について詳しく調べてみた|WebP編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                            WebPとは WebPとは、Googleが新しく作った画像フォーマットのことです! 画像は sample.png のように、拡張子でフォーマットが指定されていますよね。同じように、WebP画像も sample.webp のような形で保存されます。 ちなみに、読み方はウェッピーです。 また、Wikipediaには、 ウェブサイトのトラフィック量軽減と表示速度短縮を目的としており、インターネットのWebページで広く使われている非可逆圧縮のJPEGや可逆圧縮のGIF、PNGの置き換えを意図する規格である。JPEGとは異なり、非可逆圧縮でもアルファチャンネルを扱える。 引用元:Wikipedia と書いてあります。非可逆圧縮でもアルファチャンネルを扱えるということは、透過した画像もWebPとして書き出すことができるということです。 WebPの歴史 次世代フォーマットともいわれるWebPですが、なん

                              画像フォーマットWebP(ウェッピー)について詳しく調べてみた|WebP編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                            • 【最新バージョン4】Splideの使い方やオプションを解説!14個のデモ付き | 東京のホームページ制作 / WEB制作会社 BRISK

                              【最新バージョン4】Splideの使い方やオプションを解説!14個のデモ付き 更新日:2022/07/25 WEBサイトにスライダーを実装したことがある人は多いですよね。 そんなときいつも何を使用していますか? スライダーのJSライブラリで有名どころとして以下の3つがあります。 ・slick ・Swiper ・keen-slider 私は今までslickを使っていました。 Swiperは機能がありすぎてよくわからないのと、slickよりも容量が重いからという理由もあります。 keen-sliderはカスタマイズ前提のライブラリで、アクセシビリティ(a11y)のサポートもされていないため使っていません。(slickとSwiperはアクセシビリティのサポートがされています。) … というような理由で、私はslick推しでした。 しかし、slickの操作感(いわゆるUX)があまり良くないと思って

                                【最新バージョン4】Splideの使い方やオプションを解説!14個のデモ付き | 東京のホームページ制作 / WEB制作会社 BRISK
                              • HTMLをWordPress化!やりやすいコーディング方法をレクチャー【手順付】 | 東京のホームページ制作 / WEB制作会社 BRISK

                                HTMLをWordPress化!やりやすいコーディング方法をレクチャー【手順付】 更新日:2020/05/18 無料で使用できて、コンテンツの管理が簡単にできる上に、カスタマイズ次第でなんでもできるWordPress。なんでも全世界のサイトの4分の1はWordPressが使われているとかいないとか。 弊社でもWordPressの案件は多く、リニューアルから新規作成など多岐にわたります。 中でもHTMLで静的コーディングを作成してからWordPressに組み込む案件が多いのですが、コーディングする人によっては正直WPへの移行がしづらいことも(笑)。 そこで今回は、どんなコーディングにすればWordPressへの組み込みがしやすいかを具体例を交えて解説いたします。 これを読めば作業効率アップ間違いなしです! 「HTMLファイルをどうやってWordPressに組み込めばいいかわからない」「Wor

                                  HTMLをWordPress化!やりやすいコーディング方法をレクチャー【手順付】 | 東京のホームページ制作 / WEB制作会社 BRISK
                                • 【webデザイナー必見】raindrop.ioでブックマーク・参考デザインをすっきり整頓&管理! | 東京のホームページ制作 / WEB制作会社 BRISK

                                  【webデザイナー必見】raindrop.ioでブックマーク・参考デザインをすっきり整頓&管理! 更新日:2020/02/06 仕事中よく使うサイトや参考になるブログ記事は家で見返したいが、いちいち自分のスマホにURLを送るのは面倒! ブラウザのブックマーク機能は物足りない! 出来れば1つのサービスでブックマークを管理したい! 参考サイトをまとめたブックマークを共有したい! …というわがままな欲望を叶えてくれるサービスがありました。 今回ご紹介する「raindrop.io」ではこんなことが出来ます アカウント登録でどのブラウザ・スマートフォンからでも追加・編集・確認が可能iOS・androidアプリ有chromeの拡張機能で現在見ているページを即座に追加可能フォルダ分け、タグ付け機能、ソート、検索機能付き一覧表示をカスタマイズ可能ドラッグアンドドロップで並び替え可能テーマ(ダークモード等)

                                    【webデザイナー必見】raindrop.ioでブックマーク・参考デザインをすっきり整頓&管理! | 東京のホームページ制作 / WEB制作会社 BRISK
                                  • Webサイト制作の要件定義からリリース後の9ステップ!| 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                    💡Web Web MTG1調     WordPress使
                                      Webサイト制作の要件定義からリリース後の9ステップ!| 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                    • アイソメトリックなイラストをイラレの機能でパパッと作る方法 | ブログ | Glatch(グラッチ) - 夫婦で活動するフリーランスWeb制作ユニット

                                      先日、ちょっとしたアイソメトリックなアイテムを作りたいと思い制作方法を調べてみたのですが、変形して回転して3面作ってペンツールでパスをあれこれして色を変えて…、と手順の多い制作方法が多く出てきました。 より簡単に作れる方法がないか調べたところ、3Dエフェクトを使用して簡単に作れる方法があったので紹介します。 アイコンやアルファベットなど単純な図形であれば数クリックでアイソメトリックなイラストが作れます。 アイソメトリックにしたい図を用意 イラストレーターにアイソメトリック化したい図を用意します。 今回は六角形を使おうと思います。(テキストを使いたい場合はアウトライン化しておきます。) 3D「押し出しとベベル」を使う 効果→3D→押し出しとベベルに進みます。 「アイソメトリック法」を選ぶ 「位置」のドロップダウンから、「アイソメトリック法 – 左面」を選びます。 (他に、右面、上面、底面が選

                                        アイソメトリックなイラストをイラレの機能でパパッと作る方法 | ブログ | Glatch(グラッチ) - 夫婦で活動するフリーランスWeb制作ユニット
                                      • 【不動産業界向け】ホームページを制作する場合の費用やおすすめするWeb制作会社など紹介 | ホームページ制作大阪ドットコム

                                        不動産業を営んでいる企業がホームページを作りたい、依頼したいと思った際に、どんなコンテンツで制作すればいいのか悩みますよね? 今回はそんな不動産サイトを検討するにあたりいろいろ参考になる情報をご紹介したいとおもいます。 ホームページの新規制作・リニューアルを検討されていますか? ホームページ制作大阪ドットコムでは、1998年の創業から培ってきた知見・経験を基に、ホームページ作成・集客のお手伝いなど総合的にWebのお困りごとをサポートしています。 Webに関することならまずは当社にお問い合わせください。 不動産会社のホームページ制作について 不動産業界のホームページを作る際に、対象のユーザーがどういった層なのかということを考えて、デザイン性を考えないといけません。 売買を主に扱っている会社のサイトですと、商品単価が高いだけあり、「高級感」や「安心感」を与えるようなサイトデザインを考えるべきだ

                                          【不動産業界向け】ホームページを制作する場合の費用やおすすめするWeb制作会社など紹介 | ホームページ制作大阪ドットコム
                                        • 実はこんなこともできる!MW WP Formの便利なカスタマイズを紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                           WordpressMW WP Form便 MW WP Form MW WP Form html DOMclass WordPresstheme
                                            実はこんなこともできる!MW WP Formの便利なカスタマイズを紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                          • さくらのレンタルサーバ15周年!ロゴデザインコンテストにみんなで応募してみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                            こんにちは、社長のゴウです。 はじめてWebサイトを作ったのが20歳くらいのときなんですが、そのときに利用してたのがさくらのレンタルサーバです。もしかしたらロリポップだったかもしれませんがたしかさくらのレンタルサーバだったと思います。間違いない、今思い出しました。 さて、そんなインターネット業界を足元から支え続けてくれた、さくらのレンタルサーバがサービス開始から15周年を迎えるということで、公式のロゴを広く一般から募集するそうです。 採用されると50万円がもらえるので、LIGとしても応募をしようと思ったのですが、弊社に所属する一流デザイナー達は仕事が忙しくぜんぜんリソースが確保できませんでした。 なので、今回は社内で比較的暇そうだったこのメンバーで参戦したいと思います。 強そうなので、優勝間違いないでしょう。 教育事業部、まりなの場合 LIGで教育部門をまとめるまりな。 「デザインはやった

                                              さくらのレンタルサーバ15周年!ロゴデザインコンテストにみんなで応募してみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                            • 【VSCode】Live Serverを使ってWeb制作でライブリロードを活用しよう | Web Design Trends


                                              Live ServerVSCode 使 Live Server使 WebVSCode15 VSCode使HTML/CSS/JavaScript使WebWeb VSCode... Web Design Trends Live ServerVSCode WebHTML
                                                【VSCode】Live Serverを使ってWeb制作でライブリロードを活用しよう | Web Design Trends
                                              • インスタグラムの投稿画像をWebサイトに埋め込んで表示させる方法(Instagram Graph API)※ 2020年7月以降の対応 | Blog | 株式会社イロコト | ゲーム・アニメ等のエンタメ系Web制作&運用会社


                                                isshy1 Instagram()稿Instagram Graph API使Web/ 使Instagram API2020629稿()  Facebook Instagram   InstagramPC×  
                                                  インスタグラムの投稿画像をWebサイトに埋め込んで表示させる方法(Instagram Graph API)※ 2020年7月以降の対応 | Blog | 株式会社イロコト | ゲーム・アニメ等のエンタメ系Web制作&運用会社
                                                • BtoCのLPに強いWeb制作会社nanocolorが選ばれる理由は、お客様の売上にコミットする姿勢にあり。CEO川端氏インタビュー | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                  BtoCのLPに強いWeb制作会社nanocolorが選ばれる理由は、お客様の売上にコミットする姿勢にあり。CEO川端氏インタビュー みなさんこんにちは、マーケターのまこりーぬ(@makosaito214)です。 私はここ最近、「このツイートめちゃめちゃ勉強になる……!」「わかる、それマーケターあるあるだよねぇ」なんて、Twitterにおける情報のインプットやコミュニケーションを楽しんでいるのですが、なんとなんと、そんなTwitter経由で知り合った方とお仕事をご一緒する機会に恵まれました。300%嬉しい!!! お相手は、「この方の書くnoteは本当に参考になるな……」とかねてより尊敬していたイケメン社長、Web制作会社nanocolor(ナノカラー)代表の川端さん(@nanocolorkwbt)です!!!……3,000%嬉しい!!!!!! 今回は大阪からわざわざLIGまでお越しいただきま

                                                    BtoCのLPに強いWeb制作会社nanocolorが選ばれる理由は、お客様の売上にコミットする姿勢にあり。CEO川端氏インタビュー | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                  • 【canvas初学者必見】マウスカーソルを避けていくパーティクルアニメーションを作ろう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                                    update() { this.x += this.directionX; if(this.x > canvas.width + this.radius) { this.x = -this.radius; } this.render(); }  update  mousemove const mouse = { x: null, y: null } window.addEventListener('mousemove', (event) => { mouse.x = event.x; mouse.y = event.y; }
                                                      【canvas初学者必見】マウスカーソルを避けていくパーティクルアニメーションを作ろう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                    • 画像生成AI「Stable Diffusion」の使い方をていねいに解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                                      TechnologyJosh AIStable Diffusion使 AIAI  Stable Diffusion Stable DiffusionAI Stable Diffusion
                                                        画像生成AI「Stable Diffusion」の使い方をていねいに解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                      • SEOコンテンツの王道・ウェブライダー松尾氏が語る「言語化力」の鍛え方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                                        LIG@makosaito214  7WebWeb15     西 20052010Web
                                                          SEOコンテンツの王道・ウェブライダー松尾氏が語る「言語化力」の鍛え方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                        • GPT-4とClaude3で使い分けを!プロンプト作成のコツを解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                                           LIGAI 3AnthropicClaude 3使Chatbot ArenaGPT-412024411GPT-41 Claude 3GPT-4Claude GPT-4Claude 3
                                                            GPT-4とClaude3で使い分けを!プロンプト作成のコツを解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                          • GoogleアナリティクスによるWebサイトの調査方法【基礎編】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                            うどん県出身・Webディレクターのセイタです。フィルムカメラで写真を撮ることにハマっています。 世の中には様々なタイプのWebサイトが存在しています。 企業のブランディング強化や問い合わせ獲得のためのコーポレートサイト 採用を獲得するための採用サイト 情報発信のためのメディアサイト 商品や企画をPRするためのLP LIGではお客様の抱える課題をヒアリングし、解決に向けた施策をそれぞれのWebサイトの特性に合わせてご提案・制作させていただいています。 しかし、様々な施策を盛り込んだWebサイトをリリースすれば万事解決! となれば良いのですが、そう簡単にはいかないのが世の常です。Webサイトを制作したあと、どう運用していくのかがより成果を出していくために必要不可欠となります。 最近では新規でのWebサイト立ち上げやリニューアルでの制作以外に、既存サイトの改修など保守も担当させていただいています

                                                              GoogleアナリティクスによるWebサイトの調査方法【基礎編】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                            • 3分でわかるVue.jsのエンジニア的5大メリット「jQueryより簡単!」 | 東京のWeb制作会社 株式会社クーシー

                                                              3分でわかるVue.jsのエンジニア的5大メリット「jQueryより簡単!」 システム開発 プログラミング Webサイトのフロントエンド開発では、JavaScriptフレームワークを扱わない場合、標準のJavaScriptやjQueryで制作を行います。 ユーザーアクションに連動した画面を更新するリッチな表現を行う処理は、Vue.jsを扱うことで、コード量を減らしたり、メンテナンスや管理が行いやすくなりますので、ご紹介します。 本記事は、HTML, CSSを学び、JavaScriptへの理解が少しある、マークアップエンジニアやデザイナー向けの記事になりますので、ご了承いただければ幸いです。 Vue.js について Vue.jsは、ユーザーインターフェイスを構築するためのJavaScriptフレームワークです。開発で必要な機能がセットになったツールと思ってもらえればわかりやすいと思います。

                                                                3分でわかるVue.jsのエンジニア的5大メリット「jQueryより簡単!」 | 東京のWeb制作会社 株式会社クーシー
                                                              • 設定しておくと便利な各種設定・ショートカットまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                こんにちは、Webディレクターのともぞうです。 今回はアプリケーション、PCで設定しておくと便利な設定まとめと、ショートカットの紹介です。 何度かこういう記事を書いていますが、今回はかなり細かい部分の話のまとめです。 前提 本稿で紹介するPCのセッティングやショートカットはmac OS基準になっています。 アプリケーション固有のものはWindowsユーザーの方でも同じだと思いますが、その点ご了承ください。 設定編 Googleカレンダーの権限設定 まず設定画面に移動します。 その後、予定の設定セクションへ移動します。 デフォルトのゲストの権限の値を予定を変更するに移動します。 こうすると相手都合で日付の調整があった際に、相手側からカレンダーの日付変更をおこなえるようになります。 無駄に「この日に変更お願いします!」と依頼をする必要がなくなりますし、カレンダーの説明も編集できるため追加情報を

                                                                  設定しておくと便利な各種設定・ショートカットまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                • 【2024年版】web制作の独学に使える学習サイト15選! | 模写修行メディア


                                                                  web使web web
                                                                    【2024年版】web制作の独学に使える学習サイト15選! | 模写修行メディア
                                                                  • PageSpeed Insightsスコアを53点→89点に上げた方法とCore Web Vitals改善 | 東京のWeb制作会社 株式会社クーシー

                                                                    PageSpeed Insightsスコアを53点→89点に上げた方法とCore Web Vitals改善 Web制作ハウツー Webマーケティング UIUX・サイト設計 SEO対策 「サイトが表示されるまで遅い!」「途中までサイト表示するのに、操作できない」そんな体験をみなさんも一度や二度あるでしょう。もっとあるか。 ページスピードが遅いと、ユーザー体験が損なわれる。離脱率が上がりやすい。不利益があることはWeb担当者は知っているものの、 「サイトスピードが大事だとわかってはいるけど、どうやって改善できるかわからない」 「スピードの改善がどのくらい効果あるのかわからない」 と二の足を踏んでいることが多いのではないでしょうか。 Googleが提供するPageSpeed Insightsを使えば、スピード改善の診断と改善方法を提示してくれます。 カンタンに対応できる改善方法から、1Web担当

                                                                      PageSpeed Insightsスコアを53点→89点に上げた方法とCore Web Vitals改善 | 東京のWeb制作会社 株式会社クーシー
                                                                    • 10案件を同時進行するディレクターが編み出したタスク管理術【完全保存版】|東京のWEB制作会社・ホームページ制作会社|株式会社GIG

                                                                      10案件を同時進行するディレクターが編み出したタスク管理術【完全保存版】|東京のWEB制作会社・ホームページ制作会社|株式会社GIG こんにちは、株式会社GIGのLeadGrid事業部でディレクターとして働く水嶋です。 複数のプロジェクトに関わる仕事をしている方なら、誰しも「タスクが多すぎて、タスク管理がうまくいかない」や「緊急のタスクに追われて、今日やらなければいけなかった仕事が終わってない!」と悩まれたことがあるのではないでしょうか。 タスク管理や優先順位づけの正しい方法を理解すれば、その悩みの解決に一歩近づきます。 本記事では、常時10〜13案件のプロジェクトマネジメントをしている筆者が、どのようにタスク管理・優先順位をつけて、日々の業務に取り組んでいるかを解説します。まずは、筆者がどのように日々のタスクを管理しているかを説明したうえで、どのような思考で対応しているのかを解説できれば

                                                                        10案件を同時進行するディレクターが編み出したタスク管理術【完全保存版】|東京のWEB制作会社・ホームページ制作会社|株式会社GIG
                                                                      • 【jQuery】ウィンドウをスクロールすると下からふわっとコンテンツがフェードインする実装 | Recooord | Web制作で扱うコーディングスニペットを紹介


                                                                        HOMEJavaScriptjQuery jQuery JavaScript 20201030    HTML <ul> <li class="animation"><img src="https://unsplash.it/300/200" alt=""></li> <li class="animation"><img src="https://uns
                                                                          【jQuery】ウィンドウをスクロールすると下からふわっとコンテンツがフェードインする実装 | Recooord | Web制作で扱うコーディングスニペットを紹介
                                                                        • リモートワークに役立つかっこいいデスクを5,000円でDIYした話 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                                                            (@omame_creator)  12使 1 DIY      
                                                                            リモートワークに役立つかっこいいデスクを5,000円でDIYした話 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                          • オールインワンのWeb制作環境Astro!こんなのがほしかった。| cumak

                                                                            ※2023/1/7追記:esbuildでcssを出力している場合、index.cssがかちあう件の解決 ※2023/2/15 JSバンドルについて、誤記あり。修正 ※2023/3/8 ルートパスありきの運用に合わせる旨の記述を削除し(相対パス変換方法が現れたため)記事全体編集 ※2023/3/8 CSSの設定についてWordPressを前提とするものについての注意書き追加 Astroについて、大歓迎の理由 積年の思い(?)があるので長いです。詳しい紹介をお求めの方はインストールからどうぞ。 Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 個人的に、やっとこういうのが出てきてくれたか!!という感じです。 ないなら作ろうかと思っていたくらいです。(できない) 実際、自分でWeb制作をする際は、Gulp + ejs + Sass

                                                                              オールインワンのWeb制作環境Astro!こんなのがほしかった。| cumak
                                                                            • 【徹底解説】STUDIOで出来ること・出来ないことを紹介!  |STUDIO制作・Web制作に関するお役立ち情報丨STUDIOへの実装・コーディングならmiroworks

                                                                              ノーコードのWebサイト制作ツール「STUDIO」でWeb制作を行いたいと思ったときに、一番気になるのはSTUDIOで出来ることは何か、出来ないことは何か、ではないでしょうか。WordPressは自由...

                                                                                【徹底解説】STUDIOで出来ること・出来ないことを紹介!  |STUDIO制作・Web制作に関するお役立ち情報丨STUDIOへの実装・コーディングならmiroworks
                                                                              • 技術トレンドの向き合い方とまつもとゆきひろ注目の技術 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                                                                 LIGRuby 5 ITChatGPTHotwireJamstack Ruby   RubyRubyZOZOLinkers
                                                                                  技術トレンドの向き合い方とまつもとゆきひろ注目の技術 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                                • 素手のトイレ掃除を「花嫁修行」と紹介 WEB制作会社のインスタに批判...何のために?社長の真意を聞いた

                                                                                  「会社では毎朝、素手でトイレをガシガシ掃除しております」。東京都八王子市内のウェブ制作会社が、こんな説明文で公式インスタグラムに動画を投稿したところ、批判が相次いで動画が削除される騒ぎになっている。 社員にやらせているとすれば、パワハラではないかとの声が多い。この会社の社長は、J-CASTニュースの取材に答え、強制しているわけではないとして、パワハラを否定した。 動画には、「花嫁修行」とのタイトルも 「トイレには~それは~それはきれいな...」。動画では、お馴染みの「トイレの神様」のメロディが流れる中、女性が素手で手際よく便器の内側を掃除していく。 この動画は、社員は女性だけというウェブ制作会社「アイキャンディ」のインスタで2021年4月中旬にアップされた。 掃除する女性のそばには、別の女性がおり、その様子を見ながら、ノートに何かメモしていた。動画には、「花嫁修行」とのタイトルも付けられて

                                                                                    素手のトイレ掃除を「花嫁修行」と紹介 WEB制作会社のインスタに批判...何のために?社長の真意を聞いた