# 【質問内容】投稿写真トリミング
ユーザーが写真を投稿した際、投稿された写真を任意のアスペクト比(縦横......

**URL:** <https://www.nocode-faq.com/t/topic/509>\
**Category:** bubble\
**Created:** [2021 年 2 月 2 日午前 8:53 UTC](https://www.nocode-faq.com/t/topic/509 "2021-02-02T08:53:29Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 8:53 UTC](https://www.nocode-faq.com/t/topic/509/1 "2021-02-02T08:53:29Z")

</div>

【質問内容】投稿写真トリミング  
ユーザーが写真を投稿した際、投稿された写真を任意のアスペクト比(縦横比)にトリミングする方法を知りたいです！

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 8:53 UTC](https://www.nocode-faq.com/t/topic/509/2 "2021-02-02T08:53:30Z")

</div>

色々調べてみましたがBubble内にてカスタムCSS/JavaScriptの読み込みが必要になります。  
下記のようなものを使えば実現可能ですが、Bubble内で実装するとなると「独自プラグイン」を作成する方法が1番やり易いと考えられます。(現在あるプラグインで有用そうなものが無かったです)

> **[画像を切り抜くjqueryプラグイン「Cropper」を使ってみる](https://co.bsnws.net/article/50)**
>
> 画像を切り抜くjqueryプラグイン「Cropper」をサーバーサイドはLumenを使って動作検証してみました

Bubbleのプラグイン作成は下記サイトが参考になります。

> **[Bubble コンテンツ集 - ノーコード ラボ](https://blog.nocodelab.jp/links#Bubble-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9)**
>
> Bubble はじめての人はここからスタート！ Bubble 実践！カンタンなアプリを作ってみる 入門者向け（初めて Bubble でアプリを作る方におすすめ） 初級者向け（Bubble のアプリ作成に慣れてきた方におすすめ） Bubble テクニックシリーズ Bubble DB事例集 Bubble とサービスを連携させたい Bubble 有料プラグイン使ってみました Bubble プラグインの作り方とノーコードラボのプラグイン紹介 Bubble ニュース ノーコードラボの Bubble ページ...

## 参考URL

> **[画像を切り抜くjqueryプラグイン「Cropper」を使ってみる](https://co.bsnws.net/article/50)**
>
> 画像を切り抜くjqueryプラグイン「Cropper」をサーバーサイドはLumenを使って動作検証してみました

> **[Bubble コンテンツ集 - ノーコード ラボ](https://blog.nocodelab.jp/links#Bubble-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9)**
>
> Bubble はじめての人はここからスタート！ Bubble 実践！カンタンなアプリを作ってみる 入門者向け（初めて Bubble でアプリを作る方におすすめ） 初級者向け（Bubble のアプリ作成に慣れてきた方におすすめ） Bubble テクニックシリーズ Bubble DB事例集 Bubble とサービスを連携させたい Bubble 有料プラグイン使ってみました Bubble プラグインの作り方とノーコードラボのプラグイン紹介 Bubble ニュース ノーコードラボの Bubble ページ...
