YEAR

2021年

Viteでレガシー(IE11)の変換をしてみる

おはようございます。としあきです。 JavascriptのビルドツールであるViteを使ってみました。 従来のビルドツールで、webpack, parcel等を使ってみましたが、最新版でIE11に対応するのが非常に難しいです。どうしても一部ES6以上のコードが残ってしまいます。 ViteではIE11対応もできるらしいので試しました。 Viteとは Vue.jsの作者であるEvan Youが開発した […]

SubversionからGitへの移行

こんにちは、としあきです。 開発や他の人とファイル共有をしているとバージョン管理システムは必須です。長らくSubversionも使っていますが、Gitの方が現在は利用者も多く、開発でやりたいことも多く実現できるため、できるだけGitに移行しています。 SubversionからGitへの移行をやってみました。 SubversionからGitへの移行手順 ディレクトリ構成は以下とします。 ディレクトリ […]

React17+TypeScriptでaxiosを使用しIE11にも対応させる(Parcel使用)

こんにちは。としあきです。 前回React17でaxiosを使用してIE11にも対応させる記事を書きました。 今回はReact17+TypeScriptで同様のことを実現してみました。 ある程度のボリュームの開発になるとTypeScriptで記述して型チェックをした方が開発しやすいと思います。 Parcelを使用する Parcelのインストール yarnを実行できるものとします。 これで完了。 ラ […]

WordPressでMarkdown記述を行う(Gutenberg版)

おはようございます、としあきです。 今回はGutenbergエディタでどうすればいいかをまとめました。 Markdown記述方法 Gutenbergの場合、最初からMarkdown記述をサポートしています。 特に準備は要らず、とても簡単に利用できます。 別のエディタ(Notionなど)で記載しておいて、コピー貼り付けでそのままMarkdownとして貼り付けできるのでとても便利です。 見出しは1段階 […]

React17でaxiosを使用しIE11にも対応させる(Parcel使用)

こんにちは、としあきです。 2021年6月時点の私調べです。 React17でIE11に対応させようとして詰まってしまいました。 要件としてはaxiosを使って非同期読み込みを行うアプリケーションです。 Webpackの設定をいじって試していましたが、まるで動かない。 インターネットの情報を漁っても、古い情報と新しい情報が入り混じって何が正しいのかさっぱりわかりませんでした。 Webpack以外の […]

JavaScriptで改行を含むデータの処理

おはよう。としあきです。 JavaScriptでテキストファイルを読み込んでサーバー側で保存するプログラムを作っていました。 改行コードの処理で悩んだので、実際どのように改行が扱われるかを説明します。 改行コードの扱われ方 今回サーバーがWindowsなのでテキストファイルはCRLF改行とします。 ブラウザ上でTextareaを使う場合、全てLF改行として扱われます。 そして送信結果はCRLF改行 […]

Cloud9の開発環境構築

こんにちは、としあきです。 AWS Cloud9での開発環境構築をやってみました。 サーバーインスタンスはEC2、新規構築でやります。 Cloud9の環境作成 Cloud9のサイトにアクセスします。 https://aws.amazon.com/jp/cloud9/ ログイン後の画面。 [Create environment]を押してしまいそうだけど、ちょっと待って。右上のリージョンをまず選択しま […]

iPadでも使えるWebIDE開発環境を探してみる

ハロー、としあきです。 iPad単体での開発ができないものか模索してみました。 大きく分ければiPad単体で動作するものと、ブラウザがあれば動作するもの(WebIDE)の2種類あります。 今のところ本格的な開発ができるiPad単体のアプリが見当たらないため、WebIDEで絞っています。 iPadの環境 iPad Pro 12.9inch(第5世代) Magic Keyboard(2021) Cod […]

iPad Pro 12.9inch(2021)が届きました

こんにちは、としあきです。 注文していたiPad Proがついに我が家に届きました。 スペック スペックは以下の通り。 CPU Apple M1 Memory 16GB 画面サイズ 12.9inch ディスプレイ Liquid Retina XDR 記憶容量 1TB Interface Thunderbolt3/USB4 ネットワーク接続 Wifi 主なスペック一覧 なんといっても最新のMacに使 […]

JSONデータを検索する(jqコマンド)

こんにちは、としあきです。 配列になっているJSONデータからデータを検索したい場合、どうすればいいでしょうか? 調べてみるとgnu系コマンドでjqというコマンドがありました。 Macにjqコマンドをインストール masOSだとhomebrewでインストールできます。 何やらエラーが発生しました。 macOSアップデート後に発生するもののようです。 xcodeをインストールすれば良いようです。 ダ […]

Close Bitnami banner
Bitnami