Posts

WordPressのバージョン管理はSubversion で行われるのだが、なかなか慣れずに更新が億劫になってきたので、Githubで更新できるようにしてみた。 過去関連記事 Subversion (SVN) を使用し承認されたWordPressプラグインをリリースしてみる Github Actionを使用する 10up.comがWordPress.orgのプラグインリポジトリにデプロイするGitHub Actionsを公開してくれているので、それを活用させていただく。 Github リポジトリを作成する ディレクトリ構成 まずはいつも通りGithubのリポジトリを作成する。 本当にいつも通りで問題ないけれど、WordPressのスラッグのとリポジトリ名を揃えた方が後々ほんの少しだけ楽になる。 ディレクトリ構成は下記のようにする。 . ├── .wordpress-org │ ├── banner-772x250.png │ ├── icon-128x128.png │ └── screenshot-1.png ├── README.md ├── plugin-sample.php └── readme.txt .wordpress-orgにSVNリポジトリのassetsフォルダの中身をコピーする。 Github Action を作成する リポジトリのActionsへ行き、New workflow → set up a workflow yourself でYAMLファイルの作成画面に行く。 ファイル名はわかりやすい名前（ex:wordpress-plugin-deploy）を指定する。 次にaction-wordpress-plugin-deployページにあるExample Workflow Filesの内容をコピペする。 name: Deploy to WordPress.org on: push: tags: , "*" jobs: tag: name: New tag runs-on: ubuntu-latest steps: - uses: actions/checkout@master - name: Build # Remove or modify this step as needed run: | npm install npm run build - name: WordPress Plugin Deploy uses: 10up/action-wordpress-plugin-deploy@stable env: SVN_PASSWORD: ${{ secrets....

呼び出したいモジュールを作成する まずは利用するgreetingsモジュールを作成する。 go mod init example.com/greetings 上記を実行する。 go: creating new go.mod: module example.com/greetings というメッセ―ジとともに、go.modが作成される。 ちなみにコマンドに記入した`example.com‘はドメイン名ではGo ツールによってモジュールをダウンロードできるパスになるっぽいらしいけれど、よくわからない。 次にgreetings.goというファイルを作成し、 package greetings import "fmt" // Hello returns a greeting for the named person. func Hello(name string) string { // Return a greeting that embeds the name in a message. message := fmt.Sprintf("Hi, %v. Welcome!", name) return message } 上記のように記入する。 これでパッケージは作成できた。 mainのパッケージを作成する 次にこれを呼び出していく。 先ほど作成したgreetingsモジュールが格納されているフォルダと同階層にhelloフォルダを作成する <home>/ |-- greetings/ |-- hello/ 今までの通りモジュールを作成する。 go mod init hello ドメインは必須じゃないということだったので、省略してみたが、無事に作成することができた。...

インストール Go Download and installのページに行き、環境に適したものをインストールする。 インストールするとシステムが立ち上げるので、手順に沿って進めていく。 Finish後、Goがインストールされていることを確認する。 コマンドを開き、go versionを叩くとgo version go1.21.1 windows/amd64と表示された。 これでインストールされていることを確認できた。 Hello World 次にHelloWordを表示させる。 まずは任意の場所に適当なフォルダを作成する。 mkdir HelloWorldGo cd HelloWorldGo モジュールを作成する 次に、 go mod init example/hello 上記コマンドでモジュールの作成を行うのだが、 'go' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。 というエラーが出た。 Pathを調べてみるとしっかりと通っている。 ということで再起動をする。 再起動で、 go mod init example/hello go: creating new go.mod: module example/hello 無事に叩けるようになった。 上記コマンドで作成されたのは、go.modというファイルで、 module example/hello go 1.21.1 という記載がある。 調べてみるとこれは、依存関係のバージョン管理をするものらしい。 つまり、スクリプトを記述しないJavaScriptのpackage.jsonみたいなものらしい。 疑問点が解消されたので、次に行く。 Mainパッケージの作成 hello.goファイルを作成し、 package main import "fmt" func main() { fmt.Println("Hello, World!") } をと記述する。 go run ....

インストール ESLint まずはESLintを導入する npm install --save-dev eslint React Nativeには基本的に入っているという情報があったが、検索しても引っかからなかったので、上記コマンドでインストールした。 + "eslint": "^8.49.0", package.jsonを確認し、追加されたことを確認した。 Setting ESLint 次にESLintの設定をしていく。 npx eslint --init 上記コマンドで設定をスタートする。 You can also run this command directly using 'npm init @eslint/config'. Need to install the following packages: @eslint/create-config@0.4.6 Ok to proceed? (y) y まず、なんか追加でインストールしろと言われたのでインストールする。 その後、設定が始まる。 ? How would you like to use ESLint? (Use arrow keys) // ESLintをどのように利用しますか？ To check syntax only // 構文のみをチェック To check syntax and find problems // 構文をチェックし問題を見つける > To check syntax, find problems, and enforce code style // 構文をチェックし問題を見つけ、コードスタイルを強制します 文法をチェックするだけではなく、自動で修正までを行ってもらうことにした。...

React NativeでTailwind CSSを使用したいということで調べてみると下記２つが該当した。 tailwind-rnとnativewindの比較 tailwind-rn ☆4.1k nativewind ☆3k スターはtailwind-rnが上回っているけど、活動の多さではnativewindが上回っているようなので、nativewindを採用した。 nativewindの導入 ドキュメントも丁寧なのでなぞって行っていく。 npm i nativewind npm i --dev tailwindcss 上記コマンドで該当パッケージをインストールする。 npx tailwindcss init 次に上記コマンドでtailwind.config.jsを作成し、下記のように記載する。 // tailwind.config.js module.exports = { - content: [], + content: ["./App.{js,jsx,ts,tsx}", "./<custom directory>/**/*.{js,jsx,ts,tsx}"], theme: { extend: {}, }, plugins: [], } <custom directory>は自身のディレクトリに編集する。 次にbabel.config.jsを下記のように編集していく。 // babel.config.js module.exports = function (api) { api.cache(true); return { presets: ["babel-preset-expo"], + plugins: ["nativewind/babel"], }; }; 以上とのことなので、起動してみる。 無事に開発環境は動いている。 次にnativewindの記述を反映することができるか確認してみる。 <View style={styles.container}> <Text>Hello World!...