Clik here to view.
Drupal8 Hello Worldモジュール作成手順
この記事は「Drupal Advent Calendar 2016」の12月9日分の記事です。今回ご紹介するのはDrupal8 でカスタムモジュールを作成する方法です。なお当記事はDrupal.orgの下記記事を引用しています。 Hello World...
View ArticleClik here to view.
Drupal8 Twigテンプレートの基礎
Drupal8 からテーマのテンプレートエンジンに「Twig」が採用されました。今回の記事ではDrupal8 でのTwigの基礎をご紹介いたします。 変数の出力Twigテンプレートに渡された変数は下記ように値を呼び出すことができます。 {{ variable }} 例えば下記の配列の場合、{{ hoge_array.key }} として値を取得することができます。php $hoge_array =...
View ArticleDrupal8 Twigテンプレートで言語コードを取得する
Drupal8から、Twigが採用されたことにより、テンプレート内でPHPが使えなくなりました。 D6、D7では下記のように言語コードを取得できました。D7<?php global $language; echo $language->language; D8では下記コードで現ページの言語が取得できます。...
View ArticleClik here to view.
CMSのハッキング統計と、CMSのアップデート手順
昨今のWebサイトには、CMSが導入されていることがほとんどではないでしょうか。私の経験上、CMSを導入したがCMSのアップデートをしていないユーザーが多く存在しているように感じます。Webサイトは、作るのが目的ではなく、Webサイトを運用し何らかの情報を発信することが目的です。長くWebサイトを運用するためには、必ずCMSのアップデートをしてください。...
View ArticleClik here to view.
Clik here to view.
Flexboxの全プロパティと使い方
CSS3の新しいレイアウトモジュールFlexible Box Layout Module（以下、Flexboxと呼ぶ）が、WebサイトのHTML/CSSレアイアウトコーディングの主流になりつつあります。これまでのレイアウト構成に使っていた、floats と clearfix...
View ArticleClik here to view.
CPIサーバーでSassなどのSource Mapが使えない対処方法
Source Mapを使うと、SassやLess、TypeScriptなどで、コンパイルされ難読化されたコードが、オリジナルファイルの何行目に書かれているかを確認することができます。例では ID: mainに設定したスタイルがオリジナルファイルの「style.scss」の7行目に書かれていることが分かるかと思います。 しかしCPIサーバーではSource Mapが正しく動作しません。...
View ArticleClik here to view.
CPI × KUSANAGI × WordPressの実力を検証してみた
レンタルサーバーのCPIは、プライムストラテジー社が開発しているWordPressを高速化するKUSANAGIを導入したサービスを2017年3月22日にローンチしました。前回CPIの専用サーバーでベンチマークを測ったときは、「3000万PV /...
View ArticleClik here to view.
CPI LINE@のご案内
日頃よりレンタルサーバーCPIをご利用いただきありがとうございます。レンタルサーバーCPIは、主にオンラインでサーバーを販売しているため、ユーザー皆様との接点が極端に少ないです。私はご利用いただいているユーザーの皆様との接点は、大変重要だと感じており、イベントなどを通じてユーザー皆様との交流をしております。Line@は、その接点となる１つで、普段顔の見えない皆様とLine@を通じて交流していけたらと...
View ArticleClik here to view.
CPIサーバーにWordPressをインストールする手順 4.x 編
レンタルサーバーCPIサーバーにWordPressをインストールする手順の紹介です。使用するサーバーは、共用型レンタルサーバーACE01です。記事の前半ではCMSインストーラーを使用した設置方法で、後半に手動で設置する方法を紹介しています。新規にWordPressをインストールする場合は、CMSインストーラーを利用することをオススメします。 CMSインストーラーを利用した...
View ArticleClik here to view.
JavaScriptのデバッグに役立つConsole APIメソッドについて
みなさんこんにちは、JavaScriptを使い動的なWebサイトを構築していますでしょうか。本日はJavaScriptの開発時に役立つ、Console API メソッドを紹介します。こちらの記事はMdNデザインと共同で進めている記事です。 MdNデザインのサイトも合わせまして、よろしくお願いいたします。Console API デモページ Console API とは...
View ArticleClik here to view.
CPIの共用型レンタルサーバーACE01にCakePHP3をインストールする方法
お客様からの問い合わせで共用型サーバーのACE01にCakePHPをインストールすることはできますか？と、質問されることがあります。答えはできますが、プログラムの設置などサポート対象外ですので、CPIスタッフブログで紹介させていただきます。 使用する環境 共用型レンタルサーバー ACE01PHP...
View ArticleClik here to view.
テレワークについてカルビー社など取材しました
2017年6月20日に「テレワーク砂漠」という、テレワークの良さを伝えるためのコンテンツを公開しました。「テレワーク砂漠」は、2047年に架空の人物「翔太郎（しょうたろう）」が、2017年にテレワークを導入している企業に、テレワーク導入のきっかけと、効果をインタビューした内容を妻に話すという内容です。書いたきっかけは、KDDIウェブコミュニケーションズにも導入されたテレワークの素晴らしさを皆さんに伝...
View ArticleClik here to view.
JavaScriptのオブジェクトと、DOMを理解しよう
JavaScriptの基礎セミナーの講師を度々やらせていただくことがあります。セミナーを何度かやっていると、みなさんつまずく理由は同じだなという印象です。つまずく理由は、デバッグができていないことと、オブジェクト（DOM含む）を理解していないことです。デバッグに関しては先日書いた記事「JavaScriptのデバッグに役立つConsole...
View ArticleClik here to view.
無料のGoogle翻訳でWebサイトを多言語対応する方法
Webサイトは様々な方法で多言語対応することができますが、今回は「Google Website Translator Gadget」を使い自動でWebサイトを多言語化する方法をご紹介します。試しに当ブログのグローバルナビゲーションに設置してみました。Google Website Translator...
View ArticleClik here to view.
マイクの性能比較Audio-Technica AT2050とAT4040
CPIスタッフブログの動画撮影では、これまでサンワサプライのUSBマイクを使っておりました。 4年くらい前に購入した物で当時5,000円くらいだったかと思います。今回動画撮影用にAudio-TechnicaのAT2050と、AT4040を購入いたしましたので、性能を比較してみました。...
View ArticleClik here to view.
Twilio Studioを使ってIP電話の転送機能を実装しよう
Twilio は、2017年9月19日にノンプログラマーでも直感的に操作できるインターフェース「Twilio Studio」を発表しました。 Twilio Studioは10月23日現在クローズドベータ版ですので、どのようなことが出来るのか、本当にノンプログラミングでも構築できるのかについてお届けいたします。今回はTwilio...
View ArticleClik here to view.
CPI20周年サンクスキャラバン in東京 イベントレポ！
2017年12月22日（金）、CPI20周年を記念し開催した「CPI20周年サンクスキャラバンin東京」が無事終わりました！今回は、イベントの様子とCPIの裏側的なところを、いつもの阿部でなく、広報の伊勢がレポートしていきます。...
View ArticleClik here to view.
Clik here to view.
CPI20周年サンクスキャラバン in青森 イベントレポ！
CPI20周年サンクスキャラバン in 青森 3回目となる「CPI20周年 サンクスキャラバン in青森」のレポートブログ、今回は伊勢に代わってマーケティング部の押野が担当します。 1月の青森なので予想はしていたものの、道路側面には除雪された雪が小高く積み上がり、イベント当日はチラチラと雪が舞うなかでの開催となりました。会場となった「Gravity...
View Article