常連

注目の的

例えば、firebaseが提供しているgoogleプロバイダーの認証機能を使って、GETしたユーザーのuidを
Usersコレクションの中のdocumetのidとして扱うとします。
この際に、ユーザーのプロフィールページのurlに、このuidを使うような設計は
セキュリティ的にいかがなものかと思いました。
確かに、ユーザーのemailとpasswordを知らないと、uidを知っていても、ユーザーの情報を扱えないという意見は
あります。
しかし、少ないからず、ユーザーのセキュリティを弱くしてしているかもしれないという懸念があることと、
googleの認証プロバイダーを使うケースでは、勝手にuidを公開状態にしたことになると思います。
セキュリティ的に問題ないでしょうか。

よろしくお願いいたします。

firebaseの認証で扱うユーザーのuidを公開の状態にしてもセキュリティ的に問題ないか。

### 要素が2000pxほど固定して、次の要素へ横スクロールするようにしたい。
ScrollTrigger.jsを使用して要素が2000pxほど固定して、次の要素へ横スクロールするようにしたいと思っています。
横スクロールの実装はできましたが、要素の固定がなかなかうまく行きません。

下のテストページを閲覧していただけるとわかりやすいと思うのですが、「ONE」「TWO」「THREE」「FOUR」とういうコンテンツが横スクロールします。
その「ONE」「TWO」「THREE」「FOUR」の要素がそれぞれ2000pxほど固定して、次の要素へスクロールするような仕様にしたいです。その固定している間に中の文字が大きくなったり、透過してフェードしたり、横からインしてきたりするようなアニメーションをイメージしていまがScrollTrigger.jsを初めて使うのでなかなかうまくいきません。

ScrollTrigger.jsで実現できればと思っていますが、もし他に良い方法やプラグインなどあったらご教示いただけますと幸いです。

### 簡素なテストページを作成しています

```
https://nakashima.lsv.jp/animation_test4/
```

### 該当のソースコード

```ここに言語名を入力
　//HTMLの該当箇所
<div id="pinContainer">
                    <div id="slideContainer" >
                        <section class="panel blue ">
                            <div class="textBox"><b class="text2">ONE</b></div>
                        </section>
                        <section class="panel turqoise">
                            <div class="textBox"><b class="text2">TWO</b></div>
                        </section>
                        <section class="panel green">
                            <div class="textBox"><b class="text2">THREE</b></div>
                        </section>
                        <section class="panel bordeaux">
                            <div class="textBox"><b class="text2">FOUR</b></div>
                        </section>
                    </div>
                </div>

//cssの該当箇所
 #pinContainer {
     position: relative;
  width: 100%;
  height:100vh;
  overflow: hidden;
}
#slideContainer {
    position: absolute;
  left: 0;
  display: flex;
  width: 800%;
    height: 100vh;
}
.panel {
    height: 100vh;
    width: 200%; /* relative to parent -> 25% of 400% = 100% of window width */
    position: relative;
}
.textBox{
     display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 50%;
}
.text2{
    font-size: 30px;
}
.blue {
	background-color: #3883d8;
    
}
.turqoise {
	background-color: #38ced7;
  
}
.green {
	background-color: #22d659;
   
}
.bordeaux {
	background-color: #953543;
}

//jsの該当箇所
$(function () {
const el = document.querySelector('#slideContainer');

gsap.to(el, {
  xPercent: -87.5,
  ease: 'none',
  scrollTrigger: {
    trigger: '#pinContainer',
    start: 'top top',
    end: `+=${el.clientWidth}`,
    scrub: true,
    pin: true,
    markers: true
  },
});
});

```

### 試したこと

.panelの要素をpinで固定してみましたがうまく動きませんでした↓
 $(function () {
const el = document.querySelector('#slideContainer');

gsap.to(el, {
   xPercent: -100,
   ease: 'none',
  scrollTrigger: {
    trigger: '.panel',
    start: 'top top', 
    end: '+=2000', 
    pin: true, 
    scrub: true,
    markers: true
  }
});
}); 

.panelの中に.textBoxを増やして、それをpinで固定を試してみましたがうまく行きませんでした。
 $(function () {
const el = document.querySelector('.textBox');

gsap.to(el, {
   xPercent: -100,
   ease: 'none',
  scrollTrigger: {
    trigger: '.textBox',
    start: 'top top', 
    end: '+=4000', 
    pin: true, 
    scrub: true,
    invalidateOnRefresh: true,
    markers: true
  }
});
});  

cssで.textBoxにposition: sticky;を使ってみましたがうまく行きませんでした。

### 補足情報（FW/ツールのバージョンなど）
使用しているScrollTrigger.jsとjqのバージョンは以下です、CDNで読み込んでいます。
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>

要素が2000pxほど固定して、次の要素へ横スクロールするようにしたい。

正整数 n （ 0 ＜ n ＜ 2000 ）が標準入力から与えられたとき、n 桁を超える最小のフィボナッチ数を左詰にして1行として標準出力に書き出すプログラムを作りたいです。
実行例1
標準入力
1
成功出力
13
実行例2
標準入力
2
成功出力
144
実行例3
標準入力
3
成功出力
1597

コード
Ｃ言語

#include <stdio.h>

int main(int argc, char *argv[]){
   int D= 10;
   int n; scanf("%d", &n);
   char a[n+1], b[n+1], c[n+1];
   int am, bm, cm;
   int i, r;
 
   for(i= 0; i!=n+1; i++) a[i]= b[i]= c[i]= 0;
   a[0]= 0; b[0]= 1;
   for(am= bm= 1; bm<=n;){
       for(r= i= 0; i!=bm; i++){
           r= a[i]+b[i]+r;
           c[i]= r%D; r= r/D;
       }
       for(cm= bm; r!=0; cm++){
           c[cm]= r%D; r= r/D;
       }
       for(i= 0; i!=bm; i++) a[i]= b[i];
       for(i= 0; i!=cm; i++) b[i]= c[i];
       am= bm; bm= cm;
    }
    for(i= am; i!=0; i--) printf("%d",a[i-1]);    
     printf("\n");

    return 0;
}

思ったような出力がでません．．．