このセッションは、中島正宇さんと中島良子さんにご答談いただきます。お二人は、おしまいの答談となります。中島正宇さんは、株式会社フリップフラッグの代表として、ウェブエンジニアデザイナー業に従事しています。ワードプレスのプラグインの作成や、書籍のシプスの経歴もお持ちです。中島良子さんは、熊本県在住で、9年前からウェブデザイナーとして活躍されています。普段は住宅で宿泊業や企業関連のウェブサイトを製作を行っていらっしゃいます。本日、お二人には、ページビルダーツールを使ったコードを書かないサイト製作として、実際にページビルダープラグインを使ってページを製作するデモを通して、どのようにコードを一切書かずにウェブページを構築するかをご紹介いただきます。それでは、中島さん、良子さん、よろしくお願い致します。それでは、ページビルダーツールを使ったコードを書かないサイト製作というテーマで、巨大セッションを始めさせていただきます。よろしくお願いします。まず、初めに、雨、中島良子、私の自己紹介させていただきます。私は熊本県の玉梨というところに住んでいます。熊本県は、熊本のかけき多少有名になってきたんですけれども、玉梨というのがどういうところかご存知じゃない方がほとんどだと思いますので、今日は私の住んでいるところから、数字をお持ちしました。こちらです。この0.67。この数字、一体何数字か分かる方いらっしゃいますか?実はこれですね、私の自宅のインターネット速度なんです。平成も悪くする中、このご覧のとおり、インターネット速度は非常に低速です。今だに改善はADSLのみという、そんなところで暮らしていながらも、Webデザイナーとして、約10年間活動しています。私が所属しているAKMという会社ですけれども、もともとはホバークラフトを製造開発していた会社です。ホバークラフトというのは、水力量の、今ちょうど動画で流れるかな?水力量用の数で夢の乗り物と呼ばれた、こういう乗り物を開発していました。ホバークラフトだけで経営が難しかったので、工場機械の製造開発なども合わせて行いながら、約10年前に2代目である私の夫が始めたのがWeb事業部です。私は結婚する前まで医療関係の営業をしていましたので、Webに関する知識は全くありませんでした。そこで、すでにこういう仕事をしていた弟にデシールする形で、Webの勉強を始めました。初めの頃、私がデザインしたデータを弟に送ると、こういう風に赤を入れて帰ってきて、そういうようなことをやり取りしながら、遠隔でWebのデザインを勉強してきました。だいたい3年くらい経った頃に、師匠の方からお前に教えることは何もないというありがたいお言葉をいただきまして、現在までWebデザイナーとして活動させていただいています。これが師匠、お願いします。師匠の弟です。師匠の弟の中島正広と言います。僕の方もちょっと自己紹介させていただきます。姉と同じ、もちろん熊本県の出身です。今、僕の方は住んでいるのは、北区のあたまねというところで住んでいて、時々ミャンマーの方で仕事もしています。ちなみにミャンマーは発展と情報みたいな、結構まだ全然経済発展していないところなんですけど、インターネットの速度が2目が当てます。普段はWeb系のエンジンやデザイナンをやっています。ワードプレゼンの関係の仕事では、こういった本を今はもう3年くらい前ですが、出しまして、ちょうど今年、HTML5CSS完全大事件という本も出しました。ちなみにこの本を持っている方っていないです。あ、買っておきます。あ、さすがお姉さん。3つ買いました。3つ買いました。ありがとうございます。あなたの愛を感じます。じゃあ、逆にHTMLとかCSSとか、あまり分かんないよとか言う人いますか?あ、今ちょっと、あれ?お姉さん、あなたは分からない?いや、分からないというか、全くこういう仕事をしているので、分からないだけじゃないけど、本当だくんぐらいがしています。本当だくんは使いませんよ。使いませんよ、この時代。これ書いてなかったんですか?あ、そう。オペイントも書いてます。書いてないそうです。そんなんであなたはちゃんと仕事できていますか?ちゃんと仕事できています。今日は、私がデザインしたデータをお見せしようと思いまして、お持ちしています。こちらです。お、綺麗なサイトをやってますね。ちゃんと仕事が来てますね。ちなみにこれ、私デザインだけじゃなくて、組むとこまで一人でやってるからね。HTML分からないのに?分からないのに。それはどうやってやってるですか?それはですね、ビーバービルダーという、こういうものを使ってやってます。このビーバービルダーというのは何なんですか?このビーバービルダーというのは、ワードプレスの公式プラグインで、ドローカーのドロップでウェブサイトを作ることができます。私はこのビーバービルダーのプロ版を仕事で扱っています。プロ版もGPLライセンスだから、仕事とかでもちゃんと使えるという感じなんですね。そうですね。もうあなたの本なんていらないんですか?いらないですか?はい。大ピンチじゃないですか?出身の反乱です。本当にこれでどうやって作れるんですか?これでどういうふうに作っているかそういうと思ったので、今日はこの場で実際にゼロからどういうふうにフォロを作っているのかをお見せします。今日作るサイトがこのようなサイトを作ります。飲食店のシンクルページを想定して作らせていただきたいともちょっと切れているとこの、ながっている感じですね。これ今から全部作るんですか?そうです。あとワードキャンパー時間に厳しいですよ。どうがんばります?タイムキリパーさんの目が怖いですよ。市長の方が売れなくなりかもしれませんけど頑張ります。それでは始めたいと思います。はい。まずこれがワードプレスのビーバービルダーの画面ですか?何もゼロの状態ですね。そうですね。ビーバービルダーというのここで起動します。左側に移っているのが今から作るデザインですね。今からゼロの状態で、まず一番上のヘッダーよくあるロゴがあって右側にメニューであるところビーバービルダーはまずレッツで今2カラマというのをやりました。で、今からまずヘッダーのところを作るので背景の黒色のブロックをまず作っていきます。ゼロゼロではないデザイナンボダーは黒ですね。次にモジュールというものを置いて画像を配置します。メディアもいわゆるワードプレスの画面からアップしているものを画像を洗濯してアップするとまず悩んでます。このように入っていきます。カラムの中の左寄せですね。このようにレッツを作ってカラムでどこに配置するかというのを決めながらどんどん配置していきます。次右側だからメニューですね。このメニューというものはワードプレスの使ったことある方があったら分かるかもしれないですけど外観のカスタマイズとかのところにメニューで並びがあってそこで作ったメニューを置くか今の一般のタブ?一般のタブ?はい、さっきも意識しました。このヘッダーというところに洗ってきてきます。そこでメニューを何を表示するか設定するという形ですね。その後背景が白なのでメニューの移動を変えてこのようにレイアウトに合わせてモジュールを入ってきてそれの設定を引いていくという手順でビーバービルダーで構築することができます。で、今一旦ちょっとできたんですけどなんかロゴとメニューがちょっと上すぎないですかりょうさん。それもちゃんと合わせることができます。こちらのカラム設定で別の高さをキントにする中央でこれでOKです。メニュー完成ですね。次がメインビジュアルのところですか。次いきます。次のブロックごとに列というものを配置してどういうこと?画像を配置するわけですか?ここ。ここはきっかけはよくあるスライドショーにはいはい。スライドショーであそこの背景が変わるという感じなんですね。で、オーバーレーこの上にロゴの画像をちょっと写真が明らすぎるのでオーバーレーのクロイドの担当目を配置することによってこの後乗せるロゴですね。熊本バニックタイミングちょっとりょうこやさん早い。職人芸術。職人芸術。で、画像のブロックを配置してあそこの熊本バニックタイミングというものを配置するわけですね。1は左に乗せてちょっとあれ、りょうこさんメインビジャーの高さが低くない?こうやって見て、低いと思った時は今度は行動設定の詳細のところでパディングを取ります。パディングの高さを上下に作ることによってメイン画像の高さを作るということですね。これちょっとここが小さいので画面上で操作します。そのレイヤーがドラッグ&ドロップで動けるからこの中にある画像はレスポンシブのように画像に合わせてサイズが変えられるということができます。そうですね。これでメインビジャー完成で次がその下のブロック。左側がテキストがあって右側に丸い写真が乗ってるブロックですね。で、ここもまずは背景を黒いのにする。こだわりの黒すみません。ニーニーニーですか?ちょっと買って何回も続くから取っといたりできないですか?できますよ。からプリセットで保存ができる。で、次左側がテキスト、見出しテキストボタンみたいな感じなのでモジュールの中で見出しというのがあるんですね。それを配置。何か分かってきてますよ。ここにちょっと時間がないのでここはここにテキストが見出しか。で、スタイルでテキストの色あ、その前にフォントタグがH3という風に選べるんですね。ここ。なので、ちょっとHTML5の高中に合わせたようなのが作れます。テキストの色ここでも合わせるんですけど、他の下に続くテキストも白なんでここで行の設定です。もうこのカラムの色を列の色かまとめて設定しておくということができるというわけですね。その次テキストだからテキストというのがあるの。あ、エディターですね。いわゆるワードペースのウィズリーグのエディターがあるので、ここでテキストポンポンポンと打つことができると。だから、きっとたぶんここは本当はいわゆるビータグとかストロングタグとかも設定できますね。で、保存。次がボタンが2つボタンが2つなので通からもまたいます。カラモの中にカラモは入れることができます。ただ、これは1回のイレッコしかできないんですよね。これにさらにだから、列は2回のイレッコまでできる。左側にボタンというまたモジュールがあるので、これを入れる。デザインだとちょっと見えにくいですけど、ボタンの左側にアイコンがあるので、アイコンもビーバービルダーというこのプラグンから選ます。このアイコンはいろいろできるんですけど、フォント王様って言って、結構ウェブ制作している人だったら知ってると思うんですけど、ウェブフォントでできたアイコンですね。それを自由に選んで背景色をちょっと入れるわけですね。で、ボタンがカーソルが乗った機のフォバーのカラーができて、全幅。全幅ってすると、この列の中で今、ちょっとビクってなったんですけど、ここの列の全部の幅にYが100%の形になるということができます。横さん、もう一回ボタン同じのモジュールを配置するんですか?全く一緒なんで複製します。複製ボタン。複製でドラクアンドで移動。じゃあ、本当はここにまた文字を変えればボタンができるということですね。同じように画像のモジュールを右側に入れてあれは人の写真ですね。近くを配置。もう列を作ってモジュールを配置してそれに対するスタイドを設定という感じですね。ちなみに、横さん写真が丸くないです。ちょっと丸にせっかくなんでしょう。でも、切り抜きで丸にします。こういうふうに設定することによって、いわゆる多分CSS-3のプロパティとかが設定ができていくって感じですね。で、なんとなくはですね、写真が対してテキストがちょっと右上ようにというふうになっているときは列の高さを中央にというふうにすると、この写真と、ちょっとスタジッとこっちのテキストが中央に列の絡むの中で中央寄せというような設定も可能です。これでバランスが整えられるって感じですね。じゃあ、次、あそこセクションの見出しですね。写真があってランチというセクションなんですけどこれも同じように背景に数を設定します。ただ、パララックスで入れたいと思います。スクロールに合わせて背景が動くような設定ですね。それを設定するとポンテも入って、またオーバーレー。このうめんちどのポントを置いたら、ちょっと見えにくいって明るいんで、そういったときにもやっぱりオーバーレーの黒の背景やはり不透明50%のものを配置することによって見えやすくすると。また高さを上下200入れてちょっと見出しっぽいセクションを作っているってことで良くさん良くさん、ちょっとこれを上上げない。あ、そこは上がらないのかそこは下作ってないから上がらないけどすいません。モジュールで、また見出しの配置。で、ここはランチ。ランチの見出しセクションで、スタイルでまたFFFですか。ちなみに行くお姉さん、僕だったらここはH2かな?H2ですか、わかりました。H2かな、このタイミングなら。で、保存というかつで見出しが完成。で、その下がまたわかってきました。2からものブロックを配置するんですね。で、配計色。さっきは保存をしたので、このカラーピッカーでこだわりの黒が保存されているわけですね。ちょっとここもテキストが全部後ろって決まってるのでパターン外で先にしておきます。なるほど、もう別の色を変えてしまうという設定をしてまず左側に写真ですか。はい、画像が入ります。で、メディアをアップロードだいたい横を簡単にやっているように言えて使いこなしている感覚。プロッポップですね。次、あつぎってあれでしょう。また見出し置いてテキストですか。次はここですね。ここは見出し置いてテキストでもいいんですけどもう少しちょっと便利な機能があるのでこのコールアウトというのを使います。コールアウト。コールアウトは見出しとテキストがもう合体しているモジュールなんですね。こんな感じでいろんなモジュールがビーバービートドアにはある。で、テキストを押します。見出しの上に何かアイコンがあるんですけどコールアウトはこの画像のところでそれの設定も合わせてできます。ここにまたちょっと見出しの上に画像が配置されているという状態ですね。で、ランチの今テキストが左寄せなので中央に寄せると画像テキストというモジュールが完成です。その下にボタン。このここで全部設定がボタンまで今日の1個でいきます。たぶんよく使うのかなと思ってテキストを見出し。だからコールアウトというものは画像を見出しテキストボタンというものがもう全部一致されているというモジュール。で、今ボタンの設定ですね。ボタンも赤い色にしてフォーバーの色。操作自体は先ほど使ったボタンモジュールと全く一緒という形でこういうことがあってきます。で、できました。で、この後に薄い白い線が右側のレイアウトにデザインでは入ってるんですけどこれはカラムの設定モジュールとは別にカラムの設定ですね。カラムの方にボーダーの直線白で幅を1ピクセルいわゆるCSSのボーダーポルパというがというわけですね。高さもここで合わせてこれでまた右側のカラムと左のカラムがあって中方を両手にするという先ほど上でやったブロックですね。パララックスがランチのところもちゃんとなっていますね。早い、いいよ。じゃあ続けて次がその下がディナーのブロックなんだけどまた一緒のことをやる?その場合も複製をして左側が持ってこれるので同じデザインを繰り返すのも複製してこの下に乗ってきます。そうすると左側ができるので文字を打ち替える。背景画像も別のものに差し替える。じゃあ行きと作ってしまえばちょっと複製というのを繰り返してちょっと作れるわけですね。で、ここがランチがリナーで保存でも次のブロックもじゃあ複製というパターンが使える。で、次ここ右と左側なんかキャプにしたいんですけどそこはもうドラッグドラップで力技でいくんですね。ちょっとここ線が登っちゃってるのでそれは決します。線はドラッグドラップできないからちょっと右側、左側で選定をしないといけないわけですね。で、FFでここは一緒に1ピクセル、1ピクセル、1ピクセルで、最後が最後は地図のブロックですか。Hからも置いてモジュールを配置する。このモジュールちょっと見ていいですか。モジュール、今回やるのはこの地図。こんな感じで他にも今日は多分ちょっと時間がなくてデザインないけど、価格表とかアポーディオンとか登録フォームメニューというふうにいろんなモジュールがあるのでモジュールがどんなものかというのは頭に出てしまうとパッパッパッというふうにデザインが製作ができるという形になります。じゃあ、地図。これもGoogleマップのモジュールですね。うちの会社の住所をここで入れます。住所は日本語もOKなんですね。なんか渋い住所ですね。海の近くなんてほぼフラフトをやっているんですね。高さ、小玉に50ピクセル。これで期間に出てくるのがGoogleマップだからインターネットの環境が見よってちょっとあまり良くないのかな。本当はここに地図が今出てきているはず。一回保存したらどうなります?会社が、会社の住所を入力したんです。誰?本当に消えてるパターンですか?もう一回入ってみたら今のネット表示ですよね。これは本番の怖いもんですね。これはさっきのものが本当はここで表示されているはず。あ、接続中ってなってるからこれ、ネットオフにしてほしい。ローカルだよな、これ。OK。ちょっと今、外帯をオフに来たんでこのままクロームでネットがつながらいた時のこれ、実はゲームできるんです。知ってました。本当はここのまま地図が出ているんですけどこの予白予白があるとちょっとかっこ悪いんで大丈夫です。皆さんの心にはこのGoogleマップが見えています。うちの会社がここのパティングがつきいてるので0に比べて小さくする。これ、あれだよね。空間のパティングとモジュールのパティングの2つが今聞いちゃってるので、ここ全部0、0、0っていう風に。ちなみにこれデフォルト認証なんですけどこれ、デフォルトのデフォルト値って変えるんですよね。デフォルト値は設定であらかじめ変えることができます。というわけで、とか言っている間にもうサクッと1ページ完成です。このメインビジュアルのところとかってエフェクトとかそういったものもかけれるんですよね。例えばこれをアニメーションを使おうとこの画像の詳細のところにアニメーションっていうのがあるので今右にスライドさせようっていうのを0.5サッと左から出てくるとかも設定できるんです。ちなみにこれレスポンションはどうなってますか?このような状態ですね。ちゃんとレスポンションを対応していると。でもちょっと今のもう1回下がってもらっていいですか。ランチ写真、テキストディーナーちょっとこの見出しテキスト写真って順番がランチのディーナーで違いますよね。ちょっと気持ち悪いのにここもじゃあスマホの時だけの表示を変えたいと思います。ランチという見出しがあって画像をやってテキストという順番に行きたいとき今これ左側から積み上がっていってこういったのもスタック順積み重なりってことですよね。逆にする小さくするとランチ画像をテキストランチ画像をテキスト2番目のブロックの積み重なり方が逆になるっていうパターンです。こういうのも可能です。ちなみに次はメニューちょっとかっこ悪くないですか。タイトルの横に調整することもできるんですけど一番ちょっと簡単なのはこれがハンバーガーアイコンになっているの例えばメニューボタンにしてしまう。で、スタイルはメニューの入っ切るとかを赤とかに変えるとするとあ、うちが落ちてきちゃうね。じゃあ赤。私のやつ。あ、メニューのタイプもハンバーガーだったりボタンでそういったタイプのメニューこういったものもいろいろあるということですね。で、これって今回はシングルページだからいいんですけど、 Webサイトの時ってヘッダーとかっていうのを1ページ1ページ作らないといけなくなっちゃうじゃないですか。こういうのが共通化というのもできるんですよね。確か。ここも全て共通化することができるので共通化して保存すると1つを編集すると全ページ変わったりとかここを買いたくないというとか共通化しないものを使ったりとかそういうこともできます。そういったモジュールを作ることで使い回しもできるので Webサイト製作の商客家ですね。というものもビーバービルダーでそういったのもサポートできています。じゃあ、ですね。こんな感じでサイトをちょっと今回デモンストレーションして完成したんですけど、僕も最初にご紹介した通りに普段はどちらかというとテーマを1から書いてPHP書いて、ファンションのPHP書いてみたいなことでやる方なんですけど実際、姉がちょっとビーバービルダー職人になってていろいろ教えて、逆に支障合体で教えてもらったんですけどテーマを大きなうで作ったとしても固定ページだけ例えばビーバービルダーにするとかそういったハイプリッドな方法も可能ですし何よりワードプレスなんでワードプレスは今までにいろんなプラグインがありますよねそのキャッシュを作るとかそういったものを組み合わせということができるのがビーバービルダーは使って僕はすごいなと思いました。例えばビーバービルダーとウーコマンスを一緒に使うとかそういったこともやることが可能です。でもだいぶ時間がいいかんなんていいかんってやれているのでもう一度ちょっと見せてください軽くじゃあそうですね一応こんなふうにサイトがちゃんとこの短時間で作ることができました正直ここまで早いことにできると思ってなかったのでうちのアネにもう一度拍手をしてもらっていいですかありがとうございます通常はもう少しスマホでの調整とか今回ちょっとしなかったんですけど今パソコン画面タブレットの時のサイズスマホの時のサイズとができますのでもう少し細かい調整までやったとしても通常ではあれぐらいだった1時間くらいで全部調整まで終わってしまうような感じで仕事としてはやっていますじゃあ最後にビーバービルダーを私が使い出して約この2年間の間にちょっと感じたことについて最後にちょっとお話させていただきたいと思っていますまず1つ目アドキャンプ東京のテーマでもありますチャレンジ挑戦することですね私は先ほどから言っていますけどHTMS CSSが全くわからない状態でデザインのみをやってきましたもちろん1人でデザインからコーディングまであって1つのサイトを作ってみたいという思いはずっと持っていたんですけども今からコーディングの技術を勉強すると考えてしまうとその時間や手間に躊躇してしまって何か新しい一歩が見出せないままもう学ぶこと自体を諦めていましたその時に出会ったのがビーバービルダーです初めはドラブカウンドドロップでこんなに簡単にサイトが作れるんだと驚きはしましたがなかなか自分が思うようなサイトを実現させることはできませんでしたそこでビーバービルダーのサイトやユーザーのブログなどを読みやさりながらいろいろ試してみたりしながらようやく自分が思うようなサイトが実現できた時に高度かわからないあたしでもこんなきれいなサイトが作れた後本当に感動しましたもしあの時挑戦していなかったらこんな感動味わうことはなかったと思っていますそして2つ目チェンジビーバービルダーを導入したのはクマ元地震直後のことでしたクマ元地震が起きた時多くのクライアントが営業情報などの発信をスムーズに行うことができませんでしたそこでビーバービルダーを導入することによって高度かわからないスタッフでも簡単に更新ができるようにという思いで導入しました今では災害時を始まりクライアント地震が積極的に情報発信を行っておりサイトに関する意識も大きく変化してきましたそしてもう一つ私自身にも変化がありました私はビーバービルダーのことでわからないことがあった時にビーバービルダーユーザーのブログやフェイスブックページなどをそれすると言葉違ってもみんな悩んでいることが同じだったりして世界中の人とビーバービルダーを通じてつながっているような気分になりましたもっと多くの人とコミュニケーションを取りたいという思いからビーバービルダー本社に直接コンタクトを取り今、日本語でのヘリプサイトを作っているところですそして私は英語が苦手だったんですけれども苦手だった英語でさえも積極的に勉強しようという気になりせいこの前は家族で語学留学にも行ってきましたビーバービルダーは私の一人で一つのサイトを作ってみたいと思う夢を実現させるためのツールの一つでしかありませんでしたが結果的には夢の実現にとどまらず大きな可能性を広げてくれました私がこの2年間の間に思ったのは不可能だと思って諦めるのではなく可能な道を見つけ挑戦することそうすることによって大きな人との大きな可能性が広がってきます今回のワードキャンプトークへの登壇も私にとっては新しい挑戦であり大きな変化でもありました今日はビーバービルダーのデモをさせていただきましたがビーバービルダーにこだわらずぜひ皆さんの中で何か挑戦したいと思いがあればやってみてくださいもしかすると今までと違って思ってたのとは力やり方が見つかるかもしれませんぜひ新しいステップが踏み出す今日はありがとうございましたなかしままさひろさんなかしまりょうこさんのセッションでしたこちら時間早く終わりましたので質疑応答にさらせていただきたいと思います何か質問したお客さまいらっしゃいますでしょうかこちらの方よろしくお願いしますありがとうございます仕事で私が使ってると使うときはどうしてもビーバービルダーだけのコードがかけないのですねモジュールだけでは私の中ではちょっと再現できないのがあるので有料のアドーンというのがあります有名なままパワーパックとかいうのが有名なんですけどそちらを購入して使っていますするとあの言葉わかんないですけどほぼ明日の時にくるってまわったりとか別の画像が出てきたりとかもっといろんなカスタムスライダーっていうのかなとかがありますのでそれを使ったりしていますあともう一つテーマっていうビーバービルダーが出しているもう一つのプラグインがあるんですけどそのテーマっていうものはを使うとさっきほどスマホでのメニューがあったと思いますけどあれがもっと濃ったメニューが作ることができますコードは一切かかずに横からハンバーガイコを押すと出てきてメニューが出てくるみたいな押しながら使っていますありがとうございます他に何か質問ある方いらっしゃいましたら拠所お願いいたします僕は手打ちする方が好きなんですけどビーバービルダーで作ったものはどうしても手打ちで合わせたいとかというようなことできますかビーバーで作ったページをその程定値というのはちょっと正直難しいですなのでそこら辺はなんていうか目的に合わせて割り切るというところは必要にはなりますねビーダーで作るとやっぱりどうしても手打ちでやったものよりはソースコードはちょっとグチャッと左はしますけどちょっと言葉あげにくいですけどもう有名なこういうビルダー系のウェブサービスとかで作ったりするとジャパスクリプトだけになって意外と椅子用とかが弱かったりするんですけどページビルダーは特にビーバービルダーはHTMLをちゃんと発揮出すというものができています先ほども言いましたけどプラグインとかが平用できるので例えば普通の手打ちのページは手打ちのページというか自分でカスタマイズしたテーマでお取り合わせ固定ページを作ってそこにはコンタクトフォーム7を置いたりとかまた会社概要ページだけはちょっとコツはいるんですけどページビターで作るみたいな感じで平用するという使い方はできますただ、吐き出されたものを手打ちで直すとかはちょっと難しいですねページビルダーどう中央目的にするかみたいなのかもしれないですまたいらっしゃいませるでしょうが大丈夫ですかねはいじゃあどうぞよろしくお願いしますこれ使ってお客さんと仕事をするときってどういう感じで進めてはるのかなという一緒に作っていくような感じで作っていくような感じでそうですねお客さんにもごちろいあれですけど基本的には最近と言えば簡単なワイヤーがあって写真も決まっていたりとかするとPCは今までデザインしたものを見せてということをしていたんですけど逆に先にも組んでしまって見せてしまうことが多いですそれを幹部としてそこから修正が入ったところで直しやすいんですよねPCを直してその方がわかるんですよね動きとかももっとこういうふうに動かしてほしいとかそういうことも紙でするよりもこっちの方が早いので先にも幹部として組んだもん軽く細かい調整はしせずに軽く組んだものを先にそれを幹部で出しますそれで大きく貰ったりもっとこうしようこうしようと話をしながら非常に短くなりましたありがとうございましたありがとうございますすごく良いんだなと思ったんですけど特に勉強するためのサイトとかがあればそうですね日本でビーバービルダーを紹介しているサイトというのが今非常に少なくて私も外国のたくさんあるんですけどそれを探しながら私の図書でも大変だったし日本の方にももっとたくさんビーバービルダーを触ってもらいたいので先ほどにもちらとお話ししましたがビーバービルダーの長本ちゃんに了解を得た上で今日本語でのヘルプサイトを構築しているところです表に出しているんですけど全く今ちょっと更新ができていないのできちんともう少し外がいてからご紹介させていただきたいと思っていますので頑張りますねありがとうございます他いらっしゃいますでしょうかじゃあ内容なのでこちらで終わりにさせていただきますちなみにお二人この後ネットワーキングルームにいらっしゃるとのことなのでちょっと手がぎづらいなとかちょっとこっそり行きたいとかっていう質問がありましたらLMJのネットワーキングルームまでお越しくださいそれではありがとうございました皆様、中島正平様ご視聴ありがとうございました