Latele Blog

Web制作者のためのSassの教科書 改訂3版を執筆しました。

投稿日時
カテゴリ
投稿者
hirasawa

Web制作者のためのSassの教科書 改訂3版を執筆しました。のイメージ画像

初版の発売から4年後に改訂2版が出て、そこから7年ぶりに大幅刷新された「Web制作者のためのSassの教科書」の改訂3版が発売します。
7月辺りから頑張って書いていましたが、ようやく入稿待ちになって落ち着きました。

前回は個人ブログの方に紹介記事を書いてましたが、あっちは全く更新してないのでこちらで紹介です。

続きを読む

HisenseのAmazon限定モデルのテレビ「75E7N PRO」を買ってみた

投稿日時
カテゴリ
投稿者
hirasawa

HisenseのAmazon限定モデルのテレビ「75E7N PRO」を買ってみたのイメージ画像

我が家のテレビを買い替えました。

今までは、SONYのKJ-65X9000Fだったのですが、この時代のBRAVIAは動作がもっさりしていてリモコン操作が非常にストレスだったので、早く買い替えたいと常々思ってましたが、大型テレビとなると高額なので、気安く買い替えることも出来ずにいました。

そんな中、Amazonを見てたらHisenseの「75E7N PRO」が目に留まりました。
75インチで179,800円(セール価格)という安さに加え、3年保証付き、REGZA譲りの画質や品質など、中国メーカーとは言え悪く無さそうだったので、本機自体のレビューは少なかったけど、思い切って買ってみました。

それで、実際に数日使ってみてのレビューでもしてみたいと思います。

続きを読む

iPhoneでコドモンの入退室用QRコードを素早く表示したい

投稿日時
カテゴリ
投稿者
hirasawa

iPhoneでコドモンの入退室用QRコードを素早く表示したいのイメージ画像

CoDMON(コドモン)って知ってますか?
保育園や幼稚園、学童とかの教育施設で導入されているICTサービスです。

ウチの子が通っている保育園でも数年前に導入されて、入退室の際は保育園に設置されているiPadに、スマホアプリに表示されるQRコードをかざして入退室しています。

しかし、この入退室用QRコードを毎回表示させるのが地味に面倒なんですよね。
コドモンのアプリを立ち上げるのに1~2秒待ちますし、そこから右上の小さなボタンを押して表示しなければなりません。
さらに、左利きのボクからすると、右上の小さなボタンをタップするのはストレス。

そこで、もっと速く表示できるように色々考えて実践してきたのでその方法の紹介です。

尚、ここで紹介する方法はいずれもiPhoneになります。Androidの方はごめんなさい。
また、本記事はiOS17.2.1で試していますので、古いiOSや未来のiOSだと変わってるかも知れません。

続きを読む

静的サイトにおすすめなフォームサービス「SSGform」

投稿日時
カテゴリ
投稿者
hirasawa

静的サイトにおすすめなフォームサービス「SSGform」のイメージ画像

弊社のコーポレートサイトやこのブログのホスティングサービスはずっとNetlifyを使ってきました。
Netlifyで使えるフォームや簡易パスワード機能が便利で有料版を使っていましたが、つい先日Cloud Flare Pagesに移転しました。

移転の理由は、Git Contributorでも課金の対象となってしまい、いきなり請求が倍来てたりするので、使用頻度からしてもコスパ悪すぎると思ったためです。

それに伴い、フォームも変更しなければならないのですが、無料でいい感じに使える、Jamstackなアプローチのサイトや静的サイト向けに使えるフォームサービスを探していたところ、SSGformを見つけて実際に使ったところ悪くなかったのでご紹介したいと思います。

※記事は執筆時点(2023年8月3日)の内容になりますので、今後プランや機能等変更になる可能性がございます。

続きを読む

恐竜図鑑みたいなサイト「探そう!好きな恐竜」を作りました

投稿日時
カテゴリ
投稿者
hirasawa

恐竜図鑑みたいなサイト「探そう!好きな恐竜」を作りましたのイメージ画像

会社としてって感じじゃなく、個人の趣味サイト的なノリで恐竜図鑑みたいなサイトを作りました。
何かと話題のAstroを使って構築しているので、Astroで苦労した部分とかを追々書いていきたいなぁと思ったりしています。

そう言えば弊社は今年の1月で丸10年を迎えました。何とかやってきましたが今後10年も生き抜くために、コーディングやWebサイト制作のご依頼が有ればお気軽にお問い合わせください!

続きを読む

Gulp4とPugで自動的にPDFとかのファイルサイズを表示する

投稿日時
カテゴリ
投稿者
hirasawa

Gulp4とPugで自動的にPDFとかのファイルサイズを表示するのイメージ画像

PDFのファイルサイズを表示する際、ファイルサイズ確認して手入力で対応するのは数が多かったりすると面倒ですよね。
JSで取得しても良いのですが、HTMLにベタ書き出来るならその方が色々良いと思います。

って事で、Gulp4+Pugな環境でファイルサイズを自動的に取得して表示するようにした案件が有ったので、その方法の紹介です。

なお、この記事ではGulp4+Pugの開発環境は既に用意されており、GulpやPugに関してある程度理解している前提で書いています。

続きを読む

11tyのfront matter内でテンプレート処理をして変数を使う

投稿日時
カテゴリ
投稿者
hirasawa

11tyのfront matter内でテンプレート処理をして変数を使うのイメージ画像

本日も11ty(Eleventy)の小ネタです。
front matterはタイトルとかディスクリプション等のメタデータの扱いが楽になって良いのですが、残念ながらテンプレートとして処理はしてくれないので変数を扱ったり出来ません。
そこで、front matter内で変数を扱えるようにする方法のご紹介です。

続きを読む

Lateleのサイトをリニューアルしました

投稿日時
カテゴリ
投稿者
hirasawa

Lateleのサイトをリニューアルしましたのイメージ画像

2021年9月の終わり頃にLateleのコーポレートサイトをリニューアルしました。
Blogは見た目あまり変わってないけど色々いじったりしています。

今回のリニューアルでは新しいこともやってたりするのでその辺りの紹介でもしたいと思います。

続きを読む

このページの先頭へ