こだわり https://blog.qpqp.jp/news/category/%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A ja Drupalを使うメリット https://blog.qpqp.jp/news/202001/15_209 <span class="field field--name-title field--type-string field--label-hidden">Drupalを使うメリット</span> <div class="field field--name-field-news-thumbnail field--type-image field--label-above"> <div class="field__label">news_thumbnail</div> <div class="field__item"> <img src="/sites/default/files/news/2020-05/newsicon_drupal.jpg" width="1200" height="1200" alt="Drupalを使うメリット" typeof="foaf:Image" /> </div> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/13" typeof="schema:Person" property="schema:name" datatype="">manager</span></span> <span class="field field--name-created field--type-created field--label-hidden">2020/01/15(水) - 00:00</span> <div class="field field--name-field-news-category field--type-entity-reference field--label-above"> <div class="field__label">news_category</div> <div class="field__item"><a href="/news/category/%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A" hreflang="ja">こだわり</a></div> </div> <div class="field field--name-field-news-tags field--type-entity-reference field--label-above"> <div class="field__label">news_tags</div> <div class="field__items"> <div class="field__item"><a href="/news/tag/%E5%88%B6%E4%BD%9C%E3%81%AE%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A" hreflang="ja">制作のこだわり</a></div> <div class="field__item"><a href="/taxonomy/term/167" hreflang="ja">ノウハウ</a></div> <div class="field__item"><a href="/taxonomy/term/164" hreflang="ja">開発</a></div> <div class="field__item"><a href="/taxonomy/term/183" hreflang="ja">運用</a></div> <div class="field__item"><a href="/taxonomy/term/182" hreflang="ja">セキュリティ</a></div> <div class="field__item"><a href="/taxonomy/term/161" hreflang="ja">CMS</a></div> <div class="field__item"><a href="/taxonomy/term/162" hreflang="ja">Drupal</a></div> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p class="pw0">quip Designは、CMSを得意としています。<br /> そのなかでも今回は、特に好評をいただいているDrupalについて説明します。</p> <div id="outline"> </div> <p class="pw0">それでは解説していきます。</p> <h2 data-outline="outline1">1. そもそもCMSって何?</h2> <p>通常Webサイト(ホームページ)は、HTMLやCSSといった専門言語を用いて表示されています。<br /> その専門用語を知らなくても、Webサイトのコンテンツを構築して運用管理できるシステムのことをCMS(コンテンツ・マネジメント・システム)と呼びます。<br /> <br /> CMSはそのままだと<br /> 見た目がBlogのように均一になページになりますが、カスタマイズをすることで、Blogを更新するように管理画面に情報を入力するだけで、自動的にコンテンツが生成されトップページなどに更新される仕組みがつくれます。<br /> <br /> 今やCMSはユーザーに最新情報やより細かい情報を提供するために、欠かせないツールとなっています。</p> <h2 data-outline="outline2">2. CMSの種類は?</h2> <p>CMSは全世界で数百種類ほどあると言われています。<br /> 知名度が高いものには、Wordpress、WiX、STUDIO、JIMDOなど、いずれかは耳にしたことがあるのではないでしょうか?<br /> <br /> CMSの世界シェア(2019年7月時点)は以下のとおりです。</p> <blockquote>WordPress1位34.1%  Joomla2位2.8%  3位Drupal1.8% Shopify5位1.6%  Wix6位1.1%</blockquote> <p>参照:W3Techs Historical trends in the usage statistics of content manage ment systems, July 2020</p> <h2 data-outline="outline3">3. quip Designが選ぶCMSの種類</h2> <p>CMSのノウハウと実績を9年前から蓄積してきたquip Designでは、主に以下の3ついずれかをカスタマイズして提供しています。<br /> 選ぶ理由は、第1にセキュリティ、第2にカスタマイズの柔軟性さです。</p> <div style="overflow:hidden;"> <table align="left" border="1" cellpadding="1" cellspacing="1"> <thead> <tr> <th scope="col"> </th> <th scope="col" style="white-space:nowrap">世界シェア</th> <th scope="col" style="white-space:nowrap">ライセンス</th> <th scope="col" style="white-space:nowrap">セキュリティ</th> <th scope="col" style="white-space:nowrap">開発難易度</th> </tr> </thead> <tbody> <tr> <td>Drupal</td> <td>3位</td> <td>無料</td> <td>高</td> <td>高い専門知識が必要</td> </tr> <tr> <td>Wordpress</td> <td>1位 </td> <td>無料</td> <td>低</td> <td>個人レベルの低さ</td> </tr> <tr> <td>Movable Type</td> <td>-</td> <td>有料</td> <td>高</td> <td>ほどほどの専門知識 が必要</td> </tr> </tbody> </table> </div> <h2 data-outline="outline4">4. Drupalって?</h2> <p>このうち特に弊社がおすすめしているのはDrupalです。<br /> 国内では馴染みがありませんが、世界ではスタンダードのCMSで高セキュリティを前提に開発されていてデザインの再現性と拡張性に優れています。</p> <h3 data-outline="outline4-1">4.1. カスタマイズについて</h3> <p>まず、クラウド型のWiX、STUDIO、JIMDOなどはカスタマイズがほとんどできません。<br /> オープンソース型のWordpressもカスタマイズはできますが、Drupalはさらにデザインの再現性も高く、拡張性が高いためお客様の使い勝手に合わせてカテゴリ設置や自由なサイト構築など<span class="c-markerYellow"><strong>高度なフルカスタマイズ</strong></span>を提供することが可能です。<br /> 具体的には、<br /> <a href="/utilize">&gt; 具体的にどのようにコンテンツが管理できるのか?</a><br /> が参考になると思います。</p> <h3 data-outline="outline4-2">4.2. セキュリティについて</h3> <p>CMSを入れると、便利になるかわりにアタッカーに狙われるリスクも少なからず生じます。<br /> ここ2〜3年ほどで被害が急激に増えました。<br /> <br /> そのなかで、Drupalは、セキュリティレベルが高いNASAやホワイトハウスをはじめとした機関が導入するほど高セキュリティを前提に開発されています。</p> <h3 data-outline="outline4-3">4.3. 被害について</h3> <p>具体的な実被害は、深刻度合いにもよりますが、</p> <p class="c-grayBorder">・サイトが乗っ取られる<br /> ・ソースが改変される<br /> ・見た目上わからないが特定のプログラムが仕込まれ<br />  Google等の検索からスパムとみなされ除外されたり順位が下がる</p> <p>それにより</p> <p class="c-grayBorder">・ECの売り上げ、問合せ、PVへの影響<br /> ・被害回復までユーザーへの信頼面が大きく損なわれる</p> <p>といった実被害が出ています。<br /> 実際にJoomla!、WordPress、DrupalなどのCMSを導入したサイトが数万〜百万単位で被害にあっています。</p> <h3 data-outline="outline4-4">4.4. 保守について</h3> <p>そこで必要なのがアップデートの必要性です。<br /> 今あたりまえのように使っているパソコンやWebサイトの技術はここ20〜30年の技術で、日進月歩で進化しています。<br /> 新しい技術が開発されると、セキュリティホール=脆弱性ができます。<br /> WindowsやMacなどのOS、ChromeやEdgeなどのブラウザ、スマホも常にアップデートがきていると思いますが、このアップデートを怠ってているとウィルスを仕込まれたり、個人情報を盗まれたり、遠隔操作されたり悪さをされても仕方のない環境をつくってしまいます。<br /> <br /> Drupalには毎月パッチアップデートが公開されているため、確実に対応していれば安心です。<br /> それ以外に、マイナーアップデート&amp;セキュリティー&amp;バグ対応アップデート、大きなバージョンアップデートもあります。</p> <h3 data-outline="outline4-5">4.5.開発について</h3> <p>国内では、導入に専門知識が必要で開発コストが高く手軽には導入できないためDrupalを扱える制作会社は少なく、これまでもquip Designの高度なカスタマイズは好評を得てきました。</p> <h2 data-outline="outline5">5. Drupalメリット・デメリットまとめ</h2> <h3 data-outline="outline5-1">5.1. Drupalメリット</h3> <p>・NASAやホワイトハウスが導入するほどセキュリティが高い<br /> ・アップデートが頻繁に出ているため安心<br /> ・デザインの再現性が高い<br /> ・拡張性が高くNewsだけでなくオリジナルの更新ページが作れる</p> <h3 data-outline="outline5-2">5.2. Drupalデメリット</h3> <p>・素人が手軽に導入できない<br /> ・開発コストが高い<br /> <br /> いかがでしたでしょうか?<br /> <br /> いまやたくさんのサイトで使われているCMSですが、サイトやサービスの内容・規模・開発用件によって、セキュリティや拡張性などを予め把握したうえで選ばないと後々に思わぬコストが発生してしまいますので慎重に選ぶことをおすすめします。<br /> <br /> 弊社ではDrupalはもちろんWordpressなど様々なCMSの実績・ノウハウがありますので、<br /> ・運用方法がわからない。無駄を減らしたい<br /> ・社内リソースを使った運用を考えている<br /> ・試行錯誤しているうちに収集がつかなくなった<br /> などのお悩みがあれば、気軽にご相談ください。</p> <div class="c-caseContentMore"><a href="/utilize">&gt; Webはもっと便利に活かせます</a></div> <div class="c-caseContentMore"><a href="/check">&gt; 広告やWebを検討中のご担当者・経営者さまへ</a></div> </div> <div class="field field--name-field-contributor field--type-entity-reference field--label-above"> <div class="field__label">contributor</div> <div class="field__item"> <article data-history-node-id="212" role="article" about="/node/212" class="node node--type-contributor node--view-mode-token clearfix"> <header> <h2 class="node__title"> <a href="/node/212" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">shuji</span> </a> </h2> </header> <div class="node__content clearfix"> <div class="field field--name-field-company field--type-string field--label-above"> <div class="field__label">company</div> <div class="field__item">quip Design</div> </div> <div class="field field--name-field-position field--type-string-long field--label-above"> <div class="field__label">position</div> <div class="field__item">プログラマー</div> </div> <div class="field field--name-field-name field--type-string field--label-above"> <div class="field__label">name</div> <div class="field__item">平出 修二</div> </div> <div class="field field--name-field-portrait field--type-image field--label-above"> <div class="field__label">portrait</div> <div class="field__item"> <img src="/sites/default/files/2020-08/auther_shujiito.jpg" width="264" height="264" alt="平出 修二" typeof="foaf:Image" /> </div> </div> </div> </article> </div> </div> Tue, 14 Jan 2020 15:00:00 +0000 manager 209 at https://blog.qpqp.jp コーポレートツールについて https://blog.qpqp.jp/news/202009/20_13 <span class="field field--name-title field--type-string field--label-hidden">コーポレートツールについて</span> <div class="field field--name-field-news-thumbnail field--type-image field--label-above"> <div class="field__label">news_thumbnail</div> <div class="field__item"> <img src="/sites/default/files/news/2020-05/qpcard.jpg" width="1200" height="1187" alt="コーポレートツール" typeof="foaf:Image" /> </div> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">adm</span></span> <span class="field field--name-created field--type-created field--label-hidden">2020/09/20(日) - 00:50</span> <div class="field field--name-field-news-category field--type-entity-reference field--label-above"> <div class="field__label">news_category</div> <div class="field__item"><a href="/news/category/%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A" hreflang="ja">こだわり</a></div> </div> <div class="field field--name-field-news-tags field--type-entity-reference field--label-above"> <div class="field__label">news_tags</div> <div class="field__items"> <div class="field__item"><a href="/news/tag/%E5%88%B6%E4%BD%9C%E3%81%AE%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A" hreflang="ja">制作のこだわり</a></div> <div class="field__item"><a href="/taxonomy/term/149" hreflang="ja">グラフィックデザイン</a></div> <div class="field__item"><a href="/taxonomy/term/185" hreflang="ja">コーポレートツール</a></div> <div class="field__item"><a href="/taxonomy/term/184" hreflang="ja">ロゴ</a></div> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>会社の顔にもなるコーポレートツール。<br /> これらはquip Designの名刺、封筒、シールなどです。<br /> <br /> 弊社の場合、封筒など毎月使うツールもあるため、<br /> 受け取る側にストレスがかからないよう<br /> CIを活かしてシンプルな配色と構成で<br /> +αらしさのあるデザインに。<br /> <br /> 設立以来、住所変更等などの修正以外、<br /> 大きなアップデートは1回のみ。<br /> 長く使うことで、イメージを定着させています。</p> <div class="c-bodyBgGray"> <dl class="c-bodyColumn2dl"> <dt>封筒:</dt> <dd>主に請求書を送るときに使っています。折り目部分のさりげないテクスチャがポイント。クラフト紙に活版印刷</dd> </dl> <dl class="c-bodyColumn2dl"> <dt>名刺:</dt> <dd>デザイナーとプログラマーで名刺の紙質と加工を変えています。<br /> 白にパール箔、ボール紙に黒箔</dd> </dl> <dl class="c-bodyColumn2dl"> <dt>シール:</dt> <dd>ロゴをモチーフにスクエアやサイクルの切り抜き加工で遊んでます。銀シールに白印刷</dd> </dl> </div> <p>このようにロゴを活かして紙質や加工にコストをかけると、<br /> 初対面でも「こだわってますねー!」と会話がはずみ<br /> 記憶性も上がります。<br /> <br /> quip Designには<br /> 「新商品を開発したい、CI(ロゴ)と合わせてリブランディングしたい」<br /> というリクエストをご相談いただくケースが多く、<br /> 商品のブランドツール、会社コーポレートツール、<br /> お店のショップツール、病院の診察券やサイン<br /> など様々なの実績があります。<br /> <br /> ロゴがなかったり、現状のものがイメージと違うなぁ、扱いにくいなぁ<br /> と日頃から思ってらっしゃる経営者さま、ご担当者さまはお問合せください。<br /> <br /> 興味をもってもらえるオリジナルツールを検討しませんか?</p> <ul class="c-bodySet"> <li class="c-bodyMore"><a href="/works">&gt; quip Design実績一覧を見る</a></li> <li class="c-bodyMore"><a href="/contact">&gt; お問合せする</a></li> </ul> </div> <div class="field field--name-field-contributor field--type-entity-reference field--label-above"> <div class="field__label">contributor</div> <div class="field__item"> <article data-history-node-id="211" role="article" about="/node/211" class="node node--type-contributor node--view-mode-token clearfix"> <header> <h2 class="node__title"> <a href="/node/211" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">anzu</span> </a> </h2> </header> <div class="node__content clearfix"> <div class="field field--name-field-company field--type-string field--label-above"> <div class="field__label">company</div> <div class="field__item">quip Design</div> </div> <div class="field field--name-field-position field--type-string-long field--label-above"> <div class="field__label">position</div> <div class="field__item">クリエイティブディレクター・ブランディング・Webデザイナー</div> </div> <div class="field field--name-field-name field--type-string field--label-above"> <div class="field__label">name</div> <div class="field__item">平出 杏</div> </div> <div class="field field--name-field-portrait field--type-image field--label-above"> <div class="field__label">portrait</div> <div class="field__item"> <img src="/sites/default/files/2020-08/author_anzu.jpg" width="264" height="264" alt="平出 杏" typeof="foaf:Image" /> </div> </div> </div> </article> </div> </div> Sat, 19 Sep 2020 15:50:00 +0000 adm 13 at https://blog.qpqp.jp ヒアリングについて https://blog.qpqp.jp/news/202005/06_208 <span class="field field--name-title field--type-string field--label-hidden">ヒアリングについて</span> <div class="field field--name-field-news-thumbnail field--type-image field--label-above"> <div class="field__label">news_thumbnail</div> <div class="field__item"> <img src="/sites/default/files/news/2020-05/newsicon_hearing.jpg" width="1200" height="1200" alt="ヒアリングについて" typeof="foaf:Image" /> </div> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/13" typeof="schema:Person" property="schema:name" datatype="">manager</span></span> <span class="field field--name-created field--type-created field--label-hidden">2020/05/06(水) - 00:00</span> <div class="field field--name-field-news-category field--type-entity-reference field--label-above"> <div class="field__label">news_category</div> <div class="field__item"><a href="/news/category/%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A" hreflang="ja">こだわり</a></div> </div> <div class="field field--name-field-news-tags field--type-entity-reference field--label-above"> <div class="field__label">news_tags</div> <div class="field__items"> <div class="field__item"><a href="/news/tag/%E5%88%B6%E4%BD%9C%E3%81%AE%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A" hreflang="ja">制作のこだわり</a></div> <div class="field__item"><a href="/taxonomy/term/167" hreflang="ja">ノウハウ</a></div> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>quip Designは設立当初から11年半、拘っていることがあります。<br /> それは、ヒアリングに時間をかけること。<br /> <br /> それは、10年前に群馬県高崎市を拠点を移して<br /> 県内をはじめ、地方の仕事を多く受けるようになってから<br /> ダイレクトに企業様のお仕事の比重が高まるなかで<br /> 尚のこと意識してきたことです。<br /> <br /> ・良く理解すること<br /> ・客観的に判断すること<br /> <br /> この2つは、真逆のことですが、<br /> 制作物をつくるうえで<br /> とても大切なポイントになります。<br /> <br /> それには、制作者自体が、<br /> 企業さんや商品、サービスの状況をできる限り理解分析したうえで、<br /> クライアントさんの本来の目標にとって<br /> どんな制作物を用意すれば目標に貢献できるのか<br /> 判断する必要があるからです。<br /> <br /> この「状況をできる限り理解分析すること」は<br /> クライアントさんにとっては100%理解していることでも<br /> 制作者さらには消費者にとっては<br /> ほとんど理解できていないことばかりです。<br /> <br /> さらに、クライアントさんだからこそ<br /> 見えていないポテンシャルを+α見つけることも<br /> 私たちの得意分野。<br /> <br /> たった1度30分の打合せくらいで<br /> 理解できることではなく<br /> 表面で話していることのなかにある真髄を見出すには<br /> 蓄積されてきたヒアリング能力と情熱が必要なのです。<br /> <br /> 会社員としてディレクター・デザイナーをしていると<br /> 一案件のヒアリング・ブレストに<br /> ここまで時間をかけることはできません。<br /> <br /> 私たちは、<br /> 話をする人 = 作る人<br /> でいるために<br /> あえてメイン2名で活動しています。<br /> <br /> 現況の影響もありリモートで<br /> ヒアリング・意見交換させていただく機会も多くなりましたので<br /> 遠方でも打合せしたいときに迅速に対応することも可能になりました。<br /> 47都道府県を巡ったこともありますので、<br /> 日本全国、伺うこともできます。<br /> <br /> 容易なことではありませんが、<br /> お客様の限りあるコストで<br /> 最高のパフォーマンスを実現するために<br /> 続けていきたい取り組みです。<br /> <br /> 私たちは国内旅行や国産製品が大好きで<br /> 普段から日本国内の商品や事業を応援したいと思っています。<br /> まだ知らない<br /> あなたさまの商品や会社の<br /> お話が聞けるのを楽しみにしています。<br /> <br /> ブランディングやWebをご検討中でしたら<br /> 以下もぜひ合わせてご覧ください。</p> <div class="c-caseContentMore"><a href="/communicate" tareget="_blank">&gt; 伝えるために必要なことって?</a></div> </div> <div class="field field--name-field-contributor field--type-entity-reference field--label-above"> <div class="field__label">contributor</div> <div class="field__item"> <article data-history-node-id="211" role="article" about="/node/211" class="node node--type-contributor node--view-mode-token clearfix"> <header> <h2 class="node__title"> <a href="/node/211" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">anzu</span> </a> </h2> </header> <div class="node__content clearfix"> <div class="field field--name-field-company field--type-string field--label-above"> <div class="field__label">company</div> <div class="field__item">quip Design</div> </div> <div class="field field--name-field-position field--type-string-long field--label-above"> <div class="field__label">position</div> <div class="field__item">クリエイティブディレクター・ブランディング・Webデザイナー</div> </div> <div class="field field--name-field-name field--type-string field--label-above"> <div class="field__label">name</div> <div class="field__item">平出 杏</div> </div> <div class="field field--name-field-portrait field--type-image field--label-above"> <div class="field__label">portrait</div> <div class="field__item"> <img src="/sites/default/files/2020-08/author_anzu.jpg" width="264" height="264" alt="平出 杏" typeof="foaf:Image" /> </div> </div> </div> </article> </div> </div> Tue, 05 May 2020 15:00:00 +0000 manager 208 at https://blog.qpqp.jp