そもそもECとは？
この業界にきてしばらく経ちますが、入ったばかりの頃、ECという言葉のイの字も知らなかった私。気付いたらニュースなどでも気軽にECと言葉にされるようになっていて、ネット通販=ECというのだろうなと何となく認識するようになりました。おそらく大多数の人がふんわりと認識している「EC」。ECってなんでしょうか？
サーバー
HTML&CSS
手っ取り早くES10とSassで書きたい人の為のWebpackレシピ2020夏
便利なWebpack。だけどいざ使い始めるまでには、あれやこれやと多くの初期設定が必要なのが面倒ポイントであります。この記事は、そんなWebpackでES10とSassを変換して束ねて出力するまでの設定をサクっとまとめた、メモ的な記事です。詳しい説明はあまり期待しないでください😱。
そもそもECとは？
この業界にきてしばらく経ちますが、入ったばかりの頃、ECという言葉のイの字も知らなかった私。気付いたらニュースなどでも気軽にECと言葉にされるようになっていて、ネット通販=ECというのだろうなと何となく認識するようになりました。おそらく大多数の人がふんわりと認識している「EC」。ECってなんでしょうか？
EC=Electronic Commerce
Electronic Commerce、日本語に訳すと電子商取引という意味。この頭文字をとってECと呼んでるわけです。「Eコマース」と呼ぶこともありますね。インターネット上で品物やサービスを売買すること全般のことをさします。ざっくり言えば、一般に「ネット通販」「ネットショッピング」と言われるものは全てECということになります。
通販ってECだけじゃないの？
ECは「ネットを使ってお買い物すること」なので、カタログ通販はECに入らないということになります。カタログ通販は、カタログを見て欲しいものを葉書や電話・FAXで注文する販売方法でネットは利用しません。TVショッピングもネットは利用しないのでECには含まれません。これらの販売方法はECとは呼ばず、ただの「通信販売(通販)」と呼びます。インターネットが始まるより前からある「通信(郵便や電話)」を利用した販売なので通信販売。ECも通信ではあるので、通信販売という大きな括りの中にECという分野があると捉える方がいいかもしれません。
Webmin / Virtualmin のすヽめ
「Virtualbox / vagrant のすヽめ」の続編です。前回、LAMP環境構築を目指すと言って途中で挫折したので、その続きを。
「Virtualbox / vagrant のすヽめ」の内容を実行することでCentOS7の仮想マシン環境が構築されたかと思います。これでLAMP環境のL（Linux）は構築できました。残りのAMP（Apache, MySQL/MariaDB, PHP）の環境を行います。
個別にインストールと言う方法もあるのですが、今回はその他ソフトも含めて一括してインストール・更新ができたり、仮想マシン（Linuxサーバ）全般の設定・管理ができるソフトウェア「Webmin」を使いたいと思います。また、LAMP環境はWebサーバ環境をオープンソースで構築したものですので、何らかのWebサービスを使用可能にすることが最終目的と言えます。その場合、Apacheの設定等が必要になりますが、仮想ホスト（１つのサーバで複数のドメインを管理する形態）環境の構築も含めて設定・管理ができるソフトウェア「Virtualmin」を合わせて使いたいと思います。
仮想マシンへのログイン
フロントエンド開発者へのロードマップ
はじめに
はじめまして。私は、９月から未経験でWebコーダーとして入社しました。今後フロントエンドエンジニアを目指していく上でのロードマップを自分なりに簡潔に要約、リスト化いたしました。
今後は、このロードマップに沿って知識を身に付け、ブログを通して見ていただく方々にも有益となるように共有していきたいと考えております。
下記にロードマップの要約をしました。
FTPツールの怖い話
ファイルをサーバにアップロードする時、どのようにアップロードしていますか？
サーバと接続し、ファイルのアップロード・ダウンロードをサポートしてくれるツールはありがたいですよね。しかし、そんな便利なツールも使用には注意が必要です。それは「ドラッグ＆ドロップ」です。笑う所ではありませんよ？
ここ最近で2件ほど同じような事例がありました。それは、「突然サイトが見れなくなった」という現象です。これらは同じ現象で、ドキュメントルートが無くなっているためサイトが見れないという現象です。
何故、ドキュメントルートが無くなったのか？削除されたわけではなく、同階層の別のディレクトリ配下に移動していました。そう、何らかの手違いでサーバ内のドキュメントルートを同階層の別のディレクトリ配下にドラッグ＆ドロップしてしまっていたのです。
ドラッグ＆ドロップは便利な機能ですが、上記のような現象も起こしてしまう危険な機能なのです。
ではどうすればいいのか？ファイルやディレクトリを選択し、右クリックメニューを使ってアップロード・ダウンロードしましょう。操作ミスでサイトが見れなくなるリスクに比べれば大した手間ではありません。
スタッフ紹介(吉本 大介)
吉本 大介 ／ Daisuke Yoshimoto
職種
プログラマー
Virtualbox / vagrant のすゝめ
LAMP環境で動くシステムの開発環境を構築したい場合、どうしますか？WindowsならXAMPP、MacならMAMPという選択肢もありますが、開発関連ソフトをホストOSに直接インストールすることになるのでホストOSの動作を不安定にする場合があります（実際、ありました）。これは精神衛生上よくありません。と言うことで、仮想化ソフト「Virtualbox」と「vagrant」の利用に関する布教活動中です。
Virtualboxとは？
仮想化ソフトです。エミュレーターという言い方もあります。単純に言えば、あるOS環境（例えばMac）上で別のOS環境（例えばLinux）を使えるようにすることができるソフトです。言い換えれば、ある機械（例えばMac）の中に別の機械（例えばLinuxサーバ）が仮想的に存在しているような状況を構築できるソフトです。この時、仮想的に存在している機械の方を仮想マシンと表現したりします。これ以上詳しく知りたい方はGoogle先生に聞いてください。
vagrantとは
仮想化ソフトを使用した仮想マシン環境を簡易に構築するためのソフトです（なんのこっちゃ？）例えばVirtualboxだけでも仮想マシン環境は構築できるようですが、かなり面倒らしく、その辺をvagrantを使うことで簡略化できるようです。と言ってもvagrantを使わずにVirtualbox環境を構築したことがないので、実際のところは良くわかりません。まぁ、Virtualboxを使う時はセットでvagrantを使うのが定石（デフォルト）と思っていただいて問題ないかと。これ以上詳しく知りたい方はGoogle先生に聞いてください。
Virtualboxのインストール方法
LaravelのDuskで外部サイトをブラウザテスト
Laravel Dusk
LaravelにはFeatureテストやUnitテストのほか、『Laravel Dusk』というブラウザテスト機能があります。今回はこの『Laravel Dusk』を使って外部サイト(特にテストが作りにくい古いサイト)のブラウザテストを、手元のLaravelから行ってみたいと思います。
Laradock立ち上げ
まずは作業用ディレクトリに移動して新規ディレクトリ作成します。
@mac$ cd dusk$mkdir...
ネットショップと実店舗のメリットとデメリット
ECの市場規模がし続けているのはやはりスマホ普及が要因となっているのでしょう。いつでもどこでも、買い物ができる便利なところが世代を問わず利用しているのだと思います。そこで、ECショップと実店舗のメリットとデメリットを考えてみました。【実店舗のメリット】・商品の魅力を直接伝えられる・お客様の要望を聞きながら提案できる・実際に触れて見て確認して購入できる
【実店舗のデメリット】・家賃や維持費がかかる・遠方から来店しにくい・開業・閉店にかなりの費用がかかる
【ECショップのメリット】・全国・世界に向けて売ることができる・年中無休・24時間注文受付できる・実店舗に比べると安価に開業できる・気軽に開店・閉店できる
【ECショップのデメリット】・購入者が実物を手に取って見られない・対面での接客ができない・在庫管理や発送管理など細かい作業が多い・商品の登録に労力がいるこのようにどちらもメリット・デメリットがあるので、自分の得意分野や環境に合わせて、素敵な店舗作りが出来るといいなと思います。
デザイン
デザイン前に準備しておく10の取り組み
制作に携わっていると、気持ちが焦るばかりで手を先に動かしたくなることが多くあります。その誘惑に負けて制作を先行してしまうと、考えながら手を動かすため余計に時間がかかったり、後戻りが発生したりと、トータルで見ると無駄な作業時間が多くなってしまいます。これは改善できるのでしょうか？
効果的なグラデーション色の効果と使用方法
近年、サイトデザインではよくグラデーションの効果が用いられています。いわゆる立体感や質感の要素を表現できるグラデーションは、フラットデザインの台頭で廃れていた時期もありました。しかしフラットデザインと組み合わせることで、単色では表現できない多彩な色表現を出すことができる点などが再評価され、現在ではトレンドの表現として多くのウェブサイトで採用されています。
Webデザインにおける、日本と海外の違いを比べてみる［UI編］
海外のリーフレットやパッケージ、建物、看板に至るまで、日本のそれと全然違うな〜、なんて経験をした方はたくさんいらっしゃると思います。それぞれの歴史や文化が違うため、感覚や思考が異なるのでしょう。世界中で活躍している企業は一体どのようにしてユーザーに対応しているのでしょうか？
プログラム
スマホでもWeb検証ツールを使ってみる
Web開発では度々お世話になるデベロッパーツール。（Chrome右クリックで出てくる検証のアレです）実はiOSのSafariでも検証ツールが使えるって知っていましたか？
LaravelのDuskで外部サイトをブラウザテスト
Laravel Dusk
FTPツールの怖い話
ファイルをサーバにアップロードする時、どのようにアップロードしていますか？
Recipes
どなたと心得る
ビデオ会議、当たり前になりましたね。コロナ前は遠隔地との社内会議なんかでは比較的使われていたイメージですが、社外とのミーティングではあまり使っていませんでした。お手軽なツールが出てきたことも相まって、あっというまに拡がりました。
最新アーカイブ
Latest article
よく見る「ディレクション費」ってなんだろう？！
ディレクターの鈴木です。今までたくさんのお見積書を作成してきました。新規のサイト制作から、更新、運用保守などについて様々です。その中でも「ディレクション費」って何？っというご質問をよくいただきますので、ザザッと説明していきたいと思います。
WEBサイト制作は、デザイナーやコーディング、システムエンジニア、サーバエンジニア、時にはカメラマンやライターなどなど、さまざまな分野のプロフェッショナルスタッフがチームを作り、連携し、作業を行っていきます。それぞれの作業進行状況を管理しているのが、ディレクターです。
また、お客様がかかえる課題をどう解決するか、制作の目的やターゲットを明確にし、ゴールを設定し、お客様要望とズレがないよう、ご要望の整理や要件定義やサイト設計、各ページの設計なども行います。プロジェクト全体を把握し、ドキュメント化し、お客様と社内のチームへ全て展開・共有します。
ドキュメント化しておくのは大切で、お客様もチームも、迷った時の再確認用にもなり、また突然の仕様変更でも、立ち返る場所があることで、スムーズに方向展開することができます。
・お客様の要望や要件の整理をし・制作ボリューム、プロジェクト全体を把握し、・ドキュメント化し・お客様とのお打ち合わせ・社内スタッフのアサインに進行管理・時には、撮影に同行したり、素材あつめたり
などなど、ディレクション費は、これらの業務にかかかるディレクターの稼働費用です。
スタッフ紹介(吉本 大介)
吉本 大介 ／ Daisuke Yoshimoto
職種
プログラマー
Visual Studio Code の好きなところ
コードを書くためのエディタは何を使用していますか？
弊社のコーダーチームも愛用しているVisual Studio Code は便利な機能がたくさんあり、とってもおすすめです。使っている方も多いと思いますが、ショートカットキーやEmmetを使いこなせるようになるとVScodeならではの強みを活かすことができると思います。
わたしはまだまだなのですが、使い始めた時と比べると使えるようになったショートカットキーが多くなり格段とスピードが上がっている＆面倒な修正もサクサクとできるようになりました。
