Clik here to view.
Webフォント最新事情を、フォントおじさんに聞いてみた
今回の記事は「フォントおじさん」こと関口 浩之さんをゲストにお呼びして、Webフォントの最新事情を色々と聞いてみました。* 動画機材の取り扱いにまだ不慣れなため、映像に多々乱れがありますがご了承ください。スライドフォントの知識を深める一日 Part.1 自己紹介・Webフォントが必要な理由 本日の講師関口浩之さん自己紹介今回の動画の趣旨なぜWebフォントが必要なのか -...
View ArticleClik here to view.
Webサイトの表示速度を高速化するための方法
Webサイトの表示速度高速化が昨今注目を浴びています。今回の記事では、Webサイトの表示速度をなぜ改善した方が良いのか。表示速度改善の方法などについて、レッドボックス CEOの小川 勝久氏にお伺いしました。Webサイトの表示速度を高速化したいと考えている方は、ぜひご参考ください。動画内で使用したスライドWeb体験を“向上“させるCDNと 表示速度の重要性 Part.1...
View ArticleClik here to view.
CPI20周年サンクスキャラバン in 岡山
いよいよ折り返し地点を迎えた第4回目のキャラバン。後半1発目は岡山からスタートしました。岡山を活動拠点としているCPIエバンンジェリストの二人を始め、懇意にさせていただいているお客様が沢山いらっしゃいます。実はCPIと岡山の接点は沢山あります。サンクスキャラバン岡山は、申込開始から程なく定員に達してしまい、参加枠を拡大させていただきました。当日何名様いらっしゃっていただけるのだろう。そう思いながら迎...
View ArticleClik here to view.
CPI20周年サンクスキャラバン in 大阪
サンクスキャラバン福岡のレポートでCPIの都道府県別シェアを発表しましたが、大阪は東京に次いで2番目にご契約者さまの多い地域です。いつもお世話になっております！KDDIウェブコミュニケーションズは東京以外にも大阪と宮古島にオフィスを構えており、今回は大阪の同ビル3階にオフィスを構える「中央会計株式会社」さまのセミナールームをお借りして開催いたしました。このセミナールームは昨年9月にリニューアルしたば...
View ArticleClik here to view.
httpからhttpsにリダイレクト、www有無のリダイレクト方法（mod_rewrite）
Webサイトは常時SSLが当たり前の時代になりました。今回の記事では、これまで「http://example.com」や、「http://www.example.com」で運用してきたWebサイトを、「https://example.com」に転送する方法をご紹介します。サイトをSSL化した場合に対策をしておかないと、ブックマークや、Googleの検索エンジンからの流入などから古いURLにアクセスさ...
View ArticleClik here to view.
CPI20周年サンクスキャラバン in 名古屋
昨年12月22日に東京から始まった全国キャラバンも、いよいよ今回の名古屋で最後となりました。迎えた3月3日。天候は晴れ。場所はbasecamp名古屋。会場はCPIサイトにも使っている「a-blog...
View ArticleClik here to view.
今さら聞けないSSL証明書とは、DV、OV、EVとは、常時SSLについて
昨今この業界（IT/Web系）では、常時SSL化が話題になっていますが、常時SSLとは何？、SSL証明書とは何？と聞かれたときに上手く説明できますでしょうか。当記事では、なぜ常時SSLが求められているのか、証明書のDV、OV、EVとは何か、暗号化強度に違いはあるのかなど、説明させていただきます。 目次SSLとは常時SSLが求められる理由SSL証明書とはDV、OV、EVの違い暗号化強度の違いさいごに...
View ArticleClik here to view.
Bootstrap4の使い方特設サイトを公開しました
世界で使われているフロントエンドフレームワークのBootstrap4の使い方特設サイトを公開しました。 目次bootstrapとはBootstrap 4の利用準備（クイック）Bootstrap 4の利用準備（ソースコード）コンテナGridレイアウトタイポグラフィー画像FlexboxユーティリティIframeなどの埋め込みナビゲーションメニューアイコンスクロールスパイコンポーネントサンプルサイト...
View ArticleAnimate.cssの開始時間（Delay）アニメーション時間（Dulation）動作幅を調整する方法
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {...
View ArticleCSSが適用されない、読み込めない場合がある事象について
昨日まで正常に表示されていたWebサイトが、突然CSSが適用されなくなり、何度かブラウザをリロードすると正常に表示される。このような事象にお困りの方はいないでしょうか。実はCPIスタッフブログも、先日なりました。ある端末では正常に表示され、ある端末では正常に表示がされない..........
View ArticleClik here to view.
Webサイトの表示速度を高速化するための方法
Webサイトの表示速度高速化が昨今注目を浴びています。今回の記事では、Webサイトの表示速度をなぜ改善した方が良いのか。表示速度改善の方法などについて、レッドボックス CEOの小川 勝久氏にお伺いしました。Webサイトの表示速度を高速化したいと考えている方は、ぜひご参考ください。動画内で使用したスライドWeb体験を“向上“させるCDNと 表示速度の重要性 Part.1...
View ArticleClik here to view.
CPI20周年サンクスキャラバン in 岡山
いよいよ折り返し地点を迎えた第4回目のキャラバン。後半1発目は岡山からスタートしました。岡山を活動拠点としているCPIエバンンジェリストの二人を始め、懇意にさせていただいているお客様が沢山いらっしゃいます。実はCPIと岡山の接点は沢山あります。サンクスキャラバン岡山は、申込開始から程なく定員に達してしまい、参加枠を拡大させていただきました。当日何名様いらっしゃっていただけるのだろう。そう思いながら迎...
View ArticleClik here to view.
CPI20周年サンクスキャラバン in 大阪
サンクスキャラバン福岡のレポートでCPIの都道府県別シェアを発表しましたが、大阪は東京に次いで2番目にご契約者さまの多い地域です。いつもお世話になっております！KDDIウェブコミュニケーションズは東京以外にも大阪と宮古島にオフィスを構えており、今回は大阪の同ビル3階にオフィスを構える「中央会計株式会社」さまのセミナールームをお借りして開催いたしました。このセミナールームは昨年9月にリニューアルしたば...
View ArticleClik here to view.
httpからhttpsにリダイレクト、www有無のリダイレクト方法（mod_rewrite）
Webサイトは常時SSLが当たり前の時代になりました。今回の記事では、これまで「http://example.com」や、「http://www.example.com」で運用してきたWebサイトを、「https://example.com」に転送する方法をご紹介します。サイトをSSL化した場合に対策をしておかないと、ブックマークや、Googleの検索エンジンからの流入などから古いURLにアクセスさ...
View ArticleClik here to view.
CPI20周年サンクスキャラバン in 名古屋
昨年12月22日に東京から始まった全国キャラバンも、いよいよ今回の名古屋で最後となりました。迎えた3月3日。天候は晴れ。場所はbasecamp名古屋。会場はCPIサイトにも使っている「a-blog...
View ArticleClik here to view.
今さら聞けないSSL証明書とは、DV、OV、EVとは、常時SSLについて
昨今この業界（IT/Web系）では、常時SSL化が話題になっていますが、常時SSLとは何？、SSL証明書とは何？と聞かれたときに上手く説明できますでしょうか。当記事では、なぜ常時SSLが求められているのか、証明書のDV、OV、EVとは何か、暗号化強度に違いはあるのかなど、説明させていただきます。 目次SSLとは常時SSLが求められる理由SSL証明書とはDV、OV、EVの違い暗号化強度の違いさいごに...
View ArticleClik here to view.
Bootstrap4の使い方特設サイトを公開しました
世界で使われているフロントエンドフレームワークのBootstrap4の使い方特設サイトを公開しました。 目次bootstrapとはBootstrap 4の利用準備（クイック）Bootstrap 4の利用準備（ソースコード）コンテナGridレイアウトタイポグラフィー画像FlexboxユーティリティIframeなどの埋め込みナビゲーションメニューアイコンスクロールスパイコンポーネントサンプルサイト...
View ArticleAnimate.cssの開始時間（Delay）アニメーション時間（Dulation）動作幅を調整する方法
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {...
View Article