Locomotive

こんにちはデザインチームオカベです。最近横スクロールサイトに触れる機会があり、その際に使用したJSライブラリ「Locomotive Scroll」が中々面白かったのですが、あまり解説サイトが見つからなかったのと、思い通りに動かすのに苦労したので備忘録的にまとめたいと思います。 Locomotive Scrollとは Locomotive Scrollは、今回は題名を横スクロールとしましたが、本来はスクロールに伴い要素をアニメーション表示させたり、パララックスエフェクトを簡単に実装できるライブラリです。PC・スマホの両方で動作します。 公式デモページ スクロールがスムーズで各要素が独特なアニメー…

以前書いたsatori/sharp/satori-htmlでOG画像生成を使ってたら、 やたらsatori-htmlの処理に時間がかかるので、 いろいろ調べてみたときの備忘録(*´ω｀*) unjs/nitro+satori+sharpで動的OGP画像を自動生成する - くらげになりたい。 使ってるのは前回と同じ、この3つ vercel/satori ... ReactNode(VNode)をSVGに変換 lovell/sharp ... SVGをPNGに変換 natemoo-re/satori-html ... HTMLをVNodeに変換 遅かったときのコード 最初はこんな感じで、 いくつか…

2024年4月11日に、QYResearchは「DLOディーゼル機関車ケーブル―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発表しました。本レポートは、DLOディーゼル機関車ケーブルの世界市場について分析し、主な総販売量、売上、価格、主要企業の市場シェアとランキングに焦点を当てています。また、地域別、国別、製品タイプ別、用途別の分析も行っています。DLOディーゼル機関車ケーブルの市場規模を2019年から2030年までの販売量と売上高に基づいて推計と予測しています。定量分析と定性分析の両方を提供することで、企業がビジネス成長戦略を策定し、競争環境を評価…

当バイオレメディエーションテクノロジー 市場レポートは、世界市場の状況及び市場規模と収益方面の業界データを述べ、 ロシアとウクライナの戦争及びインフレが市場からのリアルタイムの影響もカバーし、 さまざまなテクノロジーを組み合わせ、新たなキープレーヤーが潜在的な機会を獲得できるように助力し、これらのテクノロジーは、収益性の高いビジネス上の意思決定を行う際にも役立ちます。 バイオレメディエーションテクノロジーの市場分析は、業界が適切な製品を市場に投入するのに役立つ重要方面を概説しており、また、当 バイオレメディエーションテクノロジー 市場レポートは、業界規模、主要プレーヤー、市場セグメント、最新の…

ロコモティブシンドローム（Locomotive Syndrome）とは、加齢による運動器の機能低下が原因で、移動能力が衰えることで生じる状態を指します。このシンドロームは、日本の整形外科学会が2007年に提唱した概念であり、高齢者の自立した生活を支え、QOL（Quality of Life：生活の質）を維持向上させることを目的としています。 ロコモティブシンドロームの主な原因 ロコモティブシンドロームは主に、以下のような運動器の障害によって引き起こされます。 関節疾患：変形性関節症などの関節の損傷や疾患。 骨粗鬆症：骨の密度と質が低下し、骨折しやすくなる状態。 筋力低下：サルコペニア（加齢に伴…

お値段高かったけど、買っちゃいました！ HOBBYTRAIN ÖBB Klimajet です。 Railjetはすでに1編成持っていまして、「沼」にはまらないよう「バリ展」は極力買わないようにしていましたが、今回ばかりはこのデザインに負けて買ってしまいました。 タウルスだって、このカラーですよ！ 7両の客車も、タウルスに負けないカラフルなデザイン。 この編成は、KlimaTicket（オーストリアの公共交通機関に乗れる年間パス）のデザインに合わせているものなのですが、思い切ったデザインですよね。 ※KlimaTicket：2021年にオーストリアで導入された自動車利用からエネルギー効率の高い公…

鉄道模型と私(2) 浅川 基男 【カテゴリー：趣味】 シニア会たより 第31号(1/2)から続く。 学科主任で就職担当であった松浦佑次先生（第16期塑性加工学会会長）に泣きついた．先生自らがお茶を出してくれ「早稲田から国鉄に行っても出世しないよ．むしろ不合格で良かったかもしれない」と慰めてくれた．「ただ，ほとんどの会社の就職試験は終わっているしなア・・・私の知り合いのいる住金の研究所から一人研究員が欲しいと言っていたな・・・そこはどうか？」と．間髪を入れず「お願いします！」，それからトントン拍子に話が進み，8月末に大阪の本社で役員面接，そして合格の知らせが来た．“鉄道”はダメだったが“鉄の道”…

四日市出張中の束の間の休日。さてどうやって過ごそうか？ 毎日が楽勝の仕事であれば休日にたっぷりと遊ぶのでしょうけれど、そんな出張など存在せず身体はクタクタ。 イージーで体力を使わない時間つぶし方法が欲しい。 とりあえず老体なので疲れていても朝はしっかりと目覚めるので、朝食を取りつつもコインランドリーで洗濯。 時刻は9時。理想ではホテルの部屋清掃時間である15時過ぎまで何処かに出かけて時間を潰したい。 部屋で1日ゴロゴロしている選択肢は1日が終わったときに猛烈に後悔するために出来るだけ避けたい。さてどうするか・・・・ 伊勢神宮に行く？→地図で見ると結構遠いなぁ 近鉄特急に意味もなく揺られながら、…

AccurascaleのClass 37 が発売されたのは昨年夏。自分はClass 37/4と37/6の2両を購入した。それからかれこれ半年。本当はもっと早くにこの記事を書けたとは思うのだけど、なかなかそうはいかない理由があった。 （奥）Class 37/4 37409 'Lord Hinton' （手前）Class 37/6 37609 Class 37とAccurascale Class 37は1960年生まれのEnglish Electric Type 3 (1500馬力級）と言われるBritish Railwaysの電気式ディーゼル機関車（Co-Co）。出力はEnglish Elect…

2024年3月6日に、QYResearchは「ガスタービン-電気機関車―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発表しました。本レポートは、ガスタービン-電気機関車の世界市場について分析し、主な総販売量、売上、価格、主要企業の市場シェアとランキングに焦点を当てています。また、地域別、国別、製品タイプ別、用途別の分析も行っています。ガスタービン-電気機関車の市場規模を2019年から2030年までの販売量と売上高に基づいて推計と予測しています。定量分析と定性分析の両方を提供することで、企業がビジネス成長戦略を策定し、競争環境を評価し、市場位置を分析し…

2024年3月6日に、QYResearchは「機関車用ケーブルハーネス―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発表しました。本レポートは、機関車用ケーブルハーネスの世界市場について分析し、主な総販売量、売上、価格、主要企業の市場シェアとランキングに焦点を当てています。また、地域別、国別、製品タイプ別、用途別の分析も行っています。機関車用ケーブルハーネスの市場規模を2019年から2030年までの販売量と売上高に基づいて推計と予測しています。定量分析と定性分析の両方を提供することで、企業がビジネス成長戦略を策定し、競争環境を評価し、市場位置を分析し…

ロコモティブシンドロームの略。運動器の障害により、立ったり歩いたりするための身体能力が低下した状態 運動機能が低下し、日常生活に支障が生じる状態 運動器症候群とも言います。英語で移動することを表す「ロコモーション（locomotion）」、移動するための能力があることを表す「ロコモティブ（locomotive）」からつくられた言葉で、立ったり歩いたりするための身体能力が衰えた状態を指します。ロコモは、加齢による筋力低下や、関節や脊椎の疾患、骨粗しょう症などによって運動機能が低下し、人や道具の助けが必要になるなど、日常生活に何らかの支障が発生している状態です。進行すると、要介護や寝たきりになるリ…

2024年2月23日に、QYResearchは「機関車のドライブシャフト―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発表しました。本レポートは、機関車のドライブシャフトの世界市場について分析し、主な総販売量、売上、価格、主要企業の市場シェアとランキングに焦点を当てています。また、地域別、国別、製品タイプ別、用途別の分析も行っています。機関車のドライブシャフトの市場規模を2019年から2030年までの販売量と売上高に基づいて推計と予測しています。定量分析と定性分析の両方を提供することで、企業がビジネス成長戦略を策定し、競争環境を評価し、市場位置を分析…