発行
子供の持つ持たないというのは、人それぞれです。しかし、子供がいるということは「働き方」にも大きく影響を及ぼします。今回は座談会形式で、その働き方について聞いてみました。
左右中央寄せの手法のうち、インラインブロックを利用する方法、Flexboxを利用する方法の2つを解説します。細かなコントロールができるか、できないかは、仕様と実装の理解にかかっています。
オープンソースの地図ライブラリLeafletを使い、テキストとHTMLのオーバーレイヤーの実装、さらにマーカーのクラスタリングについても解説します。Google マップが使えない案件で重宝するでしょう。
発行
実務に頻出する要素を中央に寄せるさまざま方法を解説。同時になぜそうなるのかを仕様から、きちんと読み解きます。ただ「寄せる」から「わかって寄せる」実装を目指しましょう。
dialog要素を表示／非表示するだけでなく、背景色を変えたり、アニメーションをつけたりといったこともできます。こういった応用的なことも見てみましょう。
オープンソースの地図ライブラリLeafletを用いたWebマップの実装について解説します。Leafletは地図データを持たないため、別途データを読み込む実装が必要です。まず、基礎を押さえます。
発行
GitHubはソースコードだけでなく、日本語で書かれている文書も管理できます。この記事では、CodeGridの記事作成のプロセスを例に、文書管理をGitHubでどのように使っているかを解説します。
Webページで表示されるダイアログを、HTMLで簡単に表現できるようになるdialog要素。今回は基本的な使い方からフォームとの連携、showModal()の使用を学びます。
地図上に大量のマーカーが並ぶと、そのままでは動作が重くなりユーザーにストレスを与えてしまいます。その解決策として、近いマーカー同士をグループにまとめてしまうクラスタリングがあります。
発行
制作環境編です。制作ツールのほか、最近のフロントエンド開発のスタイルになってきたJavaScriptのテストや、CSSのスタイルガイドが、どの程度現場に浸透してきているのかも調査しました。
地図上に表示するテキストのオーバーレイレイヤーやHTMLを追加する方法ついて解説します。吹き出しの中にテキストやHTMLや画像を表示したり、地図上に直接HTMLを追加することができます。
ECMAScript 6の新機能、letとconstによる変数宣言を解説します。宣言された変数はブロックスコープ内で有効な変数となり、これはES6仕様でJavaScriptが初めて獲得する概念になります。