wegale
Code Bambino
FTP & コードエディタ:コードバンビーノ
WEB CREATION, ON YOUR MAC.

書く。確かめる。
そのまま、公開へ。

コード編集、ライブプレビュー、FTP転送。
Web制作に必要な道具を、ひとつのアプリに。

機能を見る →
Code Bambinoの実際の編集画面
ALL IN ONE WORKSPACE

制作の流れを、
ひとつのアプリで。

編集から確認、サーバーへの転送まで。
必要な機能が、いつもの作業のそばに。

01 / SITE

サイト単位で管理

ライブプレビューの描画例
フォルダのファイルをサイトとして一元管理できます。

一度の操作でリモートとローカル、両方のファイル名の変更ができます。FTPアカウントが異なるディレクトリでもシームレスにファイル操作が可能です。

02 / EDIT

コード編集

コードエディタの実画面
コードエディタの実画面

入力補完や⌘ + eで呼び出せるパレットで視覚的にコーディング。初心者にも優しく日々の編集を快適にします。

03 / TRANSFER

FTP転送

FTPアップロード進捗の実画面
FTPアップロード進捗の実画面

FTP(FTPS/SFTP対応)で直接アップロード・ダウンロードできます。ショートカットを使えば、コードエディタからそのままアップロード可能です。

UPLOAD DIRECTLY FROM THE EDITOR

コード編集中に、
そのままアップロード。

ショートカットで、コードエディタからそのままサーバーへアップロード。編集から転送まで、ひとつの流れで進められます。

コードを編集⌘ + Shift + Uアップロード
コードエディタとサイト管理を備えたCode Bambinoの実際の編集画面
VISUAL CODE PALETTES

コードのパレットで、見た目を直感的に。

色・グラデーション・枠線・角丸・影を、画面で調整。数値と仕上がりを確かめながら、コードへ反映できます。

01 / カラー

色を、見ながら選ぶ。

カラーホイールやスライダーで色と透明度を調整。RGBA・Hex・HSLa・OKLCHの表記を切り替えて、コードへ反映できます。

カラーパレット — 実際の操作画面
カラーパレット
02 / CSS変数

定義した色を、すばやく選ぶ。

定義済みのCSS変数を一覧から選択。色を見比べながら、サイト内で使うカラーを指定できます。同じサイト内で開いているファイルの変数が参照できます。

ラーパレット(変数で指定)
カラーパレット(変数で指定)
03 / グラデーション

色のつながりを、直感的に。

直線・円・円錐のグラデーションに対応。色の位置や角度を視覚的に調整できます。

グラデーションパレット — グラデーションパレット(参考)
グラデーションパレット
04 / 角丸

コーナーの形を、細やかに。

各コーナーの値を個別に設定。形を確認しながら、角丸を調整できます。複雑な角丸指定をプレビューを見ながら設定できます。

角丸パレット — 実際の操作画面
ボーダーラディウスパレット
05 / ボーダー

線の表情を、まとめて調整。

枠線の種類・太さ・色を、ひとつのパレットで調整できます。線の種類もプルダウンメニューからすぐに設定できます。

ボーダーパレット — 実際の操作画面
ボーダーパレット
06 / シャドウ

影の仕上がりを、目で確かめる。

影の位置・ぼかし・広がり・色を調整。プレビューで仕上がりを確認できます。シャドウの重ねがけやインセットにも対応します。

シャドウパレット — 実際の操作画面
シャドウパレット
FOLDER-LEVEL FTP

フォルダごとに、
FTPアカウントを設定可能。

サイト全体の設定とは別に、フォルダ単位でFTPアカウントを指定。フォルダに合わせて接続先を切り替えられます。

FTPアカウントが設定されたフォルダを開くだけで、シームレスにアカウントの切り替えが可能です。

QUESTIONS & ANSWERS

よくある質問

サーバーに接続できないときは?

接続先・ユーザー名・通信方式・公開フォルダの設定をご確認ください。フォルダ別のFTPアカウントもご確認ください。

購入を復元するには?

販売版では、購入時と同じApple Accountで購入を復元します。

サブスクリプションの管理・解約は?

App Storeのアカウント設定から管理できます。価格・期間は購入画面でご確認ください。

GET CODE BAMBINO

Web制作を、もっと心地よく。

コード編集からプレビュー、アップロードまで。
Code Bambinoで、ひとつにつながる制作体験を。