起業準備室代わりに使える場所。六本木、麻布編 社長のヤミ勉

a0105397_15153385

起業準備していた頃のメモ。

上島珈琲店

六本木ヒルズよこ。

平日7:30から開店。

珈琲とゆで卵がうまい。耳栓して集中して作業!

住所 106-0031 東京都港区西麻布3-2-1北辰不動産ビル1F<店舗ページ

マクドナルド 六本木ヒルズ内

24時間オープン。

ローダーデール

平日7時~、土日8時~

六本木ヒルズのところのグランドハイアット東京の道路向かい。

オープンカフェで、おしゃれ。

住所 東京都港区六本木6-15-1
六本木ヒルズ けやき坂テラス 1F<店舗ページ

スターバックス TSUTAYA TOKYO ROPPONGI店

午前7時~翌日午前4時までオープン。

ここは横にツタヤが併設されており、読書を楽しみながら珈琲も楽しめるようになっている。

住所 106-0032 東京都 港区 六本木6-11-1 ゲートタワー <店舗ページ

スターバックス 六本木ヒルズメトロハット地下1階

午前7時~。意外と穴場!とくに午前中

場所は教えません(笑)自分で探しましょう。Life is an adventure と申します。

タリーズ 六本木ヒルズ店

平日7時~ 土日8時~

ここは喫煙者多い。

六本木ヒルズノースタワーにあります。

住所 〒106-0032 東京都港区六本木6−2−31 六本木ヒルズノースタワー 1F <店舗ページ

ジョナサン 麻布十番

24時間営業。港区立麻布図書館の隣にある。

住所 〒106-0045 東京都港区麻布十番1丁目41 ルート麻布十番1F <店舗ページ

ジョナサン 広尾

24時間営業

(2014年に建て替えでコンビニになってしまった・・・)

ゼスト 西麻布

土日11:30~ 日曜の昼は特にねらい目。結構すいており、店員さんもそっとしておいてくれる。

住所 〒106-0031 東京都港区西麻布2丁目13−15 <店舗ページ

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

DreamWeaver CCとWordPressを連携させる方法 社長のヤミ勉

dreamweaver_and_wordpress

DreamWeaverとは、Adobe社(みなさんが普段お使いのpdfファイル閲覧ソフト acrobatで有名)のWEBサイト構築システムです。はじめはややとっつきにくいのですが、なれるととても便利。

WordPressでサイトを作る方が多いと思いますが、画面編集などWordPressの編集画面で行うと、いらっとしませんか。DreamWeaverを使うと快適に作業できます。

作業前の準備

ローカルサーバを用意する

まずはWebサーバにWordPressをインストールする必要があります。
ここでいきなりレンタルサーバを借りて・・・とあわててはいけません。

まずは、手元のPCを使います。手元のPC環境のことを「ローカル環境」といいます。

ローカル環境にレンタルサーバと同じ環境を構築し、ここにWordPressをインストールすればいいのです。レンタルサーバと異なり、無料です。運営コストを1円節約することは1円稼ぐことと同じ!これで成功に一歩近づいた!

公開するまでの期間の準備と、公開後のメンテナンスもここで行いますし、レンタルサーバのデータがクラッシュして消滅・・・なんてときにもあわてずに復旧作業ができます。

統合パッケージ(これまた無料)を利用すれば簡単にローカル環境にWebサーバを構築することができます。Windows環境の場合はXAMPP、MacOS環境の場合はMAMPが有名です。インストール方法については、下記のサイトを参考にしてください。

      [MAC用] MAMPのインストール方法の解説はこちら
      [WIN用] XAMPPのインストール方法の解説はこちら

XAMPP(MAMP)にWordPressファイルをインストールする

XAMPPまたはMAMPを設定し終わったら、WordPress環境をインストールします。インストール方法については、下記のサイトを参考にしてください。

      [MAC用] MAMPにWordPressをインストールする方法はこちら
      [WIN用] XAMPPにWordPressをインストールする方法はこちら
WordPressをDreamWeaverから編集可能にする方法

WordPressをDreamWeaverから編集可能にする方法

これで準備は完了です。

DreamWeaverでWordPressを扱うための設定

DreamWeaverで作業をする際には、事前にXAMPP(Macの場合はMAMP)を起動します。手順は以下の通りです。

  • サイト設定
  • テストサーバの設定
  • 関連ファイルの検索
  • 画面イメージを見ながら編集
  • スマホ用、タブレット、PC用と表示画面を切り替える

DreamWeaverにサイトを設定する

サイト設定画面

[サイト]メニュー → [新規サイト] を選び、[サイト設定]ダイアログを表示させます。[サイト名]は、自分のサイト名。とはいえDreamWeaver内で識別するためのものなので、利用者が識別できればどんな名前でもかまいません。[ローカルサイトフォルダ]は、あなたがローカルPCにインストールしたWordPressのインストールディレクトリを指定します。

次に、サーバの登録を行います。

(注 うっかり[保存]をクリックしてしまってもあわてずに。DreamWeaverの[サイト(S)]メニューから[サイトの管理] → サイトを選び、鉛筆のアイコンをクリックすると同じ設定画面に戻ることができます。)

DreamWeaverにテストサーバを設定する

server_setting_thru_dw

[サーバ]カテゴリを選択します。左下にある[+]ボタンをクリックすると、新規サーバ情報を追加することができます。

  • サーバ名
  • 使用する接続
  • サーバフォルダ
  • http://localhost/(WordPressのインストールディレクトリ)

server_setting_thru_dw2

《重要》新規サーバを登録したら、リモートのチェックをはずし、テストにチェックを入れます。[保存]ボタンをクリックすると、サイトが更新されます。

関連ファイルを検索する

server_dw_1

サイト設定が完了しました!さあ、DreamWeaverでWordPressサイトを開いてみましょう。サイトのメインページのファイルはindex.phpです。

ビューの上部に「このページにはサーバのみによって検索される動的関連ファイルがある可能性があります」というメッセージが表示されますので、[検索]をクリック。[スクリプト警告]ダイアログが表示されるので[はい]をクリック。

server_setting_thru_dw3

画面イメージを見ながら編集できるようにする

DreamWeaver側はindex.phpを開いたままになっていると思います。

ビューの表示を[表示] → [コードとデザイン]を選択し分割ビューにしますと、左側にindex.phpのソースコートが表示されます。

図. 左側にソースコードが表示されますが、右側には何も表示されません。

図. 左側にソースコードが表示されますが、右側には何も表示されません。

右側にはまだ何も表示されませんね。右側にプレビュー画面を表示させ、完成時のイメージを見ながら編集できるようにしてみましょう。[表示] → [ライブビューを切り替え]を選択(またはAlt+F11を押下)しましょう。

「ライブビューを切り替え(Alt+F11)」処理をしたところ、画面右にプレビューが現れました

図.「ライブビューを切り替え(Alt+F11)」を行うと、WordPress初期設定状態のサイトが表示されます。表示している画面は出来立てホヤホヤのヤミ勉ページ。

以後、WordPressのデザインチェックを行うには、デザインビューではなくライブビューで行うことができ、作業効率が高まります。

画面右側がワードやパワーポイントやPDFの文書、画面左側が右側画面の後ろに隠れている、文章をいろんな色や大きさや図付きで表示させるための仕組み、といったところです。

スマホ用、タブレット、PC用と表示画面を切り替えるシミュレーションモードもある

世の中の個人利用者の8割がモバイル(スマートフォン)からのアクセスといわれる時代。

ページの作成・編集はPCで行いますよね。WEBデザイン担当にはスマホでの見え方を気にして欲しいですよね。スマホ対応していないWEBページはB2Cのビジネスサイトとしては失格です。

画面右下にある、画面幅切り替えアイコン。左から順にモバイル用(幅480px)、タブレット(幅768px)、PC(幅1024)。数字右横の[v]をクリックすると・・・

画面右下にある、画面幅切り替えアイコン。左から順にモバイル用(幅480px)、タブレット(幅768px)、PC(幅1024)。数字右横の[v]をクリックすると・・・

ライブビュー右下にある画面のアイコンをクリックすると、様々な画面幅の環境下で作成中のページがどう見えるのか、確認することができます。

画面幅選択アイコンの数値右横の[v]をクリックしたところ。お好みの画面幅で表示確認が可能!

画面幅選択アイコンの数値右横の[v]をクリックしたところ。お好みの画面幅で表示確認が可能!

新しい画面幅のスマホが出てきても大丈夫。ここに表示された以外の画面幅にも対応、好きな画面幅で確認することもできます。

(参考)http://webgaku.hateblo.jp/entry/20120731/1343710088

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

サイトを更新しました

社長や取締役・執行役員の方々など明日の社長さんたちが(ここポイント!)社員にかくれてこっそり勉強(ヤミ勉)するサイトをつくりました。

simpl_img

上司・経営者だから知っておきたい、WEB技術の基礎、プログラミングの基礎、投資、資格、そして家庭も大切するすてきなあなたのための子供の教育など。

40歳で金融系サラリーマンをやめて起業、3年で3社経営し上場企業の顧問も兼務している管理人「うらかた」が自分の知識欲の赴くままに学んだことをメモ書きしてるサイトです。

一生懸命受験勉強して、超?難関大学とか東大の大学院とかで勉強し、あと某巨大銀行に就職してからも米国のビジネススクールなどに留学させてもらいましたが、起業にはなんの役にも立ちませんでした。

むしろ、学生時代に学費稼ぎでやっていたプログラミングのバイトの方が1万倍、役に立ちました。思い出しながら調べながら自分のビジネスを強化するのに、作りたいサイトやサービスがあるときのたたき台を示すときなどに大活躍しています。調べ物をしたときのメモを残すところが欲しいなと思ったのと、一念発起して起業したけれど数年前の私と同じように一人奮闘している「未来の大企業家」がいるかもしれないなと思い、のこサイトを作りました。参考になるとうれしいです。

経営の際の社員にはいえないことなども書いているので、このブログは社内には内緒です。

「金を生まないことはやらない」ことが信条、というか社員向けにはそう公言している。でも社長業というのは孤独なマラソンのようなもの。試行錯誤の足跡を残したいなと思ったというのもあります。

手が空いたら会員制の登録機能や掲示板機能なども実装して、起業家同士でして情報交換できるようにしたいですね。社長と役員限定のコミュニティ。

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣