インフィード動画広告とは インフィード動画広告は、1個の画像サムネイル、1行の広告見出し、最大 2 行（広告の表示場所によって異なる）のテキストで構成されるフォーマットです。 ユーザーがサムネイルをクリックまたはタップすると、その広告のYouTube 動画再生ページが表示されます（YouTubeチャンネルを表示させることも可能）。 掲載面は？ 掲載面としては以下です。 YouTube検索結果：パソコンと YouTube アプリで、ユーザーの検索結果の上部に表示されます。 YouTube の「次のおすすめ」：動画再生ページで表示される関連動画の上部または間に表示されます。 パソコンでは、メインの動画の横に関連動画とともに、モバイルでは、メインの動画の下に関連動画とともに表示されます。 YouTube ホームフィード YouTube アプリのホームフィードにおいて、フィードの最上部（マストヘッ

何回か『GASでWebアプリ｢映画鑑賞記録｣を作る』をテーマに投稿して来ましたが、後から確認したい事が出てきた時に、直ぐに知りたい記事に辿り着けない事に気が付きました。 なので、今回、索引を作ってみました。 Vue.js Vue.js の導入 フィルタ（filtersオプション）を使う 日付の変換 はい・いいえの変換 ダイアログボックスの表示 プルダウンリストの表示 Datepicker（「vuejs-datepicker」）の表示 ラジオボタンの表示 「vue-select」（高機能なプルダウンリスト）の表示 Element UI Element UIの導入 Rateの使用 表示項目 入力項目 Bootstrap Bootstrap の導入 ダイアログボックスの表示 一覧表示とダイアログボックスのデータ連携 一覧表で１行毎に背景色を変える スタイルシートの指定 classの指定　<tab

はい、今回はみんな大好き（大嫌い）SIerについての話である。 デジタル庁の動きに駆動されて、日本で何度目かの内製推進が盛り上がろうとしている。 日本のITシステム開発がうまく行かない原因としてしばしば挙げられるのが、ユーザサイド（非IT産業）にエンジニアやプログラマなどのIT人材が不足しているというものだ。確かに、日本が欧米と比較してIT企業にIT人材を集中的に配置しているのは事実である。 こうしたIT人材の偏りによって、アジリティの高い開発ができない、CI/CDやDevOpsが進まない、というのは当たっているし、ユーザ企業も自らIT人材を雇用して内製を進めるべきだ、という議論にはもう十年以上の歴史がある（筆者が追えていないだけでもっと古いかもしれない）。 この時、悪玉として批判にさらされるのが、今回の主役であるSIerという存在である。日本における内製推進は、しばしばSIer批判とセッ

このタイトルで伝わると思えないのだけれど、なんて表現したらいいのかわからない... 前提 データポータルで可視化したい データソースがGoogleスプレッドシート 時系列に変化の推移を表現したい やりたいこと 2019年が終わろうとしています。この時期に「1年のまとめ」みたいのするじゃないですか。 その際に、例えばこういうスプレッドシートの表があったとします。 ↓ こんな感じでグラフ化したくなるじゃないですか。データポータルで。 データポータルをよく知らない人はこちらをどうぞ！ Googleデータポータルを使ってデータを可視化する (非エンジニア向けレクチャ) -その1 - Qiita Googleデータポータルを使ってデータを可視化する (非エンジニア向けレクチャ) -その2 - Qiita このままだと上手くいかない例 のシートをそのままデータポータルとつなぐと、フィールド設定が下記の

「ファイル・フォルダ名を一括で変更する機能」とか、標準装備で良いじゃん！ Microsoft謹製、Windowsの作業効率をアップさせる「PowerToys」というソフトの紹介・解説です。 記事のベースと画像はバージョンは0.27.1。執筆時現在は0.29.3が最新版ですが、内容はバグの修正と日本語化なので機能面の差異はなし。 PowerToysとは？ PowerToysは、Microsoftがオープンソースで開発中のソフト。元々Windowsに搭載するつもりだったが搭載されなかった利便性向上機能を複数提供するもの。 元々Windows 95時代から名前が続いているソフト。Windows XPまで提供が続けられていました。Vista以降は提供されていませんでしたが、2019年5月にWindows 10向けにオープンソースとして提供を再開しています。 各機能の詳細 FancyZones（複数

こういうシートをシフト用に作成したGoogle Calendarに反映することを想定しました。 手順 Googleのユーザの持っているデフォルトのカレンダーは使わず シフト管理用のCalendarを新規に作成 メニューを作成する シートに書いたシフト表をCalendarに同期 Calendarからシフト表に反映する シートは管理用に、Calendarはシフト調整される人の入力・表示用です。 シフト管理用のCalendarを新規に作成 カレンダー名を入力し、カレンダーを作成ボタンで作成します。 カレンダーを作成したら、カレンダーIDをメモります。 メニューを作成する onOpenなどの特定のシートだけで実行できるトリガーは シートに紐づけ(bound)されたスクリプトにする必要があります。 ツール > スクリプト エディタからスクリプトエディタを起動します。 const CALENDAR_S

最近話題のVercelを試してみました。競合のNetlifyと同様に、ビルドとホスティング他をまとめてやってくれます。Netlifyと比べて1人で開発をするならほぼフル機能が使えますし、無料プランのままでも100回/日までデプロイできるのが利点です。 前提 Next.jsと親和性の高いVercelですが、今回アプリはGatsby + Contentfulで構築しています。 詳しくは過去に書いた記事がありますので、下記の「1. Contentfulの準備」「2. Gatsbyアプリの立ち上げ」を参考にしてください。 CircleCI × Contentful × S3で作るJamstackなブログ環境。 また、Githubリポジトリを作成し、masterにソースコードをプッシュしておきます。 Vercelにアプリをデプロイする https://vercel.comにアクセスし、「Sta

Web サービス Vercel（バーセル）についてまとめています。 2020年 ZEIT Now が Vercel に変わりました。 ▲ ZEIT is now Vercel | Vercel Blog ドメインも一新し、公式 Web サイト zeit.co は vercel.com に変わり、 一般ユーザー向けのサブドメイン now.sh も vercel.app に変更されています。 CLI も now から vercel へ変更されています。 How do you pronounce “Vercel”? #5340 | GitHub vercel/vercel Discussions 「Vercel」の正しい読みは…… したがって日本語読み・カタカナ表記は「バーセル」となります。 目次公式・関連サイト▲ Vercel ログインしている場合は Overview 表示Docs ドキュメン

AppSheetの基本機能を使い、検温結果を登録・履歴照会するアプリの作り方を説明しています。 これを読めばAppSheetの使い方や開発の流れがわかること間違いなし！

自己紹介はじめまして。都内近郊で基幹系システムの開発や保守を担当しているエンジニアのカカトと申します。 年齢はキン消しやビックリマンチョコのシールが小学生のときに流行っていた世代ですのでそこそこいってます。 そのせいか、最近記憶力が低下しており、新しい仕組みやプログラミング言語が若いころに比べるとすんなり頭に入ってこないです。 特記できるような肩書や実績はないので、自己紹介はこのくらいにして。 ノーコード開発、賑わってきてますね。 私も以前とある開発ツールを使った際、普通にコーディングしたら数カ月かかるシステムが一人で一カ月弱で開発できたこともあり、それ以来ノーコード（ローコード）開発手法やツールの動向に注目していました。 様々な開発ツールがローンチされている中で、2020年は以下２つのニュースはローコード開発界隈に大きなインパクトを与えたのではないでしょうか。 Google による ノー

Windows 10のPCを使っているけど動作が重たい、そんな場合は設定を見直したり、フリーソフトを使うことで高速化できます。 動作が重い原因とともに高速化する方法を20個ご紹介します。ご自身に合った方法でWindows 10を快適にしましょう。 Windows 10の動作環境 Windows 10を動作させるには以下の要件を満たしていることが必要です。満たしていない場合は新しいPCの購入を検討ください。 32ビット版 64ビット版

昨日、ほぼ1日 Atom Z8350を搭載するWindows 10 パソコンを使用していたのですが、やはり上位のパソコンと比較すると動作がもっさりとしており、CPU使用率も頻繁に100%となっています。そこで、可能な限り使用頻度の低い、あるいは負荷の高い設定などをオフにしてみると、ほどほどに快適化・高速化できましたので、その設定を記載します。 なお、今後 Windows 10のアップデートによって設定が変更となることがありますが、Windows 10 Homeのバージョン 1803で確認したものです。

米ハーバード大が無償公開しているプログラミング入門講座を日本語に訳したWebサイト「CS50.jp」が公開された。プログラミング教育ベンチャーのLABOTが、「コロナ禍などで大学のキャンパスの環境が不安定になる中、多くの学ぶ意欲がある学生に、良質な教材に母語でアクセスしてほしい」と翻訳作業を進めてきたという。 公開したのは、ハーバード大コンピューターサイエンス学部のデビッド・J・マラン教授が、無料オンライン教育サービス「edX」で公開している人気講座「CS50」のうち、コンピュータサイエンス入門と、Python・JavaScriptを使ったプログラミング講座を日本語訳したもの。YouTubeの英語教材とあわせ、日本語のテキストで学べる。 CS50は、非営利で再配布・改変可能なクリエイティブ・コモンズライセンス（CC BY-NC-SA 4.0）で公開されており、非営利なら改編や再配布が可能だ

「map」の使い方 この章では、「map」メソッドの基本的な使い方について見ていきましょう！　主に、map()の構文や繰り返し処理の方法、およびforEachとの違いについて学んでいきいます。 「map」の構文について それでは、「map」の基本的な使い方から学習を進めていきましょう！ まずは、一般的な構文を見てください。 var array = [ 配列データ ]; array.map( コールバック関数 ); 「map」は配列データに使うメソッドであり、各要素1つずつに対して「コールバック関数」を実行し、その結果を新しい配列として返すことが出来るようになっています。つまり、この関数内に実行したい処理を書いておくことで、配列の各要素に対して好きな操作をすることが出来るというわけです！ 配列を繰り返し処理する方法 基本的な機能に触れたところで、実際に「map」を使った事例を見てみましょう！

スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール＆設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版で「開発元が未確認のため開けません」が出た方へ https://support.apple.com/ja-jp/guide/mac-help/mh40616/mac を参考に、アプリケーションをセキュ

カカト@ノーコード開発推し です。 引き続き、AppSheetを使い在庫管理アプリを作っていきます。 前回は、AppSheetの関数を使いデータ登録時の重複チェックを実装しました。今回も関数を利用し、在庫の登録機能を作っていきたいと思います。 ゴールとして以下の２機能をつけてみます。 １．カテゴリと商品のコンボボックスを連動させる カテゴリを選択した際、そのカテゴリ内の商品のみを表示させる （いわゆる依存型のドロップダウンリスト） ２．在庫数 ｘ 単価 で金額を自動計算させ、画面に表示するそれでは早速作っていきましょう。 事前準備在庫テーブルのカラム設定と、一覧画面をサクッと作ります。 「Data」→「Tables」より在庫テーブルを追加し、Columnsより列の設定をします。 とりあえず、以下のようにTypeを設定しましょう。 "商品"、"カテゴリ列"は自動的に「Ref」Typeになると

久しぶりのブログになってしまった...こんにちは,野球データサイエンティストです.*1 最近はちゃんとワールドシリーズや日本シリーズを観る余裕ができて野球好きらしい生活できてます.*2 今日は野球の話...ではなく,最近読んだPython本で感動した書籍があるので紹介&簡単な書評を記したいと思います. 今年（2017）の4月に発行された「Pythonではじめるデータラングリング」という書籍です. www.oreilly.co.jp Pythonではじめるデータラングリング ―データの入手、準備、分析、プレゼンテーション 作者: Jacqueline Kazil,Katharine Jarmul,嶋田健志,長尾高弘出版社/メーカー: オライリージャパン発売日: 2017/04/26メディア: 単行本（ソフトカバー）この商品を含むブログを見る 誕生日プレゼントとして友人*3から頂きました,誠に

UIデザインやワイヤーフレームの作成に便利なデザインツールがほしいと思ったことはありませんか？Adobe XDやSketchなどがメジャーなところですが、他にもインターフェースがわかりやすく、操作性と利便性の高いツールがいくつかあります。 今回紹介する「Figma（フィグマ）」は、それらに引けを取らず、さらに便利な機能も備えたツールです。Figmaがどのように役立つものなのか、使い方を初心者にもわかりやすいようにシンプルにまとめました。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 Figma（フィグマ）と