2013-01-01から1年間の記事一覧
料理画像の食べる雰囲気をだすために、お箸をつくりました。 photoshopのお箸のチュートリアル ベクトルシェイプでお箸の原型をつくる 角丸のベクトルシェイプで、680×30px、角の丸さは5px程。 細くする方の両端は、自由変形で、1°くらいずつ近づけました。 …
同じような状況が、他のバージョンでもあるみたい。 リンク先は2.12でしたが、同じように修正してみました。 使用環境 EC-CUBE 2.13.1 サーバーOS Linux DBサーバー MySQL 5.5.34 WEBサーバー Apache PHP 5.3.3 ※お借りしてるサーバースペースは、＠PAGEの無…
たくさん感想をもらいましたので、気になった点をあげてみます。 ECサイトを作成してみて、注目された点、課題になった点。 よかったポイント 第一印象・全体的な印象 全体の統一感があって見やすかった 見やすい シンプルな中にも工夫が施され、とても見や…
.htaccessを作成するのに、 フルパス (リモートホストからみたディレクトリの位置)を知りたい時に使うphp。 ドメインからじゃなくて、サーバーコンピューターからみたとき。 意外に、サーバーは上にいたりしました。(ファイル名).phpを作成して、調べたいデ…
サイトの準備段階でテストのために、 .htaccessを使って、パスワードを設定しました。 手順 必要なファイル２つを作成して、アップロードする。 .htaccessファイル .htpasswdファイル ID※任意 パスワード※任意 ファイルの作成 .htaccess このファイル名は変…
前回は、FTPでEC-CUBEのファイルをサーバーに設置しました。 (WEB)EC-CUBEのインストール作業 トップページのURLを開くとインストールページが開きます。 ※http://(ホスト名)/ ※もしくは ※http://(ホスト名)/html/install 用意するもの おみせの名前※任意 ID…
前回は、必要なファイルをダウンロードし、 ＠PAGESサーバーにデータベースを作成しました。 (WEB)サーバーにアップロード EC-CUBEで実際に必要になのは、htmlフォルダとdataフォルダのみ。 FTPソフトで、この2つをアップロードしました。ファイル毎単位に、…
ローカルにインストールはしてみることができたので、 今回は、レンタルサーバーにインストールしてみました。アップロードしたところ。 id:ecadmin Pass:password (アップロードしてあるサイトには、IDとパスワードで入れるようにしてあります) 準備 EC-CUB…
店舗もPRも活気に溢れるのが、販売時期。 でも、製造してる時・空白期間もつなげる、忘れられない存在になるために。 能力 SNS HP 個性 × ○ デザインの自由度 告知(広告) ○ × 発信・友達に確実に伝える 蓄積 × ○ 常設できる、タイムラインは流れる 拡散(ポス…
テストはこちらから。 jQuery本体の呼び出し Lazyload Pluginの呼び出し Download または Lazy Load Plugin for jQuery HTMLにスクリプトを記述する。 要素にクラス指定とdata-originalを記述する。 ※スタイルシートか、imgに横幅を指定すること。 HTMLに記…
こんなこと・あんなこと、を届ける。拡がる。 facebookの持ってる特徴をお聞きしました。 開封状態で届くフィード メルマガなどのメディアと比べても到達率が高い。 しっかり運営出来てるページなら、７〜８割届く 開封状態で情報が届けられる。 URLむき出し…
ボールペンで書いた絵をスキャンしました「画像レイヤー」 別レイヤーで色を塗っていきます「色塗りレイヤー」 「色塗りレイヤー」を焼き込みカラーにして、画像レイヤーの上から重ねます。"焼き込み"は白には反応しません。 レイヤーの様子 下のレイヤーに…
現在業績をあげている・さげている事業は? 今どんなことが収入を生むのか見てみる。日経アニュアルレポートのコンテスト http://adnet.nikkei.co.jp/a/ara/result.html カプコンのWEB版 http://www.capcom.co.jp/ir/data/oar/appleはiphoneが収入源 googleと…
相手の持つ反応や疑問を見越した対応。炎上やクレームを回避する。 これも思いの受け皿のひとつ。用意しておく。安売商品は数多く用意出来ない。 →"数量限定" "売切御免"
感情を伝えること。シェア・いいね・見たよ・あいづち。 シェアの拡散 自分の周りの100人のうちの1人がシェアする。その1人の持ってる100人へ。 1年に個人が関わるのはせいぜい100人 →広告のターゲットは100人。 シェアしてもらうには、思いの受け皿を提供し…
EC-CUBEの推奨環境はWINDOWSだけど、Macのローカルホストで使うことができます。(動作しないものはあると予想しています。) Macでは、インストール時に文字化けするので、MAMPでMySQLにDBを作成する時、１カ所対策をする。手順は2段階です MAMPの設定をする …
心理変化順になっている でもかならずトップに「購入手続きボタン」を置く。 興味を引く タイトル 画像 関心・感心 説明 使用方法 買う人の背景に合わせる 買う人の心理 〃 購入 値段 送料 いつ届くか、など
テキスト志向→コンテンツ志向 コンテキストよりコンテンツへ。 反応が早く、画像も向いている。 手でさわるモバイル画面には、表示の大きさ と 余白 がひつよう。 ※ 要るものはなにか精査する。画面が小さい分、関係ないものはモバイルに向かない。
サイトを見るのは情報収集のため 悩み・ニーズを解決してあげる 知りたい情報がなければ離れる 自分さえ、から人のためにして役に立てる 自分の持ってる物はなに？出来ることはなに？ 人のため 自分さえ ニーズに応える 売る先を探す お客さんの聞きたいこと…
リストとは顧客のリストこと。実商売なら、台帳・お客様・お取引先様のこと 縁があって関わりを持ったつながりを大切にするWEBでは、特に見込み客が含まれてくる facebookが持っているのは膨大なリスト 属性で見込み客を抽出する。 属性(性別・年代・地域・…
Web制作で「ホームページつくること」は、運用として考えたとき、 作るまでの計画と、作ってからの見直し・修正が大きく比重を占める。 (それをうけてのデザインで、制作をする) どうして？どうやって？をいっぱい考える&考えてもらう作業。マーケティング再…
和文と欧文のフォントの組み合わせでは、デフォルトを一緒につかうと大きさなどがあわない。 和文は大きく、欧文は小さく見える。 (ヒラギノだけ・メイリオだけならとりあえずOK そろってつくってあるから・・) イラレの合成フォント機能 書式→合成フォント …
twitterウィジェットの作成 twitterウィジェットはここからLogin on Twitter コードが生成されましたこれを貼付ければ設置完了です おまけ：はてなダイアリーにはりつける 変わったのはtwitterなのかはてななのか、以前はさらにひとてまかけないと動かなかっ…
※書き込みはできなくなる。 書き込む映像や画像のファイルを用意しておく 空のDVDをいれたら、"ファインダーで開く"をえらぶと、デスクトップにDVDフォルダイメージがでます デスクトップのDVDのフォルダに、書き込みたいファイルをドロップこのときDVDフォ…
文書構造と体裁を分離するために、CSSはできた。 分離してよかったこと サイト全体の重さを軽減できる(全部じゃなく、まとめて指定)→読み込みが早い→ソースコードの行数少ない →SEO対策 見る人が重いのを嫌う クローラーは余計なタグを除いて、文字情報を見…
html4.01の基本構造 <DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta htte-equiv="Content-Type" content="text/html"; charset="UTF-8"> <title>（３）タイトル</title> </meta></head></html></doctype>
bitは２進数 スイッチon offの２つのパターン 1bit ２進数の１桁、２の１乗、0,1, 2bit ２進数の２桁、２の２乗、00,01,10,11, 3bit ２進数の３桁、２の３乗、000,001,010,011,100,101,110,111, 4bit ２進数の４桁、２の４乗、0000,0001,0010,0011,0100,0101…
デジカメなどの画像ファイル名をリネームするには 画像をPCにいれっぱ&溜まった片付けは大仕事で大変です。っていうか、使えなくなることに・・・(自話。 いるファイルを選んだら、日付や名まえそろえてリネームしましょう。 MacのAutomatorでリネームするこ…
ユニバーサルデザイン - Fujitsu Japanで、 はぎわらファームのアクセシビリティをチェックしてみました。 ユーザー環境視点から要素やスタイルシートのチェックをする WEB INSPECTOR URLを入力。セレクトメニューを選んで、レベルを選びます。 今回は優先度…
画像から自動トレースするIllustratorのライブトレース機能。 リアルに見えるベクトル画像ができました。 ライブトレースの前に画像を調整する 元画像をphotoshopで調整。 必要によってシャープをかけコントラストや彩度をあげる。 画像を切り抜く。クリッピ…
