• コーディング ファクトリーHOME
  • Coding Methodology

コーディングメソドロジー

第121回 MovableTypeとNuxt.jsで作る更新性の高いSPAサイト

第121回 MovableTypeとNuxt.jsで作る更新性の高いSPAサイト

近年Webを取り巻く環境や技術も様変わりし、ブラウザで挙動するWebサイトでありながら、アプリのようなUXを実現するシングルページアプリケーション(SPA)という実装手法も出てきました。新しい実装はなかなか導入のハードルが高いイメージがありますが、フレームワークの発展とともに導入しやすくなってきています。
今回は、Nuxt.jsというフレームワークとMovableType(以下、MTと表記)で生成したJSONファイルを使ってSPAサイトを実装する方法をご紹介します。

詳細を見る

第120回 miCheckerを使ってWebアクセシビリティを学ぼう

第120回 miCheckerを使ってWebアクセシビリティを学ぼう

miChecker(エムアイチェッカー)とは、総務省が無償で配布しているWebアクセシビリティ評価ツールです。主に、Webコンテンツが「JIS X 8341-3:2016」に準拠しているか確認するための「検証支援ツール」として広く知られていますが、Webアクセシビリティに関する様々な知識を学ぶ学習ツールとしても利用することができます。今回は、miCheckerを使って、具体的にどのようなことが学べるのかをご紹介します。

詳細を見る

第119回 制作したページを素早く確認できる!検証用ページ制作のすすめ

第119回 制作したページを素早く確認できる!検証用ページ制作のすすめ

Webサイトの規模は1ページ、100ページ、1,000ページと大小様々です。制作するのはもちろん大変ですが、それと同じくらい検証にも時間が掛かります。URLを1ページずつ入力したり、スプレッドシートのセルを一つ一つクリックしてページを探すのは結構手間がかかるものです。そこで今回は検証の効率を上げるために検証用のページの使用例をご紹介をしたいと思います。

詳細を見る

第118回 もっとGitを使いこなそう 〜困った時のGitコマンド編〜

第118回 もっとGitを使いこなそう 〜困った時のGitコマンド編〜

GitはもはやWeb制作の現場になくてはならないものですが、複数人で作業していると、「間違って違うブランチで作業していた」「マージしてはいけないタイミングでマージしてしまった」など、焦ってしまったという経験は誰でもあるもの。今回はそんな困った時に使える便利なGitの機能を3つ、SourceTreeでの操作とコマンドで紹介します。

詳細を見る

第117回 よくあるレイアウトをflexboxで簡単に実現する

第117回 よくあるレイアウトをflexboxで簡単に実現する

CSS3で新しく制定されたflexbox。そのレイアウトの組みやすさから、制作の現場で利用する機会が非常に多くなってきました。要素が増えてもレイアウトが柔軟に対応することや、上下中央寄せが簡単に実現するなど、活用方法は様々です。今回は、実践的なflexboxの利用について具体的な事例をご紹介します。

詳細を見る

  • 大規模サイト制作のご案内 大規模サイトプロジェクトのポイントやサービス内容をご紹介
  • コーディングメソドロジー
  • コーディングファクトリートピックス
  • 受注活動サポートサービス
  • コーディングファクトリーニュース
  • IllustratorでのWebデザイン
  • 求人案内
  • 株式会社モノサス
  • お問い合わせ

    コーディング相談ダイヤル

    お問い合わせ

  • ご相談、お問い合わせフォーム

    ご相談、お問い合わせフォーム