Lycolog

検索条件

日付で絞り込み 2019年(1) 2020年(6) 2021年(36) 2022年(8) 2023年(20) 2024年(24) 2025年(2)

全97件 (17/20ページ) 一覧表示に切り替え記事本文を表示

お知らせ

現在サイトのリニューアル作業中のため、全体的にページの表示が乱れています。

HTML上の添付ファイル取得とダウンロードをJSでやる

投稿日：: 2021/04/01

言語::JavaScript言語::HTML

JavaScriptで添付ファイルを拾うのと、ファイルを落とす処理のサンプルコード

<html>
<head>
  <meta charset='utf-8'>
  <title>js file up/dl example</title>
  <script>
    window.onload = () => {
      const fr = new FileReader();
      const el = document.getElementById("test");

      fr.onload = (ev) => {
        const dl = document.createElement('a');
        dl.setAttribute('href', ev.target.result);
        dl.setAttribute('download', el.files[0].name);
        dl.style.display = 'none';
        document.body.appendChild(dl);
        dl.click();
        document.body.removeChild(dl);
      };

      el.onchange = () => {
        fr.readAsDataURL(el.files[0]);
      };
    };
  </script>
</head>
<body>
  <input type="file" id="test"></input>
</body>
</html>

コメント（0件）

Windows + nginxでPHPを動作させる

投稿日：: 2021/03/23

OS::Windowsミドルウェア::HTTPD::nginx言語::PHP

確認環境

Env	Ver
Windows	10 pro
PHP	8.0.2 NTS Visual C++ 2019 x64
nginx	1.19.8

手順

nginx.confを開きFastCGI server listening on 127.0.0.1:9000辺りに次の設定をする

location ~ \.php$ {
    root           html;
    fastcgi_pass   127.0.0.1:9000;
    fastcgi_index  index.php;
    fastcgi_param  SCRIPT_FILENAME  C:/nginx/html/$fastcgi_script_name;
    include        fastcgi_params;
}

設定したフォルダに.phpファイルを配置
nginxを起動
php-cgi.exe -b 127.0.0.1:9000
.phpファイルにアクセス

サービス化する

winswを使うとできるらしい

コメント（0件）

React + TS + Jestでカスタムフックのテストをする

投稿日：: 2021/03/14

言語::TypeScriptライブラリ::ReactNode.js::Jest開発::テスト

フックを単体でテストするケースを想定。

このパターンはコンポーネントからフックを切り離しているケースで有用。手法としては@testing-library/react-hooksのrenderHook()を使う。

例

カスタムフック

export const useUserForm = () => {
  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');

  const onChangeUserName = (ev: string) => {
    setUsername(ev);
  };
  const onChangePassword = (ev: string) => {
    setPassword(ev);
  };

  return {
    username,
    password,
    onChangeUserName,
    onChangePassword,
  };
};

テストコード

it('onChangeUserName で username が設定されること', () => {
  // `renderHook` で Hook をレンダリング
  const { result } = renderHook(() => useUserForm());
  // `act()` で Hook のイベントを叩く
  act(() => result.current.onChangeUserName('foo'));
  // 結果を見る
  expect(result.current.username).toBe('foo');
});

コメント（0件）

Rx.NETでWindows Formを操作するサンプル

投稿日：: 2021/03/12

言語::C#.NET

System.ReactiveをNuGetから入れる
this.ticker= Observable.Interval(new TimeSpan(0, 0, 15));でObserverを作る

this.ticker.Subscribe(
    (item) => {
        // 任意のコントロールを操作する例
        // this.Invokeでコントロールを操作するメソッドを呼び出すと実現できる
        this.Invoke(
            (MethodInvoker)(delegate () {
                // ここに処理
            })
        );
    }
);

どうでもいいけどRx.NETってちゃんとしたリファレンスなくね？

コメント（0件）

VSCodeでXdebugからの余計な例外を無視する

投稿日：: 2021/03/10

ソフトウェア::VSCode言語::PHP::Xdebug

余計な例外を投げてくるのが面倒なのでそれを無視できるように

確認環境

Env	Ver
PHP	7.1.3
Xdebug	2.9.4
VSCode	1.48.0

内容

"ignore"セクションを追加してそこに書いたファイルから出た例外は無視される

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for Xdebug",
            "type": "php",
            "request": "launch",
            "port": 9001,
            "ignore": [
                "**/vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php"
            ]
        }
    ]
}

コメント（0件）