タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
WordPressでWP-CLIを使って記事移行とかを少し楽にする | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい！」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい！」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って、WordPressだけ呼び出して処理ですね、お手軽。 <!--?php require_once "wp-load.php"; // パスは環境によって変えてね ?--> これを読み込んだら、WordPress関数が使えるので、CLIからphpとして実行したり、まあdocument rootにおいて実行して消すなりしちゃえばOKです。WordPress管理外じゃないけど、WordPressの記事を引っ張りたいときとかと一緒ですね。 たまに「wp-blog-header.php」を
Front-end application development, Symfony-style(s)
OSS活動をしてたら、オンライン決済プラットフォームを運営する「Stripe」からGitHub Sponsorsを通じて支援いただけることが決まりました。 サイボウズさんの 「GitHub Sponsorsを使って「企業」として寄付をした話」 から広がり、日本でも「OSSに対する支援をする/受け取る」ことが話題にあがることが増えたので、何をしてきたかみたいなことを簡単にまとめます。 [Web制作者 = 自分]が稼ぐ環境がほしかった 2017年（もう5年前！）にWeb技術でモバイルアプリをつくるための Ionic Frameworkのイベントを東京で開催した のがきっかけだったように思います。当時は日本でのIonicの人気は下火で、最新のノウハウや事例が出回っていなかったので、それを得るためにMeetupを開催しました。 続いて取り組んだのが確か Ionic日本語ドキュメンテーション 。日本
サイト公開前のブラウザチェックを簡単に行う方法。不具合発見後の対応も解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
うどん県出身・Webディレクターのセイタです。夏にジムへ入会しましたがバキバキな身体にはなりませんでした。来年の夏はビーチのスターになれるようにやっていきます。 さて今回は、制作したWebサイトの公開前に必ず実施する、ブラウザの表示テストについて学び直したことをまとめました。 制作が完了し、これでリリースできる！ と喜ぶのはまだ早い。このテストを完了させてこそ、はじめてきちんとした状態で公開を迎えられるのです。 なぜブラウザの表示テストを実施するのか？ 先に結論から言うと、さまざまな端末およびブラウザにおいて制作したWebサイトの品質を担保するためです。 もう少し柔らかく言い直すと、ユーザーは様々な環境でWebサイトを閲覧するため、どの環境においても問題なくWebサイトが表示されるようにテストする、ということです。 ユーザーが閲覧する環境は端末だと、下記がありますね。 Windows Ma
【作例付き】WebデザインにおけるAdobe After Effects活用法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は後編ということで、モーションデザインの作り方を実例を元に紹介していきたいと思います。実際のサイトに使うには色々足らないですが、After Effectsで制作する際のテクニックを交えて解説していきます。 この記事はこんな方におすすめです モーションデザインに興味がある Webサイトのアニメーションを自分で作ってみたいデザイナー After Effectsを触ってみたい また、制作にあたってこちらのサイトを参考にさせていただいております。様々なモーションの作例を周期表に見立てて紹介していて、ダウンロードもできるためどのように制作すれば良いかも見れるようになっています。 画像引用元：モーション周期表 Webデザインでモーションデザインを利用する機会 デザイナーがモーションデザインをWebデザインに取り入れる機会としては以下があるかなと思います。 デザインの提案 エンジニアとの共有 動画ま
サイト改善の神ツール！？無料で使えるユーザー行動分析ツール「QA Heatmap Analytics」がスゴかった件 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
サイト改善の神ツール！？無料で使えるユーザー行動分析ツール「QA Heatmap Analytics」がスゴかった件 みなさんこんにちは、外部メディアコンテンツ制作チームでリーダーをしているやぎです。普段はさまざまなオウンドメディアの記事制作代行や運用支援をしています。 突然ですが、私と同じオウンメディアのコンテンツ制作に関わっている方は重々承知かと思いますが…… 記事は「作って終わり」じゃないんです！！！ メディアを成長させるうえでは、作った後がもっとも重要といっても過言ではありません！ ただ作って終わりではなく、コンテンツ設計にあたり決めたKPIに対する進捗はどうなのか、といった効果測定を日々実施し、PDCAサイクルを構築していくことが重要であり、もっというと”C”の「Check（評価）」 、つまり記事の「分析」 を怠ると、メディアの成長はできません！ さぁみなさん、今すぐに自社のオウ
この記事では、今後のWeb制作で参考にしたい最新Webサイトデザイン50個をまとめてご紹介します。 世界中の優れた実例サンプルを実際に見ることで、印象や配色、レイアウト、書体などの新しいアイデアや発想を手に入れましょう。 2020年に注目されているデザイントレンドも盛り込んだサイトを中心に、見ているだけで楽しくなる体験型のインタラクティブなデザインが増えています。過去のサンプル例と一緒にいかがでしょう。 いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ 【総まとめ】2019年印象に残った世界のベストWebデザイン厳選50個 Web参考アイデアに！注目の最新ウェブデザイン50個まとめ Yoichi Kobayashi 燃えるドクロで海外でも話題となっている、日本人Webデベロッパーのポートフォリオサイト。コンテンツを切り替えるたびに、まるで紙が燃えているようなエフェクトが
はじめまして！ 株式会社LIGでコンサルタントをしている、わべと申します。 さっそくですが、皆さんは「デザイン思考」という言葉を聞いたことはありますか？ 学生の方はあまり聞き馴染みのない言葉だと思いますが、社会人の方は最近耳にする機会が増えてきたのではないでしょうか。 デザイン思考という言葉をはじめて聞く人からすると、「デザイン思考ってデザイナーの人がやってるあのデザイン？」と思われるかもしれません。しかし、デザイン思考≠デザインで、今や多くのビジネスパーソンに求められるスキルとなりつつあります。 そこで今回、私がデザイン思考とは何か、そしてデザイン思考を学ぶ中で気づいた点をまとめてみました。デザイン思考という言葉を耳にしたことはあるものの、具体的な内容についてはあまり理解できていない方や、これから学んでいきたい方は是非参考にしてみてください！ デザイン思考って何？ デザイン思考とは、一言
QUOITWORKSでディレクションとデザインをやっております、村松です。 とっても久しぶりな今回は、Webの受託制作で確実と言って良いほど行われる参考サイトの探し方について体系化された記事がなかったので、1940年から世界中の人々を魅了し続ける不変の法則。不朽の名著。ジェームス W.ヤングの「アイデアのつくり方」のつくり方を参考に、僕が10年以上のキャリアから手探りで模索したやり方をまとめました。 目次 1.まず最初にアイデアのつくり方はどのようにやるのか。2.なぜ参考サイトを集めるのか。3.何から着手、どんな観点で参考を探すのか4.実際に使ってるサイト。5.初心者がやりがちな誤った探し方、余談 1.アイデアのつくり方はどのようにやるのか。 まずアイデアの原理から説明します。 アイデアというのは「既存の2つ以上の要素を新しい一つの形に結びつけること関連性を見つけ出すのが上手い人が得意とさ
web制作の仕事は、ミスとの戦いでもあります。 ベイジは数あるweb制作会社の中でも、比較的ミスが少ない方だとは思います。しかしそれでもゼロにはなりません。プロジェクトによっては、単純なミスを多く発生させてしまうことも未だにあります。 便利なツールは沢山存在しますが、人が手を動かし、目視で確認する部分はまだまだ多く残っています。機械化できないそうした箇所で、ヒューマンエラーが起こります。 やっかいなのは、自覚症状がないミスが多いことです。認識違いに起因する場合、本人では正誤の判断ができません。見れば分かる単純ミスも、根底にあるのは認知バイアスであり、それを自ら検出することは難しいものです。 だからといって、「チェックを増やす」「管理シートを作る」と確認工程を増やしていくと、労働生産性はどんどん悪化します。それはやがてコストパフォーマンスの低さ、競争力の低下に繋がっていきます。 「ミスを絶対
2023年、Web制作・デザインに役立つ記事の総まとめ
2023年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク・ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 2023年のもっとも大きなニュースの一つは、ChatGPTをはじめとするAIです。どのジャンルでもそうですが、完全に任せるのではな
Web制作を楽にする便利なSVGツール53個まとめ
この記事では、Webデザイン制作の面倒な作業を楽にこなす、便利なSVGツール53個をまとめてご紹介します。 背景テクスチャやSVGシェイプから、オンラインSVGツールやSVG最適化ツールなど、SVGにまつわるあらゆるツールを揃えています。 新しいツールが見つかり次第アップデートしていく予定なので、ブックマークしておくと良いかもしれません。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作をもっと楽に！便利なSVGツールまとめ Haikei ユニークなSVGシェイプや背景、シームレスパターンを作成できるオンラインツールで、グラデーションや波ウェーブなど基本的なシェイプはほぼ揃います。 配色やサイズなど、本格的なカスタマイズができるのも特長で、作成したデザインはSVGやPNGファイルとして無料ダウンロード可能です。 Cool Backgrounds お好みの配色をつか
Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の現場での活用が期待されます。 簡潔さとアクセシビリティ: htmx は、複雑な JavaScriptコードを書かずに、HTML 内で直接動的な振る舞いを宣言することを可能にします。これにより、Web開発がよりアクセスしやすく、より理解しやすくなることを意味します。 非同期リクエストの簡易化 : htmx は、Ajaxリクエストを簡単に実装するための属性を提供します。これにより、サーバーへの非同期リクエストを簡単に行い、ページの一部を更新できます。 導入の容易さ :
控えめに言って万能なSEOツール「パスカル」でコンテンツSEOを時短してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGのエディターののぞみーるです。 私は普段、お客様のメディア運用やサイト内のコンテンツ制作を担当しており、面白系だったりインタビュー系だったり様々な企画を作っていますが、SEO施策のご依頼も多くいただきます！ 突然ですがSEOに携わるみなさん、 SEO作業って時間がかかりませんか？ 何百記事書いても目標のアクセス数に届かなかったり、SEOの項目に気をつけてリライトしてるのになかなか順位が上がらなかったり、なんてことよくありませんか？ SEO施策って事前調査にめっちゃ時間がかかるわりに、正しい分析ができていないとなかなか成果には結びついてくれません。SEO嫌いになりそう……と苦手意識を持っている方も多いのでは。 他にもこんな課題があるのではないでしょうか？ SEOコンテンツ制作担当者の課題あるある SEOに関して社内にしっかりとしたノウハウがない 知識量や編集力が属人的で、成
この記事では、今後のWeb制作で参考にしたい最新Webサイトデザイン40個をまとめてご紹介します。 「デザインのアイデアが見つからない」「見本サンプル例が欲しい」そんなときに活用したい世界中の最新ウェブデザイン実例を集めました。 アニメーションが当たり前となった今、ウェブデザインの魅せ方はさらに進化を続けています。2020年に入って紹介したウェブサイトと一緒に確認してみてはいかがでしょう。 Webアイデアの宝庫！注目したい最新ウェブデザイン35個まとめ Web制作の参考アイデアに！いま話題の最新ウェブデザイン50個まとめ いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ Web制作参考アイデア集！話題の最新ウェブデザインまとめ Delassus ポリゴンスタイルの鮮やかなイラストを使った水平パララックススクロールが特長で、スクロールに合わせたアニメーションでユーザーの目
はじめに 今回は無料でWeb制作周りの技術を学ぶことができるサービスをまとめました。 これからWeb制作の学習を始めていきたい人やプログラミングの基礎学習をしていきたい人におすすめのサービスなのでぜひ参考にしてみてください。 この記事の対象者 プログラミング初心者~中級者 Web制作を学びたい人 HTMLやCSSをより深めたい人 ポートフォリオを作りたい人 無料コーディング練習所 まずはじめに紹介するのはWebサイトを制作しながらコーディングスキルを身につけることができる無料コーディング練習所です。 こちらのサイトではデザインカンプが用意されており、基本的なコーディング方法から応用的な手法まで実際にWebサイトを制作しながら学ぶことができます。 準備編でがエディタの設定方法や拡張ツールといったコードを書くための基礎の基礎から丁寧に解説をしてくれています。 入門編~上級編ではWebサイトを作
Illustratorの3D効果で作る、簡単アイソメトリックなイラストの作り方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ 最近、Webサイト制作の案件でアイソメトリックのイラストを作る機会がありました。 アイソメトリックとは、アイキャッチにもあるような、物体を斜め上から見下ろしたような図形のことをいいます。 はじめはこの斜めから見た角度はどうやって作ればいいんだ……？ 俯瞰でイラストを描くのって一番難しいのに……！！ と思っていたのですが、Illustratorの「3D効果」というとっても便利な機能に出会ったおかげで、作るのが楽しくなってきました！！！ 今日はクリスマスということで、アイソメトリックな「プレゼント」と「クリスマスツリー」を作ってみましたので、その方法をご紹介いたします！ アイソメトリックについてはゆうこさんのこちらの記事をご覧ください。
昨年、当ブログでも紹介して好評だった「Web制作会社年鑑 電子版1冊まるごと無料」キャンペーンが、今年も実施されています。 期間は2019年12月13日まで。 「Web制作会社年鑑2019」の電子版がダウンロードできます。 定価は4,800円、総ページ数は400ページが完全無料！！
【無料】高精度&爆速で文字起こしが終わるAIツール「Gladia」がスゴイ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、インハウスマーケティング部のかけるです。 生成AIによってライティング業務の効率化が進むなかで、「文字起こし」は生成AIが得意とする領域の一つです。 今回は数ある文字起こしAIのなかでも、実際に使ってみて良かった文字起こしAI「Gladia」について、その使い方や魅力をご紹介します！ 「Gladia」は精度が抜群 https://www.gladia.io/ まず前提として、Gladiaの文字起こしの技術には、OpenAIがオープンソースとして公開している文字起こしAI「Whisper」が活用されています。 Gladiaの大きな魅力は、なんといっても音声から文字を起こす（Speech-to-Text）際の精度の高さです。 一般的に、音声認識の精度は「単語誤り率 （WER）」という、その音声認識モデルが音声をテキストへ変換する際にどれぐらい間違えてしまったのかという評価尺度があり
Web制作に便利なChrome拡張機能20選Update2023.03.31Release2023.03.31Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Chrome拡張機能は、ウェブ閲覧やウェブ制作のさいに非常に便利な機能です。新しい拡張機能を見つけるたびに追加し、実務で試しています。ただ、気がつくと使わない機能が溜まりがちなので、数ヶ月ごとに見直ししています。 先日もインストール済みのChrome拡張機能を見直し、頻繁に利用しているものや、いざという時に使用しているものを残して整理しました。 Webサイト制作者の視点から便利なChrome拡張機能を厳選して20個紹介します。 ChatGPT関連Glarity-Summary for Google/YouTube (ChatGPT) Google検索ページやYouTub
CSSではじめるクリエイティブコーディング・パーティクルアニメーション | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、2020年6月に入社したくりちゃんです。 前職でもフロントエンドエンジニアとして約1年ほど、おもにLPたまにコーポレートサイトを制作していました。Webのアニメーションやインタラクションをもっと実装したいなと思い、ご縁があってLIGに入社することになりました。 See the Pen Particle Rotation #03 by Hisami Kurita (@hisamikurita) on CodePen. プログラムで絵やアニメーションを作ったりすることが好きで、仕事でもプライベートでもよくCSS AnimationやCanvas 2D、three.jsを使って上記のようなものを作っています。個人で制作した作品はほとんどCodePenにあげているので、興味があれば見てみてください！ ということでLIGでの最初の記事は、上記のようなパーティクルアニメーションの作り方を
Kindle本の特大セールが開催！ブラックフライデー＆サイバーマンデーで、Web制作・デザイン・イラストの書籍も過去最大級の規模
今週の金曜日11/27の9:00から開催される5日間のBig Sale: Amazon ブラックフライデー＆サイバーマンデーに先駆けて、Kindle本の特大セールが開催です！ 30,000冊以上のKindle本が50-70%オフの超お得なセールで、その中からWeb制作・デザイン・イラスト関連のKindle本を紹介します。 今回セール対象として紹介している本は、過去最大級の規模！ 2つのセールが同時開催なので、対象もかなり多いです。 ページがかなり長いので、お時間のある時にご覧ください。
最近ではアニメーションが実装されたWebサイトも多くなり、趣向を凝らしたリッチな演出を取り入れているサイトもそう珍しくなくなってきました。 特に重要な要素を動かすことで興味を引かせたり、飽きずに読み進めてもらうためのきっかけになったり、といったメリットがありますよね。 ただ、アニメーションのイメージはなかなか文面でも口頭でも伝えにくいもの。 「ふわふわ」「しゅっと」「するする」「ぬるっ」などとオノマトペを駆使して説明しても、ディレクターとコーダーの間の認識の共有は結構難しいのです。 結局、イメージに合った動きをしているサイトを見つけて「この動きで！」と伝えるのが楽なんですよね。 そこで本記事では、そういった言葉にしにくい部分にフォーカスを当てて、シンプル・綺麗、ポップ、スタイリッシュ、柔らかい印象などのイメージ別にCSSアニメーションをご紹介します。 デモ・サンプルコード付きですので、ぜひ
仕事をしていたら「ホームページを作りたいのですが…」とちょっと不安気な声の女性からお電話をいただきました。 最近、お電話でのお問い合わせが増えています。 メールではなくお電話でご相談いただく企業さまは「今すぐ作りたい企業」か「Webサイトにこれまで縁遠い企業」のどちらかのケースが多いです。またはその両方。 今日お電話いただいた長野市の工事業の企業様も両方のケースでした。 耳を傾けていると「ホームページを持っていないので、お見積もりがほしいのですが…」とのご相談。 制作会社あるあるですが、「どんな目的でWebサイトを必要とされていますか？」の質問から始まります。 以下、電話でのやり取りを再録します。 内容は下記の４項目になっています。 お客様の課題を聞く JBNの作り方をご説明する 制作会社の調べ方のコツをご説明する JBNも売り込む ホームページの見積もりをほしいとのお客様とのやり取り 0
才流栗原氏に聞く！これからのBtoB営業・マーケティング、コンテンツ制作を適切に導くフレームワーク【保存版】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
時は満ちました。市場の変化とともに営業やマーケティングの手法も変革せざるを得ないウィズコロナ時代の今こそ、あの方にお話を聞くしかない！ ……ということで、BtoBマーケティングのプロコンサルタントである株式会社才流（サイル）代表の栗原さん（@kotakurihara）に取材させていただきました！！！ （才流栗原さん・ベイジ枌谷さん・WACUL垣内さんのことはかねてよりBtoBマーケティングの三大天として崇めておりましたので、こうして連続で取材の機会をいただきものすごく光栄です……気持ち高まります……！！！） ※編注：三大天はマンガ『キングダム』に出てくる趙の英雄たちの架空の総称です。 BtoB営業・マーケティングの戦略立案〜実行支援を事業として展開されている立場から、今現場でどのような変化が起きているのか、短期的・中長期的になにから順に取り組んでいくべきなのかをお話しいただきました。 また
Web制作者は要チェック！ Figmaで無料利用できるUI用のデザインシステムのまとめ -Design Systems for Figma
Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。 Design Systems for Figma ※画像は、クックパッドのデザインシステム Design Systems for Figmaには日本のサイトをはじめ、海外のサイトのデザインシステムがまとめられています。 サイトの利用は簡単で、登録など面倒なことは一切不要です。
openmediavaultを使ってラズパイでNASを自作してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ BiTTチームのキー坊です。 今日はお題の通りNASを作っていこうと思います。 というのも、この記事を書いている2021年5末で、Googleフォトの無料利用が終了するということもあり新しいストレージ先を探しています。NASもその候補の一つですが、値段高いものが多いため手が出しにくいですよね。 うちにも稼働しているNAS（QNAP TS−231P）があるのですが、そろそろ容量逼迫が見え始めてます。調べてみると自作で安く仕上げることができるようなのですが、やはりパフォーマンス面が心配ですよね。 その辺りの疑問にお答えするような記事にしましたので、最後まで読んでもらえると嬉しいです！ 僕と同じようなストレージ難民な方いましたら、ぜひ参考にしていってください。 用意するもの ラズパイ4（ラズパイ3でも動作すると思いますが、LANが遅いので非推奨） データ保存用USB接続HDD NA
ぽんぽこせんせい@Web技術講師 on Twitter: "母が最低のWEB制作会社に騙されかけた 運用を委託してた会社に 意図的にサイトを 閲覧できないようにされて 改修を依頼する様に誘導された その前に私がみて403エラーを確認したからよかったものの、依頼してたら数十万騙し取られてたわけだ。 明日、損害賠償を請求する。"
母が最低のWEB制作会社に騙されかけた 運用を委託してた会社に 意図的にサイトを 閲覧できないようにされて 改修を依頼する様に誘導された その前に私がみて403エラーを確認したからよかったものの、依頼してたら数十万騙し取られてたわけだ。 明日、損害賠償を請求する。
Webサイトの制作を行う際に、画像が準備中の場合に仮でダミー画像を表示することがあります。 ダミー画像を表示することによって、画像がない場合と比べて、作業を効率良く行うことができ、より完成形のイメージがしやすくなります。 今回は、Webサイトでダミー画像を簡単に表示できるサービスをご紹介したいと思います。 【2023】無料で商用利用可能！フリー画像・写真素材サイトのおすすめ12選 デザイン制作や記事の制作、資料作成など画像素材を利用するシーンは様々ですが、そんな時に役立つのがフリー画像・素材サイトです。 フリー画像やフリー写真を配布しているサイトはたくさんありますが、数が多くて... Web Design Trends 【2023】ほんとに無料？フリーイラスト素材サイト33個まとめ【商用利用OK】 デザイン制作や資料作成など、イラストを取り入れることで印象がガラッと変わったり、より分かりや
先日リリースされたChrome 108で「メモリセーバー（Memory Saver）」と「省エネモード（Energy Saver）」が導入されました。これらは、Chromeがシステムリソースをどのように利用するかをユーザーがより詳細に制御できる機能です。 ユーザーとしてはメモリ節約モードのメモリセーバーも省エネモードも嬉しい機能ですが、Web制作者は認識しておくべき重要なことがいくつかあります。 What developers need to know about Chrome's Memory and Energy Saver modes メモリセーバーと省エネモード メモリセーバーと省エネモードの確認方法 メモリセーバーと省エネモード 先日リリースされたChrome 108のデスクトップ版で、2つの新しいパフォーマンス設定が導入されました。 メモリセーバー（Memory Saver）
TOPブログ【最新】Swiperの使い方・カスタマイズを解説！サンプルやオプション15個付き ー基礎から応用までー Webサイトのコーディングをするなら必修とも言えるスライダー。 スライダー実装用のJSプラグインはいろいろありますが、本記事ではその中でもSwiperを使用した実用的なカスタマイズ例をご紹介します。 デモページを見る まずはこちらのデモページをご覧ください。 片方だけはみ出しているスライダー、サムネイルと連動するスライダー、SPだけスライダーにする方法などなど、実際によく必要になる機能を網羅できるようなデモを厳選してご用意しました。 初心者さん向けのかなり初歩的な内容から、いろいろカスタマイズを加えた応用編まで解説していきます。 メインビジュアルの作例5つ（#11 ～ #15）については、Swiperのカスタマイズ方法だけでなく、アニメーションやデザインの参考になればと思い様
【保存版】リモートワークの「Web会議ルール」をつくりました！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
かれこれ2ヶ月半ほどリモートワークを続けていますが、Web事業部ではより良いWeb会議・オンライン会議のため、あらためてルールづくりを行うことにいたしました。 リモートワーク中の皆さん、またはこれからリモートワークを導入する予定の皆さんの参考になれば幸いです！ ルールづくりする上でのリモートワーク環境 普段から使用しているWeb事業部の環境・利用ツールは以下のとおりです。 全員がノートPCでの作業環境 普段から会社支給Macを使用して作業をしています。 全員1台ずつ貸与されているモニターの社外持ち出しOK 一人一台ずつデスクに貸与されているモニターですが会社指示のリモートワーク期間は、持ち出しOKとなりました。 データ共有はGoogleDriveを活用 社内だけでなくお客様とのやり取りもGoogleDriveを用いて行っています。 Googleドキュメント／スプレッドシート／スライドを活用
AmazonでKindle本のブラックフライデーセールが早くも開催されています。 セール初登場もたくさんあり、Web制作・デザイン・イラスト関連のセール対象本もかなり多く、要チェックです！ セール期間は、2022年12月1日まで。 対象のKindle本は最安値（当方調べ）、今年発売された書籍もたくさんあり、見逃せません！
名古屋市には優良なホームページ制作会社が多くあり、これからホームページの作成依頼をしようと思っても、どこに依頼すれば良いか迷ってしまうのではないでしょうか。 そこでこの記事では、Web制作のプロの目から見た、名古屋市のおすすめWeb制作会社を厳選してご紹介します。 名古屋のホームページ制作会社について詳しく知りたい方、名古屋のWeb制作会社を比較検討したい方は、ぜひ最後までご覧ください。
システムが脆弱になっていませんか？AWSのセキュリティ設計の基本を解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、LIGのテクニカルディレクターのおきくです。 最近はPM業務が多くなり、本来のテクニカルディレクション業務から離れることも多いですが、相変わらず技術に対する知識欲は衰えておりません（笑）。 さて今回ですが、案件などでよく設計やディレクションすることが多い、セキュリティ設計（サーバーサイド限定）についてお話ししたいと思います。このブログを通じてみなさんのセキュリティ設計に少しでもお役立てできたら幸いです。 インフラ関連について インフラ関連だと様々な観点での設計が必要になりますが、主に以下観点での設計が必要です。 アクセス管理 WAF 侵入検知・防御 アクセス管理について 様々な観点でアクセス管理を実施する必要性があります。 基本的な考え方としては、各リソースやサブネットワークへのアクセスについて許可されていないIPやサービスからのアクセスを禁じる、想定外なアクセスを行わないようにす
【2019年版】Macユーザーに超絶おすすめのアプリ／ツール10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
オフィス外で作業することが多いため、これは超絶愛用しています。人目に付くカフェ等の環境で作業されている方々におすすめです。周囲にMacの画面情報を見えづらくするだけでなく、ブルーライトカット効果もあり、一石二鳥。 また、マグネット型になっているので、取り外しが容易で、隣の人に画面を見せたいときには、即座に取り外しができます。 Nums ナムス（ランチャー トラックパッドカバー） Nums これまでにないトラックパッド トラックパッドが、なんとテンキーになったりアプリランチャーになる優れものです。 管理業務を行うと、スプレッドシートや電卓作業が増えていきます。外出時など、外付けのテンキーキーボードがにないときに、このランチャーを立ち上げるだけで、トラックパッドをテンキー化でき、作業効率が格段にあがります。 業務効率化ツール・アプリ Memory Clean 2（メモリ解放／管理） Memor
Web制作者・デベロッパー向け、ポートフォリオ用のテンプレートを紹介します。 オープンソースで、HTML, CSS, JavaScript, Sassで実装されており、フレームワーク・ライブラリは必要ありません。自己紹介、スキル、プロジェクト、連絡先など、ポートフォリオに必要なコンテンツが用意されており、簡単にポートフォリオを用意できます。 Dopefolio -GitHub Dopefolioは、デベロッパー向けポートフォリオ用のテンプレートです。 セットアップが簡単 💯 商用でも無料 🥳 GNU General Public License v3.0で、オープンソースです。 フレームワークは必要なし 🤘 ライブラリも必要なし 🙌 マルチページ 💎 レスポンシブ対応 🚀 超高速で、SEO最適化 ⚡ Auditsのスコアも高得点 🎖️
セールになるのを待っていた人には朗報です！ Amazonで、【最大50%OFF】1400冊以上対象 インプレスグループフェアが開催しています。Webの制作やデザイン、イラスト関連の本もたくさんセール対象になっているので紹介します。 対象になっている書籍はそのほとんどが最安値（当方調べ）になっており、購入を検討していた人は狙い目です！ セール対象本も非常にたくさん（スクロールバーが長いｗ）、さらにセール初登場もたくさんあります。さらにさらに、プライム会員0円もあります。 【最大50%OFF】1400冊以上対象 インプレスグループフェア セール期間は、2021年2月28日（日）までとなっています。 50%オフのものが多く、55%オフもあり、かなりお得なセールです。Web制作やデザイン系、そしてイラスト本が、数多く揃っています！ 掲載順は、初登場、デザイン、Web制作、イラストの順です。 まずは
画像を遅延読み込みしてみよう！Intersection Observer編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
年齢なんか関係ない！ 人生史上今が一番！ Webのパフォーマンスもブチ上げていきたい、フロントエンドエンジニアのザワです。 lazyload（レイジーロード）、Web業界では耳慣れたワードになってきたのではないでしょうか。 Webページの表示を高速化するために、ページロード初期時には画像は読み込まず、表示したいタイミングでロードを開始するアレです。「lazyload」だの「遅延読み込み」だのいってますが同じことを指しています。気分と話し相手によって変えていきましょう。 今回は2つの方法を2回に分けて実践していきます。 Intersection observerを使用する方法 loading属性にlazyを適用する方法 Intersection observerが一般的になる以前は、scrollイベントで随時要素の位置を取得して、みたいなことをやっていたと思いますが、そんなオールドスクールな
Docker+WordPressでXdebugを使う手順 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。小林です。 単刀直入に言いますと、この記事を読むと「Docker+WordPress」の環境でXdebugを使えるようになります。早速ですが説明していきます。 はじめに まず私の開発環境の紹介です。 （マシンは6年前にフルスペックだった）MacbookPro （IDEがないと何もできないので個人的に最強のIDEだと思っている）PhpStorm （いろんな開発を並行するのでとっかえひっかえしやすい）Docker と、こんな環境で普段開発をしているのですが、久しぶりに大規模なWordPress案件に携わることになりました。 その案件では、馴染みのないプラグインを多数入れたり、そもそも最新のWordPressの機能を把握できていなかったりと、いくらPhpStormを利用しているといえども、それぞれの機能を追うのがなかなか難しい状況でした。 そこで、久しぶりにXdebugを頼ることを決
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドから見たWeb制作の変遷 / PHP Conference Okinawa 2022
Web制作者が稼ぐためのOSS活動してたらStripeからの支援が決まった話
Web制作の参考アイデアに！いま話題の最新ウェブデザイン50個まとめ
デザイン思考とは？フレームワークの5つのプロセスを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
muuuuu.org運営者が教える名著「アイデアのつくり方」に倣った、Web制作における参考サイトの探し方
ミスが少ないweb制作会社を目指して～実践している16の取り組み | knowledge / baigie
Web制作参考アイデア集！話題の最新ウェブデザイン40個まとめ
【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita
注目されてるWeb制作会社が分かる！『Web制作会社年鑑2019』4,800円が、期間限定で無料ダウンロードできます
Web制作に便利なChrome拡張機能20選 | BUILD Journal
【コピペでOK】サイトに動きをつけるCSSアニメーションまとめ（デモ・サンプルコード付き） | 東京のホームページ制作 / WEB制作会社 BRISK
#お電話相談シリーズ 01 自社にフィットするWeb制作会社を電話で探すための４つのポイント（初級編）
Web制作で役立つ！ダミー画像を簡単に表示できるサービスまとめ | Web Design Trends
Chromeの新機能「メモリセーバー」と「省エネモード」Web制作時に認識しておくべき重要なことを解説
【最新】Swiperの使い方・カスタマイズを解説！サンプルやオプション15個付き ー基礎から応用までー | 東京のホームページ制作 / WEB制作会社 BRISK
Kindleブラックフライデーの大規模セールが開催！ Web制作・デザイン・イラスト関連のセール対象本がすごすぎる
名古屋市のホームページ制作会社10選【HP作成】愛知県のおすすめWeb制作会社【2024年版】
Web制作者・デベロッパー向け、ポートフォリオ用のHTMLテンプレート -Dopefolio
セール初登場の良書がたくさん！Kindle大規模セールでWeb制作やデザイン、イラスト関連の本が超お買い得に
note.com/art_reflection
yu1.nm.bex.jp
kakakumag.com
www.pixivision.net
grapee.jp
search.app