• 締切済み

javascriptでオンライン名刺作成

アスクルのようなオンラインで名刺のレイアウトを編集できるサイトをつくろうと考えております。 https://spc.askul.co.jp/meishi/ms0350.10000?categorycd=11006 基本的なテンプレートの画像はあって、ユーザに名前や会社名を自由にブラウザから入力してもらい、それを画面上で反映するというのが基本的な仕様です。 仕様実現に向けてのとっかかりが欲しいと考え調査しているのですが、なかなかこれといった情報がなく困っております。 ブラウザで行う以上、JavaScriptしかないと思うのですが、こうしたサイトの作成に関してよいプラグインや教本などありましたら紹介頂けますでしょうか？ よろしくお願いします。

みんなの回答

回答No.1

確かにピンポイントな情報は少ないだろうね。 別にJavaScriptだけじゃないよ。 Flash使ったり、技術的にはもう古いけどJavaアプレットでだってできる。 今ならhtml5のCanvasを利用したりかなぁ。

tsuyoc
質問者

お礼

ありがとうございます。 そうですね、Flashを使うのが一番柔軟性があるのかもしれませんね。 Canvasではテンプレートを用意しておいて、クライアントにレイアウトさせることもできるのですかね（パワポのようにオブジェクトを動かしたりできればいいのですが）。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 今年度行政書士を目指して学習の記録としてＦＣ２ブログでブログを作成しよ

    今年度行政書士を目指して学習の記録としてＦＣ２ブログでブログを作成しようと思っております。 独学ママというブログがあり、テンプレートとレイアウトが気に入りました。 　FCブログは開設しましたが同じテンプレートを使用したいのですが見つかりません。 また、下記の点を教えて下さい。参考にしたいブログはhttp://gyouseishoshi77.blog92.fc2.com/です。 １）テンプレート　上に花が出るテンプレートを探しております。同じでの構いません。 ２）プラグインについて 　　(1)試験まで後何日というようにプラグインしたい。 　　(2)夢を叶える為の名言集 　　(3)カテゴリ・最新の記事を表示 　このサイトではプラグインに見出し（色）がついております。 どうぞ４点について教えて下さい。

  • WORDPRESSのテーマの幅を固定したい

    WORDPRESSのテーマの幅を固定したいのですが、以下のテンプレートを使用しブラウザの幅を狭めた場合にレイアウトが変わってしまいます。 http://wordpress.org/themes/magazine-basic こちらのサイトよりプレビューを行いサンプルを表示し、ブラウザの枠を狭めると、レイアウトが縦一列のものに変更されてしまします。実はこの仕様に気付かずにかなりのカスタマイズしてしまったので、可能な限りこのテーマの幅を固定する方法を知りたいです。WEBに詳しい方いましたら、お手数ですがご教示ください。

  • タブブラウジング可能なサイトの作成

    PowerMac G4 800 Dual、OS 10.1.5。 GoLive for Mac 6.0.1。 タブブラウザって最近脚光を浴びてますよね。一度これに慣れると他のブラウザには戻れなくなる、と言う人さえいます。確かにすばらしいと思います。ただ、ブラウザがこの機能を搭載していないと、この素晴らしさは享受できません。 でも、発想を換えて、ウェブサイト作成の段階からフレームの代わりにタブで画面が切り替わるタイプのタブブラウジングを基本にしたサイトを作れば、ブラウザの環境に依存せずに済みます。 このようなタイプのサイトを、冒頭の私の環境で作るにはどうすればいいでしょうか。なんだかこの分野自体が敷き居が高そうです（DHTML とか JavaScript とか CSS とかが出てきそう…）が、お勧めの分かりやすい教本やサイトはご存知ありませんか。 それともさらに発想を換えて、Flash で作ればいいということなのでしょうか。 いずれにしても、敷き居が高そうですが…。

    • ベストアンサー
    • Mac
  • WordPressでの動的ページ作成とは具体的に

    製品一覧とその詳細ページからなるサイトを作りたいのですが、基本的なことが分かりません。 MySQLを使用する、とのことですが、データをDBに入れておいて、その器となるテンプレートページを用意すれば、カテゴリ分けや検索からページが作成されるのではないのですか？ 例えば製品が100品目あった場合に、Post投稿も100用意するのでしょうか？MSアクセスのフォームのようなイメージだったのですが… どうかよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • 制御文がHTMLのコメントのテンプレートクラスってないですか？

    PHPには、ロジックとデザインの完全分離が行えて、ブラウザで開いてもIF文などの制御文がHTMLのコメント<!-- -->になっていて、デザインが崩れないSmarty等の素晴らしいテンプレートクラスがたくさんあるのですが、JavaにはVelocity等テンプレートクラスはたくさんあっても制御文がHTMLのコメントでない仕様の物しかないようです。どこかにブラウザで開いても綺麗に見えるJavaのテンプレートクラスはないでしょうか？ 基本的には、IF、LOOP、LOOPのネスト、LOOP内のIFぐらいの機能があれば十分です。よろしくお願いします。

  • レイアウトがよく崩れる

    chromeやfirefoxを使用しています。 ちなみにmacです。 特にニコ動で頻発するのですが（他のサイトでもたまに） レイアウトが崩れ再生できなくなります。 キャッシュクリアすると見れたりもしますが、ほんとよく崩れます。 ニコ動の仕様なのかブラウザの仕様なのか自分自身のせいなのか。。 何か対策ないでしょうか。

  • ページがEnterで再起動されるのはなぜですか？

    C言語でCGIを組んでるんですが、 ページのレイアウトが <input type="text -- のテキストが一つだけの画面でブラウザに画面表示後、 ENTERキーを押下すると、ページを再起動してしまいます。 （画面表示したＣＧＩを再起動。。） 特にテンプレート上でJavaScriptは記述していません。 ためしに、<input type="text -- を二つおくと、現象が再現されなくなります。 これは、ブラウザの仕様なのでしょうか？ <input type="text タグの個数で動作が変化するのは おかしいような気がします。 仕様している環境は、 ブラウザがIE5.5と ＯＳがＮＴです。 サーバはApacheを使用しています。 ほとほと困っています。

    • ベストアンサー
    • HTML
  • Microsoftアカウントのアクティビリティー

    MSのマイアカウントを表示させると、私はブラウザの検索サイトをBingにしているので、Bingで何時何時何分にどのサイトを閲覧したかすべて履歴として表示され、これはWindows10のアクティビリティー収集機能を基本にしても収集されるものなので拒否は出来ません。これはMSが何に使用するものなのでしょうか？

  • ホームページビルダー作成にて画面サイズでつまづいています

    ホームページビルダー１３でホームページを作成しているのですが、ビルダー上では画面サイズを９４０×１２００で作成していているまして、横に長い画像を使用できる画面いっぱいまで伸ばしているのですが、webブラウザーで確認すると右にかなりの余白ができてしまう状態になります。私の理想としては見る側がどんなサイズの画面でもきちんと中央を基本にしたいと思っています。 文章だと伝えづらいので、目標イメージのサイトを書きに載せました。 そのサイトを参考にいうと、トップページの家が写ってる画像が私の場合左に寄っていて、右側に四分の一程空白ができてしまうのです。 作成ページ右いっぱいに画像を広げても空いてしまいます。 どういう処理をしたら下記サイトのようにキレイにレイアウトできるのでしょうか？どなたかわかるかたいらっしゃいましたら教えてもらえると助かります。よろしくお願いします。

  • ディスプレイサイズによる表示崩れについて

    ディスプレイサイズによる表示崩れについて質問します。 今、私は友人のWEBサイトを制作しています。 WEBサイトがほぼ完成した段階で友人に見てもらっているのですが 友人の環境ではカラム落ち等の不具合が発生していました。 友人はIE１０でモニターしたらしいですが もちろんIE１０の環境ではこちらもチェック済みでレイアウト崩れはありませんでした。 違うのはディスプレイサイズで私は19インチ、友人は23インチです。 私は23インチのディスプレイは持っていないのでディスプレイを２枚並べて23インチを仮想してみたのですがレイアウト崩れはしませんでした。 友人にはブラウザを更新してもらうことは幾度か試してもらったのですが変わらないとのことです。 ここまででなぜレイアウト崩れが起きるのか何か思い当たる節はありませんでしょうか？ やっぱりディスプレイサイズでレイアウト崩れが起きるのでしょうか？ ※ＷＥＢサイトはワードプレスでTWELVE THIRTEENのテーマをカスタムしています。 HTML5でレスポンシブに最初から設定されていたものを、途中で変更を重ね利点であったレスポンシブでは無くなっています。 読み込みを速くするキャッシュを残す系のプラグインは入れてません。

    • 締切済み
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する