デジカメ画像などをExcelのシートに挿入して利用する時に、困るのがその大きさ。たとえ縮小してあってもそれでも大きかったりするからです。画像を適度の大きさにするために、毎回縮小しているなら、この作業をマクロにすると簡単です。 （サンプルファイルは、こちらから 3行マクロ23回サンプルデータ） Excelバージョン：Excel20192016201320102007

「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ（要キーワード） 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の

www.nsnq.tech こちらの記事について補足していきます。そして、ChromeブックにはUnity対応してないじゃないか！みたいな質問にお答えします。・・・対応してないけど、Linuxには対応してますよん。あと、以下の方法は調べれば出てきますので調べてから質問…

注意 HTML5 からは 見た目は CSS に任せ、HTML は文書の構造（セマンティック）を表すことのみに重点を置かれるようになりました。例えば箇条書きリストを作るのに div と display: list-item; を使って構築するより、箇条書きリストを表す ul li を使ったほうがよりセマンティックです。このように目的にあった HTML 要素を使うようにしてください。 ボックスモデルとは CSS でレイアウトをする際には、 ボックスモデル を理解する必要があります。 CSS の定義するボックスモデルは以下の図のように 4つの領域で構成されています。 ボックスモデル解説図 content（コンテンツ） テキストや画像など、要素そのものの内容が表示される領域です。この領域のサイズは width（幅） と height（高さ）プロパティで指定することができます。 padding（パデ

どうも！LSSです！！ ちょっとまたJavaScriptで作り始めたものがあって（完成までまだ少しかかりそう）、それを作ってる時に気づいた事があったので、ここに記しておきます。 サンプル コード コード失敗例（動作しません） addEventListenerで呼び出す関数は引数を指定できません イベントオブジェクトから発生元要素のIDを取り出す あとがき サンプル 以下のいずれかをクリックしてみてください。 c1 c2 c3 コード <div id="c1">c1</div> <div id="c2">c2</div> <div id="c3">c3</div> <div id="gamen"> </div> <script>// <![CDATA[ c1.addEventListener('click',clk,false); c2.addEventListener('click',cl

The majority of today’s websites are responsive. And if you need to center and align image on those site, you need to learn how to make images fluid or responsive with CSS. I posted a tutorial video that explains how to make a responsive website step by step a couple of weeks ago. In the video we made an image responsive. But in this post, I would like to give a bit more detail about how to make i

0. はじめに この記事では、CSS Grid Layoutの基本は知っているという前提で、いろいろな場面を想定して更なる使い方を書いていきたいと思います。 この記事は4部構成の中の 場面別編 です。 CSS Grid Layout を極める！（基礎編） CSS Grid Layout を極める！（場面別編） ←これ 作成中：CSS Grid Layout を極める！（アルゴリズム編） 作成中：CSS Grid Layout を極める！（番外編） トラックの大きさを柔軟に指定したい (grid-template-rows / grid-template-columns) トラックの幅・高さの指定は grid-template-rows / grid-template-columns で行いました。 基礎編では px を主に使いましたが、他にも様々なものが使えます。そして、以下で挙げる値は自

皆さんこんにちは。 ギャプライズ鎌田(@kamatec)と申します。 先日以下のようなツイートをした所ちょっとだけ盛り上がりました。 CV率の話しをするとき、この図を使うことがある CVする人の中にも2種類いて、サイト内の施策で動かせるのは②だということ。 CV率をあげるときには「動く人」を増やすよりも「動きたくても動けなかった人」を動けるようにするほうが早いよ って話しをしたりします pic.twitter.com/XaoebSFA39 — 鎌田@コンバージョンの魔術師 (@kamatec) June 2, 2020 そこで今日はこの「コンバージョン率(以下CV率)」というものについて深く掘り下げてみようと思います。 ではまず最初に一つ質問です。 皆さんのWebサイトにおけるCV率は何％でしょうか？ おそらくですがメディアなど閲覧自体が目的のサイトを除き、何かしらCVポイントがあるサイト

2018年7月21日 Citizen Application Platform Fest. で清水がお話した Power BI セッション資料ですRead less

Tableau Cloud サイトでロゴと認証のオプションを構成したら、管理者とユーザーが必要とする Tableau データの共有方法になるようにコンテンツ フレームワークの整理を開始できます。Tableau Cloud サイトにコンテンツ (データ、レポートなど) を入力するには、組織のデータ プロフェッショナルがそのコンテンツをパブリッシュします。ライセンス タイプによっては、ユーザーは Tableau Desktop から、または Tableau Cloud Web 編集環境からコンテンツに接続したり、パブリッシュしたりできます。 パブリッシュ可能なコンテンツのタイプとしては、ユーザーが複数ワークブックで共有可能なスタンドアロン データ ソースや、そのデータに基づく視覚化を使用した埋め込みデータ ソースを含むワークブックがあります。これらのタイプにはいずれも長所と短所があり、この点に

適用先: Tableau Cloud, Tableau Desktop, Tableau Server 注: カスタム SQL を使用すると、ワークブックのパフォーマンスに影響を与える可能性があります。DBA と協力することで、最適なカスタム SQL クエリを作成することができます。Tableau Desktop でビューの構築に必要な操作を実行するには、Tableau が WHERE、GROUP BY、およびその他の SQL 句を制御できる必要があります。カスタム SQL クエリにはこのような要素が含まれている可能性があり、Tableau はそれらを既存の SQL に挿入することができないため、Tableau はカスタム SQL ステートメントを select ステートメント内にラップする必要があります。カスタム SQL 接続の実行速度が遅い場合やエラーが発生する場合、Tableau D

はじめに 本記事の対象ユーザーについて） 対象ユーザーは、Tableau（タブロー）にはそれなりに馴れてきたが、SQLに不慣れなウェブデータアナリストまたはそれに近しいユーザーを対象としております。 今回のテーマ） ウェブデータをデータベース上で分析する上で避けて通れない「集計・ウィンドウ関数」系SQLの操作について考えてみたいと思います。初学者が、SQLの原理原則を理解するためにもなるべくオーソドックスな（少し拙い）SQLで整理してみます。なお、SQL自体は、今回、PostgreSQLで検証します。＊データベース環境構築方法は説明いたしません。 対象外のユーザ） SQLにすでに慣れ親しんだユーザーには、本記事はまったく役に立ちません。ぜひ、読み飛ばしてください。 プロフェッショナルなユーザーは、こちらの書籍の精読をおすすめいたします。 （ビッグデータ分析・活用のためのSQLレシピ） ※

レスポンシブ対応のWebサイトを作るにはどうすればいいんだろう？ CSSでレスポンシブ対応ができるって聞いたけど、どうやればいいのかわからない… ホームページやポートフォリオなどのWebサイトを作成したものの「スマホで見るとテキストや画像が見づらい…」といった状況に陥っている人は多いのではないでしょうか。 単にWebサイトを作成しただけでスマホ対応のページになることはありません。スマホやタブレットなど、パソコン以外のデバイスでページを見やすくするには、CSSを用いてレスポンシブ対応のサイトを作る必要があるのです。 この記事では、CSSを用いたレスポンシブ対応サイトの作り方を、ステップ形式でわかりやすく解説します。CSSでレスポンシブ対応する方法やレスポンシブ用のテンプレートも紹介するので、ぜひ参考にしてください。