ホームページ制作・システム開発

1/4ページ

SPAの構築にも最適なVue.jsとは?

  • 2019.09.15

ヘッダー部分・フッター部分・検索部分など「テンプレート(HTML)・スタイル(CSS)・ロジック(JS)」をコンポーネントとしてそれぞれひとまとめにし、ひとつの「.vue」ファイルとして管理し、構築できるVue.js。 Vue.jsは「ディレクティブ」と呼ばれる記述をテンプレート側に行い、そこからjs内に書かれたロジックを実行していく流れで構成されています。 最近主流になりつつある、必要なファイル […]

ブラウザに自由自在に描画できるVue.jsの本質

  • 2019.08.08

JavaScriptのフレームワークの一つとして、まるでHTMLを記述するように、ブラウザに表示する要素を出し分けられるVue.js。その本質は、ブラウザがHTMLをツリー上に読み込んだDOMに対して、Vue自体が仮想DOMを予め生成し、その差分だけを実際のDOMに反映していく処理の流れにあること。 JS側に記述する処理方法に関しても「data」「methods」「filters」「compute […]

jQueryの時代はもう終わり?コンポーネントに分けてUIをコーディングできるVue.jsとは?

  • 2019.07.24

JavaScriptのフレームワークの一つとして、近年注目を浴びているVue.js。HTMLとJSファイルを「コンポーネント」と呼ばれる組み合わせに分解し、各ファイルを整理した形で記述ができます。 ウェブサイトの表示を動かしたり、アニメーションを付ける場合の主流としてはjQueryを利用することが多かったこと。けれど、HTML側に書かれたidやclassをベースとして、それぞれの処理がばらばらに描 […]

インフラを気にしないですむ、Lambdaを利用するサーバーレスの世界って?

  • 2019.06.20

物理的に、それぞれの会社がサーバーやネットワーク回線などを、オンプレミスで用意していた過去。そこから、AWSやFirebaseなどのクラウド型のインフラサービスが登場して、クラウド上のサーバーリソースを自由に利用できるようになった今。 そして、未来(というか今、これから)はAWSのLambdaやAPI Gateway、S3を利用することにより、サーバーの可用性やセキュリティなどインフラを気にするこ […]

カスタム投稿タイプを利用して、柔軟なWordPressサイトを構築するには?

  • 2019.05.15

日本はもちろんのこと、全世界で最も使われているWordPress。もちろん、手軽に市販のデザインテーマを利用して、すぐに自分のブログを始めることもできる。 でも、WordPressの真骨頂は、そのカスタマイズ力。管理画面からWYSIWYG上で入力した文章や画像を表示できることはもちろんのこと「カスタム投稿タイプ」という機能を利用することで、画像やチェックボックスを含んだ、柔軟な管理画面を作ることが […]

まるでHTMLを書くようにJavaScriptを記述できるReactとは?

  • 2019.05.14

Facebookにより生み出された、JavaScriptのライブラリのひとつであるReact。その特徴は「コンポーネントと呼ばれる部品ごとに記述できること」「仮想DOMにより処理速度が早いこと」「JSXと一緒に使うことで、HTMLを書くようにJavaScriptを記述できること」 そんな便利さから、さまざまなWEBサイトに使われていること。さらにはReactをベースとしたReactNativeと呼 […]

データベースと連携し、ユーザーに表示する情報を出し分けられるphp

  • 2019.05.09

WEBサイトでたくさん使われる検索フォームや応募フォーム。そんなフォームを作成するのに最適な言語のひとつであるphp。 ユーザーがWEBサイトから入力した値に基づいて、データベースに接続して検索結果を表示すること。また、個々のユーザーがログインしたり会員登録したときに、ユーザーを識別するための「セッションデータ」を発行すること。そのセッションデータの一部をブラウザ側に保存しておき、再度同じユーザー […]

システム開発プロジェクトで発注者と受注者が築くべき関係性とは?

  • 2019.05.04

プロジェクトの失敗確率が、いまも非常に高いシステム開発。そんなシステム開発の現場で、どのように要件定義を進めていくべきか。 そして、要件定義や設計を進めていく上で、発注者とベンダが築くべき関係について。それは、発注者と受注者という上下の関係ではなく、本来の目的である「プロジェクトを成功させ、必要なシステムを開発する」ために必要なことを、すべてテーブルに上げ、議論すること。 もちろん、プロジェクト管 […]

あなたのWEBサイトを、スマホアプリのような体験に変えるPWA

  • 2019.04.03

iPhone用のスマホアプリ、Android用のスマホアプリ、それぞれを別個で作ると多額のお金が必要になります。そんな中、構築したWEBサイトをベースにして、スマホアプリのようなユーザー体験を実現できるPWA。 スマホ画面内にアイコンを表示したり、ブラウザのデフォルトの「進む」「戻る」ボタンを表示しなくしたり、プッシュ通知をできるようにしたりと、さまざまな機能が用意されています。 PWA構築に必要 […]

まるでCSSを記述するように、 アニメーションを作成できるjQuery(実践)

  • 2019.03.29

jQuery利用のメリットの一つは「animate」メソッドにより、動きをつけたアニメーションを実施できること。そんあアニメーションの実施は、cssの操作を行うことで実現できること。 またhtml内に付与するclassを操作するさまざまなメソッドがあること。結果として、classの付け替えにより、多様な処理分岐ができることがまとめられています。 ありがとうございます! 本のまとめ ▼読んだ本は? […]

1 4