ITエンジニアのあしあと

5桁のzip codeをそのまま使って地図を作ろうとすると不明なzipcode(郵便番号)として認識され地図グラフを作成する事ができない。

↓米国のzip codeは5桁、日本は7桁

何もしないでzip codeから地理的役割 -> 郵便番号すると・・・

↓地図に何も表示されない><

ですので対応として、画面上部のメニューから場所の編集を選択し、

国を日本から米国に変更すると

米国（アメリカ合衆国 the United States）のzip codeとして認識され地図マッピングされます！

Seleniumでie11は安定して操作できないので、Powershellで操作する方がよいです。

ここに色々サンプルを用意してあります。

              # ie11を起動する
$ie = New-Object -ComObject InternetExplorer.Application
$ie.Visible  = $true
$ie.StatusBar  = $false
$ie.ToolBar  = $false
$ie.MenuBar  = $false
$ie.AddressBar = $true


# 画面サイズを最大化にする
$dll_info = '[DllImport("user32.dll")] public static extern bool ShowWindowAsync(IntPtr hWnd, int nCmdShow);'
Add-Type -MemberDefinition $dll_info -Name NativeMethods -Namespace Win32
[Win32.NativeMethods]::ShowWindowAsync($ie.HWND, 3) | Out-Null


# 画面を最前面に持ってくる
Add-Type -AssemblyName Microsoft.VisualBasic
$window_process = Get-Process -Name "iexplore" | ? {$_.MainWindowHandle -eq $ie.HWND}
[Microsoft.VisualBasic.Interaction]::AppActivate($window_process.ID) | Out-Null


# 指定したURLのページを開く
$ie.navigate('https://zutto-oreno-turn.com/')
while($ie.busy) {
  Start-Sleep -milliseconds 1000
}


# リロードする
$ie.Refresh()
while($ie.busy) {
  Start-Sleep -milliseconds 1000
}


# 画面キャプチャを取得する
Add-Type -AssemblyName System.Drawing, System.Windows.Forms
$jpegCodec = [Drawing.Imaging.ImageCodecInfo]::GetImageEncoders() | Where-Object { $_.FormatDescription -eq "JPEG" }
Start-Sleep -Milliseconds 250
[Windows.Forms.Sendkeys]::SendWait("%{PrtSc}")
Start-Sleep -Milliseconds 250


# キャプチャした画像を保存する
$bitmap = [Windows.Forms.Clipboard]::GetImage()
$ep = New-Object Drawing.Imaging.EncoderParameters
$ep.Param[0] = New-Object Drawing.Imaging.EncoderParameter ([System.Drawing.Imaging.Encoder]::Quality, [long]100)
$bitmap.Save($output, $jpegCodec, $ep)


# ie11のプロセスを再取得する
$shell = New-Object -ComObject Shell.Application
$ie = $shell.Windows() |
  Where-Object { $_.Name -eq "Internet Explorer" } |
  Select-Object -First 1

# CSSセレクタを使って要素を検索して取得しクリックする
function querySelectorForSingle($node, [string]$selector)
{
  [System.__ComObject].InvokeMember("querySelector", [System.Reflection.BindingFlags]::InvokeMethod, $null, $node, $selector)
}
$element = querySelectorForSingle $ie.Document "div[id='hoge']"
$element.click()


# 指定したx, y座標で指定した位置にある要素を取得してクリックする
$element = $ie.Document.elementFromPoint(100, 200)
$element.click()


# ieを閉じる
Stop-Process -Name iexplore
              
            

AWSを1年くらい前に解約した後に、ドメイン自動更新するので$39請求しますね。とメール案内が来たので驚いた。

サポートに問い合わせした所、仕様ですので無視して大丈夫ですという事でした。

無視してもいいとは思いますが心配な方は、解約した直後ならまだサインインできると思いますのでサインインできるならここで無効化し、

サインインできない状態ならここからサポートに連絡して確認するのがよいかと思います。

固定ページなどURLの中にindex.phpがあるのはカッコ悪いのでindex.phpがなくてもアクセスできるようにします。

              https://www.zutto-oreno-turn.com/wordpress/index.php/blank1
↓
https://zutto-oreno-turn.com/wordpress/blank1/
              
            

1. Apacheサーバーの設定ファイルを修正します。

              $ sudo vim /etc/httpd/conf/httpd.conf
<Directory "/var/www/html">
  AllowOverride None となっている所を、Allにします。
</Directory>

$ sudo systemctl restart httpd
              
            

2. WordPressの管理画面からパーマリンクを設定します。

3. index.phpがないURLでアクセスしてみる。

• TextMeshProの裏にImageオブジェクトのPrefabを重ねて表示します。
• Imageオブジェクトでなくてもよいのですが今回はImagePrefabを利用します。
• TextMeshProの位置、サイズを取得して、ImagePrefabに同じ値で設定します。
• TextMeshProとImagePrefabにCanvasコンポーネントを追加して、Override Sortingにチェックを入れて表示順を設定し、文字が前面にくるようにします。

              using TMPro;
using UnityEngine;
using UnityEngine.UI;
(略)

public class Hoge : MonoBehaviour
{
  public GameObject ParentPanel;
  public GameObject Text;
  public GameObject ImagePrefab;

  void Start()
  {
  // Textオブジェクトの各種情報を取得する。
  RectTransform textRectTransform = Text.GetComponent<RectTransform>();
  TextMeshProUGUI textMeshProUGUI = Text.GetComponentInChildren<TextMeshProUGUI>();
  Vector3 position = new Vector3(
    textRectTransform.localPosition.x, 
    textRectTransform.localPosition.y,
    0
  );

  // Imageオブジェクトを位置を指定して生成する。
  GameObject image = Instantiate(ImagePrefab, position, Quaternion.identity);
  image.transform.SetParent(ParentPanel.transform, false);

  // Imageオブジェクトのサイズを設定する。
  RectTransform imageRectTransform = image.GetComponent<RectTransform>();
  imageRectTransform.sizeDelta = new Vector2(
    textMeshProUGUI.preferredWidth,
    textMeshProUGUI.preferredHeight
  );
  }
}
              
            

Twitter APIにstatuses/user_timelineというAPIがあるのですが、このAPIのcreated_atがかなり独特なフォーマットで扱いづらい。npmパッケージのmomentを利用すると簡単に扱えるようになりますのでお勧めです。

“Fri Oct 09 00:31:27 +0000 2020” -> “2020/10/09 09:31:27″な感じで簡単に変換できます。

              var Twitter = require('twitter');
const moment = require("moment");

var client = new Twitter({
  consumer_key: '****',
  consumer_secret: '****',
  access_token_key: '****',
  access_token_secret: '****'
});

var params = {
  screen_name: 'realDonaldTrump',
  include_rts: false,
  tweet_mode: 'extended'
};

client.get('statuses/user_timeline', params, function (error, tweets, response) {
  if (error) {
  return;
  }
  tweets.forEach(tweet => {
  const before = moment(tweet.created_at, 'dd MMM DD HH:mm:ss ZZ YYYY', 'en');
  const after = before.format("YYYY/MM/DD HH:mm:ss");
  console.log(after);
  });
});
              
            

driver.actions()でactionを取得して、moveで座標を指定します。

              const webdriver = require('selenium-webdriver');
const chrome = require('selenium-webdriver/chrome');

let driver;

beforeAll(() => {
  driver = new webdriver.Builder()
  .withCapabilities(webdriver.Capabilities.chrome())
  .setChromeService(new chrome.ServiceBuilder('./drivers/windows/chromedriver.exe'))
  .build();
});

test('hoge', async () => {
  await driver.get('https://zutto-oreno-turn.com/');
  await driver.sleep(1000);

  const actions = driver.actions();
  actions.move({x: 0, y: 0}).click().perform();
  actions.move({x: 100, y: 0}).click().perform();

  expect(1).toBe(1);
});
              
            

フロントエンド・バックエンドにちなんだ記事を書いていこうかと思います。