# 文字列の変換

**URL:** <https://www.nocode-faq.com/t/topic/2080>\
**Category:** bubble\
**Tags:** フロントエンド\
**Created:** [2021 年 8 月 22 日午後 5:10 UTC](https://www.nocode-faq.com/t/topic/2080 "2021-08-22T17:10:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\
**Post date:** [2021 年 8 月 22 日午後 5:10 UTC](https://www.nocode-faq.com/t/topic/2080/1 "2021-08-22T17:10:28Z")

</div>

youtubeでそのビデオの長さをapi workflowでとってくると、「PT11M43S」や「PT8M8S」のような形で取得することが可能です。これは、それぞれ「11:43」や「8:08」という形で出力したいと考えています。

ここで質問なのですが、「PTをfind & replaceで削除」、「Mをfind & replaceで : に変換」、「Sをfind & replaceで削除」は可能なのですが、その場合、「11:43」は良いのですが、後者は「8:8」となり、秒の頭に「0」が足りません。どうすれば、「8:08」となるか教えて頂けないでしょうか？

「MとSの間の文字列を取得」ができればいいのですが、そのような設定はできないと思っているのですが、いかがでしょうか？

秒が一桁と決まっていれば問題ないのですが、二桁の場合もあるので、どちらも対応できるようにするにはどうするべきかと考えております。

---

<div class="post-metadata">

**Author:** ![yuzupon5232](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yuzupon5232/32/2285_2.png) [@yuzupon5232](https://www.nocode-faq.com/u/yuzupon5232)\
**Post date:** [2021 年 8 月 23 日午前 3:01 UTC](https://www.nocode-faq.com/t/topic/2080/2 "2021-08-23T03:01:23Z")

</div>

きっとBubbleの設定のみで簡単にできる方法があればそれがベストだと思いますが  
私は思い浮かばず…

quonjiさんが望まれている形ではないかもしれませんが  
JavaScript呼んでの処理で考えてみました。

ですので、もっと簡単にできる良い方法があれば  
どなたかフォローお願いしますm(\_\_)m  
私も知りたいです…(笑)

①「PTをfind & replaceで削除」「Mをfind & replaceで : に変換」「Sをfind & replaceで削除」  
Bubble側ではこの状態にしておく

②JavaScript発動

②-1：Bubble側で設定した①の文字列を取得  
②-2：「:」で区切って配列にセット  
②-3：配列数分、繰り返す際に  
文字列が2文字より小さい場合は先頭に0を足す（0埋め）  
②-4 ②-3を繋ぎ合わせてBubble側に返す

というようなことをやってみました。

JavaScripttoBubbleの設定

 ![１](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3ff52a3fe739554fce18a440a17328300c2df893.png)

Run JavaScriptの中身

 ![２](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b4a5d6350d43aee0dc56b207dd67261e07e8b716.jpeg)

Javascriptのトリガーイベントの中身

 ![３](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/486c56b7b0b71d7b44e01900408c05dcf18b2462.png)

本当は①の処理もJavaScript内でやってしまう方が  
処理がまとまってていいと思いますが  
今回は①が設定済みの状態からのスタートにしてみました。

---

<div class="post-metadata">

**Author:** ![Tak](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tak/32/2745_2.png) [@Tak](https://www.nocode-faq.com/u/Tak)\
**Post date:** [2021 年 8 月 23 日午前 5:26 UTC](https://www.nocode-faq.com/t/topic/2080/3 "2021-08-23T05:26:02Z")

</div>

こんにちは。文字列操作、ちょっとしたことのやり方が分からなくて私も長時間悩むことがあります。Bubble標準機能だけで無理やりやれる方法考えてみました。（もっといい方法があれば私も知りたい…）

- 文字列の分割 → :extract with Regex
- 0埋め → 前ゼロをつけて、後ろから2文字 :truncated truncated end to 2

![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1cdcf3c5823a80588b4df874cdf3f6e5d6a3eab1.png)

:extract with Regexは正規表現という呪文みたいなパターン文字列で抽出するもので、今回指定しているRegex pattern `\d+`は 1文字以上の連続した数字(0-9)になります。  
（正規表現についてはググってもらうと色々見つかるかと思います。）

今回の文字列では「時間」と「分」の2箇所に連続した数字があるはずなので、2itemのリストでとれてきますので fist itemとlast itemで分離してます。

前ゼロ埋めは、とりあえず0を前につけて、:truncated from end to 2 で後ろから2文字とれば良いです。文字列加工してから:truncated~するために、Arbitrary textの中で作りました。

Arbitrary textは算数のカッコ（）みたいに演算子の優先順位を先にするために使えるので便利ですね。

Editor はこちらです。

> **[Bubble Editor - Text-operator-try](https://bubble.io/page?name=index&id=text-operator-try&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2021 年 8 月 24 日午前 2:20 UTC](https://www.nocode-faq.com/t/topic/2080/4 "2021-08-24T02:20:54Z")

</div>

:truncated to 文字数  
:truncated from end to 文字数

という2つのものがあって、前者は先頭から文字数分だけ取り出し。  
後者は末尾から文字数分だけ取り出しすることが可能です。

これを使って、Conditinalで  
末尾から3文字以内にMが含まれない場合(PT11M43S)は、  
PT11M43S → find&replace(PT⇨削除)、find&replace(M⇨:)、find&replace(S⇨削除)

末尾から3文字以内にMが含まれる場合(PT8M8S)は、  
PT8M8S → find&replace(PT⇨削除)、find&replace(M⇨:0)、find&replace(S⇨削除)

とすればシンプルにできそうです

サンプル↓

> **[Bubble Editor - Ai-ks](https://bubble.io/page?type=page&name=letter_ex&id=ai-k&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

---

<div class="post-metadata">

**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\
**Post date:** [2021 年 8 月 24 日午後 4:16 UTC](https://www.nocode-faq.com/t/topic/2080/5 "2021-08-24T16:16:27Z")

</div>

@yuzupon5232  
@Tak  
@K.nakata

みなさん、ご回答頂きまして誠にありがとうございます。  
参考にさせてください！！！
