NEW TOPICS

Gulp.jsでテンプレート開発を高速化!

Gulp.jsでテンプレート開発を高速化!

2018.12.21
テンプレート開発を効率化させるGulpでファイルの圧縮・自動リロードを行うと便利です。Node.jsをベースにしたフロントエンドツールで別名「タスクランナー」と呼ばれています。実際の利用方法を目的別に解説しています。

続きを見る

無料サービスGtiHub Pagesで作るポートフォリオ

無料サービスGtiHub Pagesで作るポートフォリオ

2018.11.30
無料でWeb上にポートフォリオが作れるGithubPages。新しいGitの使い方をご紹介します。エンジニア・Webデザイナーを目指す方にはご自身のスキルを見ていただく機会も多くあります。そんな時、Web上での成果を見れる事は、最大のPRポイントになります。またポートフォリオ自体が成果物にもなるのでオススメ。

続きを見る

知っておくと便利!WordPressの新エディタGutenberg(グーテンベルグ)

知っておくと便利!WordPressの新エディタGutenberg(グーテンベルグ)

2018.09.03
Wordpressの新しいエディタGutenberg(グーテンベルグ)のインストールや使い方についてまとめ(わかりやすい動画付き)ました。すでに使われた方もいるのでは?現段階では、Gutenbergは開発環境、テスト環境での検証を推奨とされている時期です。Gutenbergはこれまでとは格段に使いやすさがアップされています。 Wordpressで記事のアップが多い方には朗報です。仕事時間の合間にライティングをされている方も生産性も上がるエディタをぜひ試してみましょう!

続きを見る

Chrome68とは?「保護されていない通信」と警告が表示されることについて解説

Chrome68とは?「保護されていない通信」と警告が表示されることについて解説

2018.07.30
Chrome68から「保護されていない通信」が表示されるようになりました。警告が表示されるため、どうしても目に入ってしまいます。Googleの公式ブログにも公開され数年前から話題になっています。そこで、ブラウザのシェを測るツール、「StatCounter」のご紹介と、今からでもコストをかけず簡単に常時SSLを導入できる証明書「Let's Encrypt」などの紹介も含め情報を掲載します。

続きを見る

PWA(プログレッシブ ウェブアプリ)とは?

PWA(プログレッシブ ウェブアプリ)とは?

2018.04.17
PWAとは?PWA(プログレッシブ ウェブアプリ)とは、ウェブとスマートフォンのネイティブアプリの両方の利点を兼ね備えたアプリケーションのことを指します。AMPと混同しそうですが、AMPはモバイル表示の高速化を行うための技術です。オリジナルのコンテンツをスマートフォンのアイコンにしていつでも素早く情報を受け取ることができるPWA。まさに最強の機能と言えます。

続きを見る

LIST

flexboxを使った新しいレイアウト方法を試してみる

flexboxを使った新しいレイアウト方法を試してみる

2018.03.24 CSS
今まで頻繁に利用していたfloatやinline-flex、inline-tableなどはプロパティがたくさん必要です。おまけにIEや、デバイスの関係上、メディアクエリの記述も増え、工数はかさむばかり。そこで、一発でレイアウトしてくれる優れもの登場ということになります。flexboxはCSS3で登場した、複雑なレイアウトをシンプルに記述することが出来るレイアウト方法の一つです。

続きを見る

Webサイトの表示速度を改善!【PageSpeed Insightsとは?】

Webサイトの表示速度を改善!【PageSpeed Insightsとは?】

2018.03.21 HTML
ページランクに影響もある、ウェブサイトの表示速度を測ったことはありますか?2018年1月にGoogleの公式ブログで発表されたシグナルでは、 2018年7 月よりページの読み込み速度をモバイル検索のランキング要素として使用することを明言しました。 今回は、PageSpeed Insightsを使って、ウェブサイトの表示速度がどのくらいのランクなのかを実際に調べてみました。

続きを見る

「WordPress.com」と「WordPress.org」の違いとは?

「WordPress.com」と「WordPress.org」の違いとは?

2018.03.12 WordPress
WordPressとは、ブログを書くために作られたオープンソースソフトウェアです。 世界で一番使われているブログツールであり、企業だけでなく、個人でも使えるということも有り、現在では幅広いサイトでWordPressが利用されています。

続きを見る

MovableTypeでDataAPIを使って最新記事を出力する

MovableTypeでDataAPIを使って最新記事を出力する

2017.08.26 MovableType
MovableType6の特徴の一つに「DataAPI」が柔軟に利用できることが挙げられます。 そこで、基本的な操作を行いました。サンプルとして、ブログから最新の記事を5件トップページに読み込み、ブログ記事のタイトルと概要を出力。スタイルシートで今まで通りレイアウト出来きますので、デザインもこれまでと変わりなく、さらに柔軟です。将来性も広がります。

続きを見る

roleの役割と構造化マークアップ

roleの役割と構造化マークアップ

2017.05.01 SEO
roleによるウェブサイトの骨格作りと各セクショニング要素による構造的なマークアップ。roleによって分割された領域に対し、schema.orgを利用したセマンティックウェブ。日常的な利用についてメモしました。

続きを見る

ウェブアクセシビリティとは

ウェブアクセシビリティとは

2017.04.13 Webアクセシビリティ
一番大切なのはサイトを訪れる人に満足した結果をもたらす優良な情報提供です。作っただけで終わらない、見る人のことを考え、たくさんの人と情報を共有できる事が何よりも大切です。導入を考える段階で重要なのは、アクセシビリティへの理解を示し、目標を設定することです。

続きを見る

AMPの導入

AMPの導入

2016.12.28 WordPress
GoogleのAMPって、気になりますね。Webサイトが高速でかなり快適なので、ついつい簡単に取り掛かってしまいそうなのですが、エラー続出は免れないかも。

続きを見る

廃止属性とユーザビリティ

廃止属性とユーザビリティ

2016.12.24 HTML
デザインされた通り表現することって、簡単なようで難しい...あっさり出来ていると思い込んでるだけで、実は間違ってコーディングされていることに気づかない。role属性の非推奨やviewportについて、少し。

続きを見る

新たなサービス「アクセシブルウェブ」

新たなサービス「アクセシブルウェブ」

2016.12.14 Webアクセシビリティ
新たなサービスとして「アクセシブルウェブ」を制作予定です。ウェブアクセシビリティを普段の生活の中で利用する身近なサイトでも提供できるようになれば、との思いから発進します。

続きを見る

バーチャルリアリティをWebで活用できるのか?

バーチャルリアリティをWebで活用できるのか?

2016.12.06 MovableType
MovableType.netは高速な処理を実現する、ビジネスツールです。日々の更新作業を楽に快適に行ってみませんか?VR(バーチャルリアリティ)の活用もWebサイトで実現します。

続きを見る