CMSの定番といえばWordPressですが、開発者にとってより柔軟で使いやすいCMSを探しているなら、Node.jsベースのKeystoneJSがおすすめです。KeystoneJSの特徴と使い方、WordPressとの比較をまとめました。 KeystoneJSはコンテンツ管理システム(CMS)で、データーベースと連動するサーバーアプリケーションを構築するためのフレームワークです。Node.jsの…

Loading...

従来のWebアプリケーションなら簡単なGoogleやFacebookのソーシャルログインも、シングルページアプリケーションに実装するのは意外と大変。実装に戸惑った方へ、ちょっとしたコツを教えます。 シングルページアーキテクチャーを使って開発されたWebアプリケーションを目にすることが多くなりました。このアーキテクチャーでは、アプリケーション全体がJavaScriptとしてブラウザーに読み込まれ、サ…

Loading...

LESSONS

アンパサンド(&記号)やダッシュ(―記号)など、英文でよく使う記号。英文サイトで誤った使い方をしてしまうと恥をかくだけでなく、読みづらくなってしまいます。正しい使い方をマスターしましょう。 句読点記号や文法は、読みやすさに直結します。ユーザーエクスペリエンスの最適化に読みやすさは欠かせません。たった1つの句読点記号でも、配置次第で、納得できる文章にも、意味が分からないものにもなります。 W…

Loading...

単純そうに思えることでも意外と面倒なのがJavaScriptでの日付の処理です。素のJavaScriptよりも使いやすくラクに処理できるコンパクトなライブラリー「date-fns」を紹介します。 JavaScriptで日付を扱うと、素のDateメソッドは冗長な記述になり、整合せず、バグが発生しがちです。そこで日付操作に適したライブラリーが役立ちます。ライブラリーとJavaScriptのDateとの…

Loading...

SVGといえばシンプルな線画やアイコンを表示するもの、と思っていませんか? 木版画ふうのイラストをSVGで作成する方法を紹介します。 この絵は、「木版画界のアンディ・ウォーホール」とも言えるアルブレヒト・デューラーによる500年前の木版画の一部です。木版画は古い印刷技術で、専門の彫師がイメージを木版に手彫りで刻み、木版から画を写します。 デューラー(ニッケルバックのメンバーに見えるって? 違います…

Loading...

Webサイトを効率よくレイアウトできるFlexbox。メガメニューの実装を例に、具体的な活用方法を紹介します。 ご存じの方もいるとおり、Flexboxはブラウザーサポートが増えて、はずみがついています。Flexboxなら、使いたくないCSSやJavaScriptハックを扱わずに、複雑なユーザーインターフェイスを作れます。 Flexboxはリニアレイアウトモデルを採用しており、スペースの計算をせずに…

Loading...

「いつか現れる革新的な競合他社に打ち勝つには、自社から新しいことを始めなくてはいけません。」コードアワード2017グランプリを受賞した江崎グリコの玉井氏と電通 CDCの小池氏へのインタビューです。 第4回目となる「コードアワード2017」においてグランプリを受賞した、江崎グリコ株式会社によるプログラミング教材『GLICODE』(以下 グリコード)。 「お菓子とプログラミング」というイノベーティブな…

Loading...

ライブチャット、マーケティング、メーリングリスト、Webサイトの構築まで、1人でビジネスを回す多忙な個人起業家のためのWordPressプラグインを紹介します。 親が料理、掃除、子育てを1人でするように、個人起業家は事業に関わるすべてを1人でこなします。事業を営みながら、技術をないがしろにせず、見栄えの良い機能的なWebサイトを制作し、マーケティングも兼任します。さらに、経理、発送、カスタマーサー…

Loading...

今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、Illustratorで SVGを最適化して書き出す方法、PHPのコード品質を高めるテストツール8選、フリマアプリ利用者の違いなど、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては? 【今週の一番人気】基礎から学ぶ、IllustratorでSVGを最適化して…

Loading...

floatレイアウトはすでに過去のもの。Webサイトの要素の位置を操作するならFlexboxが定番となりました。出遅れたWeb制作者のために基本を解説します。 テーブルタグが唯一のWebページをレイアウトする手法だった頃を覚えていますか? 表形式のデータを表示するための機能をレイアウトに無理やり使っていたので、タグ名の意味と用途が異なるひどい状態でした。新しい「道具」が必要になり、「正しい」レイア…

Loading...