マガジンのカバー画像

Engineer's Blog

15
本
株式会社デパートのブログ（https://depart-inc.com/blog/）とはちょっと違う雰囲気で、エンジニアリングに特化した技術的なノウハウや、チームの取り組み、カル…
運営しているクリエイター

なぜ阿部寛のサイトは早いのか？

こんにちは！今回は、ウェブサイト制作には、切っても切り離せない関係のサイト表示速度について、お話ししたいと思います。 その中で、日本最高峰のサイト表示速度を誇る阿部寛さんのウェブサイトを確認しながら、今後のウェブサイト制作に活かせる部分は無いか探ってみていこうと思います。 阿部寛さんのウェブサイトが速い理由画像や素材を最小限にしている 画像数が圧倒的に少ないことが、表示速度を爆速にしている理由の一つでしょう。しかしこの点は、ウェブサイトによって、大量に画像をアップする場

yudai.ninom…

あらためてPromiseとasync/awaitを理解する

株式会社デパートでフロントエンドエンジニアしてます熊谷と申します！ 今日はJavaScriptの中でも特に重要な概念の1つ、「Promise」について掘り下げていきましょう。 非同期処理には欠かせない存在ですが、とっつきにくく難しそうに感じてしまいます。 根はいいやつなんで、大丈夫です！一緒に使いこなしましょう！ Promiseって何？なんで必要なの？Promiseは非同期処理を扱うためのオブジェクトです。簡単に言えば、「今はまだ結果がわからないけど、いつか（近い未来に）結

熊谷亮

Movable Type 8でできるようになったこと

Movable Type 8がリリースされてからもう少しで1年が経ちます。 そろそろ業務で使う機会が増えてきそうかなと思い、Movable Type 7と比べて何が変わったのかを調べてみました。 公式のニュースリリースの中から、今回は目玉っぽい下記の3点についてまとめます。 ※以後、「Movable Type」は「MT」と表記 共有プレビュー機能MT7ではプラグインで提供されていた機能です。 できること ページの公開前にプレビュー用のページを生成 コンテンツデータ、記

kobayashi

Three.jsでテキストを表示する方法を調査した

JavaScriptが少し書ければ、リッチでかっこいい3Dコンテンツが作れるThree.js。今回はThree.jsでテキストを表現する方法を探るべく、Three.jsのオフィシャルサイトのマニュアルページで、"Creating text"として紹介されている7種の手法を紹介、お試しできそうなものはお試ししていきたいと思います👏 1. DOM + CSSDOMでテキスト表示をし、CSSで位置の調整を行い重ねて表示させるシンプルな方法です。Three.js上でというよりはコン

フクサキマイ