ChatGPTを活用した時短コーディング術5選【プロンプト有】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Technology部のジョシュです。 今回はPythonなどコーディングに使える、ChatGPTを活用した時短コーディング術を5つご紹介します。 コーディングとコード問題の解決は未経験者にとって難しく、繰り返し作業が続くことがあります。時間を節約するための補助役として、ChatGPTを最大限に活用しましょう！ 生成AIを業務で活用するには… 生成AIをビジネスや業務で活用するためには、導入時に直面する課題・リスクについても考慮する必要があります。生成AIの活用をご検討中なら、こちらのページで紹介している生成AIコンサルティング・導入支援を得意とする会社へご相談してみてください！ 1.コードを解釈する 「ぱっと見た感じは問題ないコードに見えるけど、内容を理解できない箇所がある……」と悩んだことはありませんか？ プログラミング初心者だけでなく、誰もがそのような状況に立つことがあり
便利な無料ツールが登場！ Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer
1クリックで、Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる無料ツールを紹介します。 CSSの検証としておかしなスタイル定義・同じスタイル定義・一貫性のないスタイル定義などを見つけたり、スタイルガイドの作成にも役立ちます。 CSS Analyzer CSS Analyzer -GitHub CSS AnalyzerはWallace CLI, constyble, color-sorterなどの便利ツールをリリースしているProject WallaceのCSS解析ツールです。MITライセンスで、商用プロジェクトでも無料で利用できます。 Webサイトで使用しているCSSファイルや自分が書いたCSSのコードを詳細に解析してくれます。オンラインツールとして簡単に利用でき、GitHubでソースが公開されているので、ローカル環境でも利用できます。 さっそくオンライン版で試し
Google Search Consoleの活用術！サイト公開後に役立つ3つの機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、ディレクターのZIMAです。 同僚でポケモンカードにどハマり中のディレクターせいたがGA分析についての記事を書いていたので、僕はGoogle Search Consoleについての学びをご紹介したいと思います。 そもそもみなさんにとってGoogle Search Console（以下：サチコと呼びます）はどんな存在ですか？ 僕の場合、新規制作、リニューアル問わず、Webサイトのリリースの際には、サチコへサイトマップの登録を行い、グーグルの検索結果への表示を促すことを目的としてこれまで利用していました。しかし、本来のサチコの能力はサイトリリース以降に発揮されることを知りました。 ぜひ長くお付き合いして欲しい素敵なツールなので、3つの課題に分けてそれぞれ利用する機能をご紹介します。 サイトがGoogleの検索画面に表示されないときは？ 「URL検査」ツールを使用して、ページのインデック
問い合わせから提案までを爆速に！Webサイト提案で使える分析解析ツール9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナー・ディレクターのありさんです。 お客様からのリニューアルのご相談、サイト改善を行うときに、営業提案資料を作っています。今回は資料作成で私が調査・分析に使っているWebツールを紹介します！ NDA締結前はGoogleアナリティクスやGoogle Search ConsoleなどGoogle系ツールを共有してもらうことできないので、外部の調査ツールを使うことが多いです。 提案を行う際によく使うWeb解析ツールの概要や活用例、おすすめの種類などについてを紹介します！ Googleアナリティクス GoogleアナリティクスではPVや訪問数、直帰率など、Webサイトに訪問したユーザーの行動がわかります。 目標設定を行なっている場合は、目標完了数、目標完了率を確認することが可能です。 NDAを結んでいてGoogleアナリティクスのデータを見せてもらえる場合は、提案資料に活用しま
【DL有】Webサイト運用改善に役立つ！利益計算シミュレーションシートを大公開します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お客様がよく抱える悩みとして、「どういう形でWebサイト運用の目標立てをしたらよいのか」というものがあります。 Webサイトは作って終わりじゃなくて、どう運用するかが肝！ ……ただ、1からそのプランや自社に最適な方法を考えるのは、かなりハードルが高いのではと感じています。 今回は、「Webで集客をしよう！」と決めたときに考えたい、目標数字を立てる方法をシートを用いながらご紹介します！ LIGの提供するサイト改善運用で、実際に使っているシミュレーションです。なんと、ダウンロードまでできますよ。ぜひぜひご活用ください。 シートの構成 このシートは 商材の利益率の計算 流入別にCV予想数を合算して集計 上記から、単月の利益や累計の利益を算出 といったことができるExcelシートです。Googleスプレッドシートでも使用可能ですよ。 大きく分けて3つの入力エリアがあります。 上部分の仮入力値を変更
多店舗のローカルSEOを推進するならGoogle Maps順位計測ツール「MEOチェキ」に頼ろう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさまこんにちは、LIGのマーケター・まこりーぬ（@makosaito214）です。 大変です。いま、コワーキングスペース「いいオフィス」の店舗数が爆増しています。 どれぐらい爆発的かというと、2019年1月時点では5店舗しかなかったのに、2020年1月時点では22店舗にまで増えました。オープン予定も合わせると店舗数は1年で5倍以上……！ すごい！！！ 店舗ビジネスなのでローカルSEO（MEO）にもしっかり取り組んでいきたいところなんですが、正直、最低限Googleマイビジネスには登録してあるものの、その後の運用がほったらかしな店舗もちらほら…… ▼把握すべきだができていないこと Googleマップ上でなんと検索されているのか 狙いたいキーワードで何番目に表示されているのか 上位に表示されている競合他社と比べて何が足りていないのか ああ……全店舗分なんてまったく把握できていない……把握で
無料＆日本語対応でどのファイル・フォルダがどれくらいの容量なのか高速スキャンして視覚的に表示してくれるソフトウェア「WizTree」
「ディスクの空き容量が足らないけど、どのフォルダがどれくらい容量を食っているかわからない……」という悩みを抱えたことがある人もいるはず。「WizTree」はディスクを高速でスキャンして、フォルダやファイルの容量や「どのフォルダが容量の大きなフォルダなのか」をサクッと表示してくれる無料＆日本語対応のソフトウェアです。 Antibody Software - WizTree finds the files and folders using the most disk space on your hard drive https://antibody-software.com/web/software/software/wiztree-finds-the-files-and-folders-using-the-most-disk-space-on-your-hard-drive/ まずは公式ペ
HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS
CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCSSは未使用のCSSを掃除してくれる、わずか60行のスクリプトです。 HTMLとCSSを入力として受け取り、使用されたCSSのみを出力として返します。 対象となるセレクタはcss-selectのおかげで、実質的に考えられるすべてのセレクタの削除が達成されます。 参考: サポートされているセレクタ CSSTreeを使用すると、特別な処理を行わなくても、メディアクエリを他のすべてのブロックと同じように透過的に処理および削除できます
Kanon - プログラミングコードを可視化
プログラミングは構造的です。そのため、構文解析して別な言語にしたり、ツリー構造に展開したりできます。それらの構造を見ることで、綺麗な設計になっているかどうかも分かりそうです。 そんな可能性を感じさせるのがKanonです。JavaScriptのコードを解析、ビジュアル化します。 Kanonの使い方 左側にコード、右上にクラスの構造、右下にメインスクリプトの実行が可視化されています。 処理を増やしたところ。 コードが複雑になると、可視化された構造も複雑化します。 Kanonを使うことでプログラミングコードを別な視点から見られるようになります。コードは自動的に更新されるので、自分のコードを貼り付けてみて、どんな構造になっているのか見てみるのも面白そうです。 KanonはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 prg-titech/Kanon: A l
Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」
rrwebはWebサイトに訪問したユーザーの行動を記録、再生する為のWebセッションリプレイライブラリです。主に行動分析やバグの再現によるフィードバック向上、Webサイト上におけるユーザーとの対話(チャット等)の記録などを目的としているそうです。うまく使えれば便利そうですね。 rrweb あけましておめでとうございます。 本年も宜しくお願いいたします。
Grade.js - 画像を解析して最適な枠を表示 MOONGIFT
画像は見せ方がとても大事です。ただ並べただけでは目を引くことができません。例えばPinterestがあれだけ流行ったのは、それまでになかった段違いな組み合わせのグリッドによるところが大きかったでしょう。画像を主体としているサイトでは特に見せ方に注意すべきです。 今回紹介するGrade.jsは画像に枠をつけてくれるJavaScriptです。画像に合わせた最適な色合いを選定してくれます。 Grade.jsの使い方 デモです。1色ではなく、左上と右下で2色使われているのが分かるでしょうか。そして間はグラデーションとなっています。 つまり特徴的、かつ元画像の雰囲気を壊さないような2色が選択されています。 この手のライブラリは幾つかありますが、Grade.jsはグラデーションを展開しているところが特徴になります。どの色を選ぶかのアルゴリズムがそれぞれ違いますので、自分の感性に合ったものを選ぶのが良い
Googleタグマネージャでクリックイベントを設定しよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターのなっちゃんです。 ここ数ヶ月この連載を続けていて「読んでるよ」「勉強になったよ」と声をかけてもらうことが増えました。私自身も、Googleアナリティクスについてはまだまだ知らないことが多いので、初心者の人にも伝わるように言葉を選んだり、キャプチャを入れたりして記事を書くように意識しています。 今日もこの記事を読んでいる人のGoogleアナリティクスLIFEがちょっぴりハッピーになるように、一生懸命、記事を書いていきますね。 ではでは、前回のおさらいです。 前回の連載ではGoogleタグマネージャでGoogleアナリティクスを連携するところまで説明いたしました。 ここまでだったら、別にGoogleタグマネージャを使う必要はありませんね。 なので、今回からはいよいよ、クリックイベントの設定方法について説明いたします。とっても便利なので、ぜひ挑戦してみてください！ 今
結局どの数値を見ればいい？ログ解析ツールで競合分析をする5つのステップ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ライターのトギーです。 LIGに入社して早くも半年、メディア担当としてLIGブログをもっともっと成長させたい意欲が止まらない今日このごろです。メディアの成長には、やっぱり競合分析が不可欠ですよね。 でも、競合サイトの分析なんてやったことないし、何から手をつければいいのかもわかりません。 そもそも、LIGブログの競合サイトってどれ？ どうすれば競合サイトをログが手に入る？ どの数値を比較すればいいの？ わからないことだらけなので、競合分析ツール『eMark+』（イーマークプラス）を開発しているヴァリューズさんに相談してみることにしました。 競合分析ってどうやるの？ マーケティングコンサルタントに聞いて実際にやってみた 相談にのっていただいたのはヴァリューズで執行役員を務める子安亜紀子さん（写真左）。普段からクライアントにサイト分析の提案や報告を行うマーケティングコンサルタントを
スマホ向けサイトのアドレスを入力するだけで100点満点中何点かを表示するGoogleの「Mobile Website Speed Testing Tool」公開
スマートフォンやタブレットなどモバイル端末の普及に伴い、モバイル端末でウェブサイトを閲覧するユーザーの割合が増加していることを受けて、Googleがウェブサイト制作者向けに「ウェブサイトがどのくらいモバイルフレンドリーか」を測定できるサービス「Mobile Website Speed Testing Tool」を公開しています。 Mobile Website Speed Testing Tool - Google https://testmysite.thinkwithgoogle.com/ Mobile Website Speed Testing Toolは、Googleの既存のサービス「PageSpeed Insights」を使い、スコアをより分かりやすく表示したもの。ウェブサイトを分析するには、URLを入力して「TEST NOW」をクリックするだけです。今回はYahoo! JAPAN
サイト改善の参考にしたいSimilarWebによる業界分析まとめ【Enterprise限定】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
分類が若干あやしいサイトもありますが、傾向は分かるかと思います。 誰もが利用したことのあるような有名なサイトではないでしょうか。 なお、今回は大カテゴリーのみを比較しましたが、さらに小カテゴリー毎の数値も分析することができます。 例えばLIGブログですと、大カテゴリーが「インターネット」、小カテゴリーが「オンラインマーケティング」と分類されているようです。 ランキングと所感 上記の表だけではイメージが掴みづらいので、それぞれのランキングをつけて、所感をまとめました。 直帰率が低いカテゴリー 旅行 51.49% 趣味 53.07% ショッピング 53.11% ECサイトの直帰率が低いことは有名ですが、業界全体で見ると旅行サイトの直帰率が最も低い結果となりました。集計時期が夏だったので、旅行需要が高かったのも一因かもしれません。 旅行サイトをつくるときは、ストレスなく次々にページを見られる仕組
Tern - JavaScriptコード解析エンジン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラミングする上で必須の機能と言えるのがコード補完です。そのためにはまずコードの解析が行われなければなりません。正しくコードが解析されることで、既にある変数やライブラリ名を補完できるようになります。 JavaScriptをコーディングする際に使えるコード解析ライブラリがTernです。Web上はもちろん、Emacs/Vimなどのプラグインも提供されているソフトウェアです。 Ternの使い方 Ternを使うとこんな感じにIDE的な入力補完ができます。 関数に対する引数の表示も。 定義元に飛ぶこともできます。 jQueryやunderscoreにも対応しています。 TernはWeb、Emacs、Vim、Sublime Text、Brackets、Light Table、Eclipse
Perfmap - Webページパフォーマンスをヒートマップ化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトの表示速度は重要です。スマートフォンなどにおいても表示が高速に行えなければ訪問者はあっという間に離れてしまいます。Google Chromeなどの開発者用ツールではリソース単位で一覧表示はできますが、今ひとつ実感として沸きづらいのが難点です。 そこで使ってみたいのがPerfmapです。リソース単位の表示速度をヒートマップ風にビジュアル化してくれるGoogle Chrome機能拡張です。 Perfmapの使い方 PerfmapはChrome Web Storeで配信されていますのでインストールは簡単です。アイコンが表示されたら準備完了です。 そして任意のWebサイトを表示し、アイコンをクリックします。 緑であれば総じて問題はないでしょう。2つの数字があり、一つ目はページが
Performance-Analyser - Webサイトパフォーマンスをレポートするブックマークレット MOONGIFT
Webサイトのパフォーマンスは高いに越したことはありません。遅いサイトはあっという間に訪問者から離れられてしまいます。また、最初はパフォーマンスが高かったのに、更新を繰り返す度に徐々にパフォーマンスが劣化していくというのもよくあることです。 だからこそ定期的にパフォーマンスチェックを行わなければいけません。そのためのツールになりそうなのがPerformance-Analyserです。 Performance-Analyserの使い方 Performance-AnalyserはChrome ウェブストアで配布されていますのでインストールは簡単です。 インストール後、任意のWebサイトでPerformance-Analyserを実行します。 リクエスト数、表示時間などが分かります。 ナビゲーションタイミングやアクセスしているドメインの種類。 リソースの種類。 リソースを取得しているタイミングに
サイト改善に大切な3つの分析手法とおすすめWeb解析ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 分析の手法はさまざまですが、色々な視点から分析することで、多くの課題が見えてくるようになります。 改善に大切な3つの分析視点 アクセス解析やデータから定量的な分析をする 定量では計れない部分を、ヒートマップ・クリックマップを使って分析をする ユーザビリティテストやユーザーテストから定性的な分析をする それぞれ特徴がありますので、今回はそれらの分析手法と、いくつかオススメのツール、サービスをご紹介したいと思います。 これからサイトを改善される方には、ぜひとも読んでいただきたい内容です。 ▼目次 まず、物事を正しく捉えるには、主観と客観の両視点が大切 それでは、そもそも定量と定性って何？ 定量とは？ 定性とは？ 視点1）アクセス解析やデータから定量的な分析をする Google Analytics Adobe Analytics Yahoo!J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スタイルシートの検証に便利！ページで使用しているプロパティがどのように使われているかが分かるChromeの機能拡張 -CSS Dig
