テンプレートエンジン Edge.jsを使うときの手引きまとめ

Pug,EJSなどのテンプレートエンジンの一つであるEdge.js を使う時に見たドキュメントやはまったポイントなどをまとめていきます。

Edge.jsの導入時に読んだ記事

フロントエンドでテンプレートエンジン Edge.js を使う | Hypertext Candy

Edge.jsの簡単な説明や挙動を詳しく説明してある記事です。Edge.jsの特徴?でもあるレイアウト機能について解説があり、package.json や gulpfileのサンプル、ディレクトリ階層の説明も優しくされているのでわかりやすく導入が時短できました。
一度、目を通しておくとわかりやすいです。

Integrating edge.js with IntelliJ IDEA – Stack Overflow

IDEであるIntelli J で利用する時にプラグインが見つからなく、シンタックスハイライトを適用できなかったので調べて見つけたものです。
簡単に要約すると後述のとおりです。

Edge.jsは、Laravelで使用されているBladeテンプレートエンジンに似てるので、IntelliJ IDEAにBladeプラグインをインストールしBladeのファイルタイプに.edge拡張子を追加する必要があります。

Integrating edge.js with IntelliJ IDEA – Stack Overflow : https://stackoverflow.com/questions/51621332/integrating-edge-js-with-intellij-idea

Intelli J のプラグインインストールから “Blade Support” をインストールして再起動し、設定からeditor > File Types > Blade で拡張子に*.edgeを追加しました。

Edge.js

公式ドキュメント、公式GitHubページっぽい。


エストニア法人の登記・e-Residencyを取得のまとめ

法人化に向けて色々調べてまして、夫婦アドレスホッパーとして世界中とびまわることを考えると法人登記の場所とか申告のことを考えるとオンラインですべて完結できるエストニア法人という選択肢がでてきました。

登記の費用が安いこともそうですが、手続きがオンラインで全て済むことがすごく重要だと思っており現在詳細を調べています。

おそらく一番の問題となるのは課税方法でして参考リンクにある所得に対する租税に関する二重課税の除去並びに脱税及び租税回避の防止のための日本国とエストニア共和国との間の条約を見ると、二重課税はされないようです。

しかし「どのように申告や支払いをするのか」という疑問が新たに生まれ、申告の手続きが複雑になってしまうようならば本末転倒だと思い詳しい情報を探しています。

参考リンク

エストニアの仮想住民と税金の仕組みを解説 – カタパルトスープレックス

個人税・法人税について詳しく書いてある

所得に対する租税に関する二重課税の除去並びに脱税及び租税回避の防止のための日本国とエストニア共和国との間の条約 | 外務省

外務省の二重課税についてのとりまとめ

e-Residencyの取得を検討しているなら、まず最初に読んでほしい記事 – E-Residency Blog, E-residentsuse blogi – Medium

e-Residencyについてのまとめ

ESTLANDING | エストニアでの会社設立をサポート

設立と口座開設などのサポート会社。パッケージで2980€

「月間1000万PVのWebメディアで 実践するキーワード戦略と流入の増やし方」の資料

Tokyo WordPress Meetup 2月勉強会 ブログやWebメディアの話をしよう! @ 東京都市大学 二子玉川 夢キャンパス – Tokyo WordPress Meetup(旧 WordBench 東京) | Doorkeeper で登壇した資料を公開したよ!

来週末のWordCamp Hanedaでも同じようにデジタルマーケティング、webマーケティングのことについて登壇するのでそちらもきてね!

その後は来月のWordPress Zoomup というオンライン勉強会で90分使って講演&質疑応答をするのが決まっているので詳細が決まり次第発信します。

ちゃんと登壇資料とか登壇実績とか載せたい…。

SVGアニメーションを実装する時の手引き

イラレのSVGデータから線をなぞったようなアニメーションを実装するときに調べたものと手順を記載します。

See the Pen MRWeBK by Susumu Seino (@susumu) on CodePen.0

vivusというSVGアニメーションが簡単に実装できるライブラリを利用しますまずは描写に使うSVGをイラレを使いコードを書き出し、不要なタグを削除します。上記のサンプルのようにCDNでvivus.jsを読み込んだら最下部に動作用のJSを書き描写が終わったらCSSでafter-fillクラスを付与し、ゆっくり最後の塗りを表現します。気が向いたらあとでちゃんと加筆する。

参考URL

SVGとVivus.jsを使ってペンで描画する様なアニメーションを作る方法 | 株式会社チップディップ

SVGをillustratorで書き出して表示する方法 | トーテックビジネスサポート株式会社 ウェブチームブログ

https://ics.media/entry/15970/

正規表現で連続した単語をマッチさせる時の備忘録

WordPressで外部配信用のRSSを作成する時に外部配信先によってさまざまな仕様があるため、出力される本文のHTMLなどを添削もしくは変換・入れ替えしなければいけません。

同じ単語が複数回以上繰り替えす時にマッチする正規表現と調べた文献をまとめます。

$content = preg_replace( "/(らーめん){2,}/", "ラーメン", $content );

上記のようにpreg_replaceを用いてテキストの変更をおこないます。上記のパターンだと「らーめん」という単語が2回以上続いている箇所については「ラーメン」という文字に置換されます。

また今回は が複数行にわたって挿入されていた場合に1回に置き換えたいので下記のようにマッチパターンを記述して対応しました。

$content = preg_replace( "/( \r\n){2,}/", " \r\n", $content );

[PHP]改行なしスペース( 、0xA0)を、普通の空白(0x20)に置換する

開発メモ:正規表現を使い、連続した改行コード・改行文字を取り除く|理総研Web@中学受験専門理科総合研究所