shigeki.takeguchi.log

アラフィフおじさんの技術日記

webpackでejsを使い、共通要素をインクルードして効率的にやりたいよね。

数ページのサイトとはいえテンプレ化はしたい、includeを使うと共通要素を外部ファイル化できて効率いいよね。

サンプルとしてファイルは以下におてます。
https://github.com/shigekitakeguchi/yarn-webpack-ejs

ちょっとした、例えばブランドサイトとかキャンペーンサイト、小規模な企業や組織、お店のサイトというと構成によっては1ページってこともあるけど数ページから20ページくらいの規模になると思う。
いやいやもっとあるよってことになるかもしれないけど今回紹介しようと思うやり方は数ページから20ページくらいの規模のものが便利なんじゃないかな。
それ以上のサイトになるともうちょっと本格的な静的サイトジェネレーターとかを検討したほうが良いと思う。

もっと読む

npmがわりとゆるふわ過ぎたのでYarnに移行するか検討するためにいろいろやってみた

https://yarnpkg.com/

Facebookが作ったというnpmとの互換パッケージマネージャ

Node.js系のパッケージマネージャーといえばnpmです。いろいろありますがかなり便利なのでずっと使ってました。
ただnpmで管理していたパッケージの機能がローカルでは動くけど、どうも本番で動いてないんじゃない?的なことがあって
どうやらそのパッケージのバージョンの違いで動いてない的なことが起こっているんじゃないか疑惑があってnpmってそういえば、
バージョンとかけっこうゆるふわというか多少のバージョンの違いとか気にしなくていいってところがいいんだけど、それって何かあったときにやば過ぎじゃないの?って気になった。
今まで遭遇しなかっただけでバージョンの違いでこんなやらかしがあるのか。。。
じゃあ対策ないの?どうしようかってことでYarnを検討してます。

もっと読む

webpack+spritesmithでページの高速化、複数のスプライト画像とRetina対応について

webpack-spritesmithで複数のスプライト画像を作るってどうやるのか今ひとつわからなくてやってみたやり方の紹介。
やってみたら単純なことですね。SpritesmithPluginをnewしてpluginに複数設定してやればいい。

もっと読む

webpack+spritesmithでページの高速化

ページの表示を高速化しようとしたら手法はいろいろあるけどフロントエンドエンジニアができることのひとつに画像のスプライト化ってのがある。
たくさんの画像ファイルをサーバーへリクエストして表示ってのをやるとサーバーの負荷になる。 負荷になると応答が遅くなる。こういうことからリクエスト数を減らせば表示の高速化が見込まれたりするので少しでも快適にページを観てもらおうと思えばやったほうがいい。

もっと読む

iPhone 7 Plusのケースで迷った件。

iPhoneのケースにこだわることもそこまでなくて透明のシンプルなものか黒、前回のiPhone 6sはアップルの純正の皮のを使ってた。
iPhone 7 Plusにして5.5インチの画面がやっぱり大きいというのもあったのでこれで映画を観る機会も増えるかなー、そしたら手帳型の方だったら自律して立つよなーとか思ってた。

もっと読む

iPhone 7 Plus 128GB ジェットブラックの入手顛末と3ヶ月ほどの使用感。

予約完了時刻は『2016/09/09 16:02:43』と書いたけどauオンラインショップから「本申し込みのご案内」がきたのが10月5日で入手できたのが予約から1ヶ月たった10月8日。 iPhone3Gから毎年機種変更を繰り返して、この端末で9台目。いやはや、こんなにも端末を替えていくことになるとは当時はまったく想像していなかったな。

もっと読む

iPad Pro9.7インチとApple Pencilの手書き入力は革新的。

iPad Pro9.7インチとApple Pencilを購入した。
iPhone 7 Plus 128GB ジェットブラックの入荷連絡がまったくないけどそれなりに穏やかに待つ気になっているのはこのiPad Pro9.7インチとApple Pencilで新しガジェット欲求とでも言うんだろうか「新しいガジェットを使って何か新しい体験をしてみたいぞ」という心情をある程度満たされているからかもしれない。

もっと読む

台北でマンゴーかき氷を食べまくった。(台湾、4泊5日の旅を格安航空バニラエアで安く行ってみた。)

Untitled

隙があったら小籠包、そしてその後はマンゴーかき氷。で、どこが美味しいの?ということで今回の旅行では5店舗で食べました。
台北に夏に行ったらマンゴーかき氷でしょ。マンゴーが安くて美味しい。日本のかき氷と違うところはふわさら感の氷。
どこもレベルが高すぎて甲乙つけがたい。

もっと読む

台北で小籠包を食べまくった。(台湾、4泊5日の旅を格安航空バニラエアで安く行ってみた。)

Untitled

隙があったら小籠包。どこが美味しいの?ということで今回の旅行では3店舗で食べました。 熱々の小籠包に生姜をのせて酢醤油でハフハフと食べると最高ですよね。 食べることに集中しすぎて写真撮るの忘れたので街で見かけたピカチューの写真です。

もっと読む

ここのところワンカットで撮影した散歩動画をYouTubeで配信してます。商店街や飲み屋街から観光地、城跡、坂など好奇心のおもむくまま撮影してます。動画を気に入ったらYouTubeのチャンネルも観てもらえると嬉しいです。https://www.youtube.com/c/shigekitakeguchi