今回はWordPressのREST APIでアイキャッチ画像の情報を取得します。 やり方は大きく2つ。 画像情報取得にもREST APIを使うか、前回の記事同様に記事のAPIにアイキャッチの情報を追加してしまうか、です。 両方紹介します。 APIを利用してアイキャッチを取得 実は投稿(post)のREST APIには最初からアイキャッチのデータが含まれています。 「投稿」のスキーマにある「featured_media」という項目です。 ここにはアイキャッチに設定されたメディアのIDが入っています。 REST APIを利用するフレームワーク(WordPressでないもの)側からはWordPressでのIDなんか渡されてもどうしようもないんですが、これを利用して今度は「メディア」のAPIを叩くとアイキャッチ画像の情報が取得できます。 「メディア」のAPIへアクセス REST APIのドキュメン

「The Model」（ザ・モデル）とは、マーケティングから営業、カスタマーサクセスに至るまでの情報を可視化・数値化し、営業効率の最大化を図る、 セールスフォース・ジャパンで活用されてきた営業プロセスモデルです。「The Model」の概念から仕組み、運用のポイントまで、要点を押さえて分かりやすく解説します。 また、セールスフォースにて実践し磨き上げてきたThe ModelのベストプラクティスをSaaS ビジネス成功の基礎「The Model」に動画としてまとめています。部署内共有にぜひご活用ください。

一貫して業務アプリケーションの営業（購買、会計、人事労務、給与）に従事。freee 株式会社では内勤営業の社内受注ギネス記録を更新。Magic Moment では上場企業様の Sales/Marketing 領域のツール/オペレーションの改善に取り組む。 Product Led Growth（PLG）は「プロダクトがプロダクトを売る状態（Product sells itself）」を目指す戦略を指す。PLG の本質を理解するための4つの柱として、Product、Marketing、Pricing、Sales が挙げられる。PLG の営業活動では、セールスチームがユーザーがサインアップした後に活動し、プロダクトの利用率とタイミングに応じたアップセル提案を仕掛ける。 Product-Led Growth（プロダクトレッドグロース：PLG）とは、OpenView（米ベンチャーキャピタル）が提唱し

こんにちは、業務自動化ツール開発担当の吉池（@valmore_myoshi）です。 メール本文をスプレッドシートに自動で転記したいときはありませんか？ 例えば、お問い合わせフォームからメール通知されたお問い合わせ内容をスプレッドシートで管理する場合などなど。 メール本文から氏名や会社名、お問い合わせ内容を１件ずつコピペするのも手間がかかります。処理するメールが多ければなおさらです。 そんなときはGoogle Apps Scriptを使って自動化しましょう。本記事ではGmailから特定のメール一覧を抽出し、メール本文をスプレッドシートに転記する方法を解説します。 手順に沿って頂ければ簡単にプログラムが完成するので、ぜひお試しください。 自動化する作業手順 本記事では下記のメール本文を例として取り上げ、「差出人」「会社名」「メールアドレス」「電話番号」をスプレッドシートに転記する作業を自動化し

Together,we venture into the uncharted territories. 新規事業立ち上げから、 企業価値最大化を目指して。 株式会社Initial Site(イニシャルサイト)は、自社での新規事業開発、グループ企業や子会社向けに、経理のアウトソーシングや経営・集客コンサルティング、リクルーティング、サーバ運用、システム開発、運用などのサービスを提供し、企業価値を最大化することを目指しています。

自由で楽しい社風を心掛けています。 しかし、決して楽な会社ではありません。 自分で考え、工夫し、あきらめずにやり遂げる、ベンチャースピリットを持った人材を待っています。

Gmailに届いたメールから正規表現でデータを取得するスクリプトを作成しました。 データを取り出すことはできましたので、あとはスプレッドシートに蓄積していく処理が必要ですね。 とうことで、今回はGoogle Apps Scriptでメールで取得したデータをスプレッドシートに蓄積する方法をお伝えします。 では、行ってみましょう！ 前回のおさらいと今回のお題 まずは前回のおさらいから。 作成したスクリプトはコチラでした。 function myFunction() { const fetchData = (str, pre, suf) => { const reg = new RegExp(pre + '.*?' + suf, 'g'); const data = str.match(reg)[0] .replace(pre, '') .replace(suf, ''); return dat

正規表現とは何か 正規表現…なんか、プログラミングっぽくない名称ですが、簡単にいうと文字列のパターンを表現するための手法のことです。 例えば、Excelではアスタリスク(*)を使って「東京都*」とすれば、「東京都ではじまる任意の文字列」という「パターン」を表すことになります。 正規表現はもっと色々な文字（メタ文字といいます）を使って様々なパターンを表現することができる表現方法です。 そして、Google Apps Scriptをはじめ、多くのプログラミング言語では、この正規表現を使って文字列の検索や置換などをすることができるというわけです。 ちなみに、英語では「Regular Expression」といいます。 とっても簡単な正規表現による抽出の例 では、簡単な例を一つ。 まず、以下のような文字列を用意します。 const str = '名前：鈴木r年齢：30才'; rは「復帰」を表す文字

programmer work with Developing programming and coding technologies. Programmer working with software on many computer on the table in office. concept Website design Desktop Computer Stock photos by Vecteezy みなさん、こんにちは！ そーちゃん(@black777cat)です。 今回はGASで個人的によく使う正規表現2つの紹介です｡ タグなどの間に挟まれた文字列のみを取得する function code_01(){ const text = '<a href= "https://www.amazon.jp/hz/wishlist/ls/1Z0X9ZM1D65A7" >欲しい物リスト</a

運用中のスクリプトで対応が必要だったのでメモ… function replaceBreak(data){ var br = /[\r\n]+/g; //改行 var rep = ""; //置換文字列 return data.replace(br,rep); } 文字列を渡すと改行を削除したデータを返すだけのシンプルなものです。

var、let、constとは JavaScriptでは、変数や定数（以下、まとめて「変数」と表記します）を使う際、変数名を宣言することが推奨されています。 var、let、constとはすべてJavaScriptで変数を宣言する際に使うキーワードです。 たとえば、以下のように記述することで変数を宣言できます。 var techacademy = 'テックアカデミー'; let techacademy = 'テックアカデミー'; const techacademy = 'テックアカデミー'; let、constは新しい記法 3つの宣言キーワード内のletとconstは、ECMAScript2015から採用された宣言方法のキーワードです。 ECMAScript2015（エクマスクリプト）とは、JavaScriptの標準仕様です。 現在では、国際団体で標準化されたうえでGoogle Chrom

Googleスプレッドシートでデータが格納されているシートの最終行を、Google Apps Script(GAS)で取得する方法を解説します。 シート内にある全てのデータを処理する場合に、GASのgetLastRowメソッドが便利です。 スプレッドシートの最終行を取得・GAS処理Google Apps Script(GAS) でスプレッドシートの処理を行う場合、シート内のデータを全て取得したいケースが発生します。 シート内の全てのデータを取得した上で集計を行う処理や、全行に対して行う処理などです。 その場合、シートの最終行を取得することで全データに対して処理が可能になります。 Google Apps Script(GAS) のgetLastRowメソッドスプレッドシートの最終行を取得するGoogle Apps Script(GAS)の方法として、getLastRowメソッドが用意されてい

「スライダーを実装したい！」「でも何を使えばいいの？」という方に朗報です。 この記事ではスライダーを作成するプラグイン「slick」の設定方法から使い方、カスタマイズまでをしっかりばっちり説明していきます。 slickを使えばデザイナーやディレクターの要望にばっちり応えられること間違いなし！（かもしれません。） slick（スリック）とはslickはjQueryベースの、スライダーを作成するためのプラグインです。レスポンシブにも対応し、IE8以上のブラウザであれば完全対応で、カスタマイズの幅も広いため、世界的に利用されています。 また、商用の利用もOK（※ちょっぴり条件があります）なので我々のような制作会社で導入するのにも安心です。 ※slickはMITライセンスというライセンスの中でトップクラスに緩い制限のライセンスを採用しています。MITライセンスはざっくりいうと「このソフトウェアは誰

HTMLには、テーブル（表）を作成するためのTABLEタグがありますよね。 テーブルをPCで見る場合は、大抵ウィンドウに十分な幅があったり、ブラウザの幅をある程度まで縮めた場合に画面全体が横スクロールできるようになったりするため、テーブル自体が伸縮することはあまりありません（デザインによっては伸縮するものは勿論あります）。 対してスマートフォンの場合は画面幅が狭いため、画面からはみ出してしまったり、わずか数文字で折り返されてしまうこともあり、非常に見にくくなってしまいます。 今回は、テーブルをレスポンシブ対応するための工夫をご紹介します。 ①PCと同じレイアウトにする テーブルの行数、列数、文字数によっては、PCと同じレイアウトでも問題なく表示される場合があります。そういった場合は特別な対応をする必要はありません。 工夫するとすれば、テーブル内のpaddingをPCより控えめにすることで、

2018.06.28 新プランの Places API を調べてみました みなさん、こんにちは。 新プラン Google Maps Platform の中で、 Places API の価格体系は、非常に細かく分類されていますね。正直、”何が違うんや” と言いたくなるほどです。 ということで、調べてみました。 まず、新しい Places API のドキュメントがどこにあるのか探すのに苦労しましたが、ありました。 以下は、JavaScript API から使う Places Library のドキュメントです。 https://developers.google.com/maps/documentation/javascript/places ちなみに、WEBサービス版の Places API のドキュメントは、まだ見つかっておりません。 JSライブラリのロード 新機能を試すためには、jsのバ

まずは、ライブラリの画面に表示されているMaps JavaScript APIを選択します。（下記の画面に表示されていない場合は、画面上部の検索フォームから探しましょう。） 「有効にする」を押します。これで「Maps JavaScript API」を有効化できました。 有効化した後は下記の画面に移動しますので、その他のAPI内に存在する「Geocoding API」をクリックします。 「有効にする」を押します。これでTCDテーマのデザインされたGoogleマップを表示するのに必要な2つのAPIを有効化できました。 念のため、最後に2つのAPIキーが有効化されているか確認しましょう。有効化されたAPIキーは「有効なAPI」の一覧に表示されます。 他に利用したいAPIがある場合は前の手順を繰り返しましょう。 APIキーの作成 次は先程有効化したAPIをサイトと連動させるために必要なAPIキーを

Preprosでできること(一部抜粋) 1. Sass（それ以外にもLess、Stylus、Pug/Jade、Haml、Slim、CoffeeScript、TypeScript）をコンパイル可能2. エラーログを詳細に、見やすく出力3. HTTP&HTTPSサーバーが内蔵されており、WordPressやShopify、MAMPなどの外部サービスとも連携可能4. モバイル端末で簡単にページをプレビューできる5. ブラウザと同期可能6. CSSやJSの圧縮・画像の最適化が可能7. JavaScriptファイルの連結 プロジェクトごとに適した設定を行って共有しよう！実案件では１つの案件に複数人の人が関わることが多いですよね。 その際に、プロジェクトごとに適した設定を行うことで、各人が同じ設定のもと作業を行うのでGitで管理していた場合、衝突がおきにくいなど一貫性が保たれるというわけです。 その設