Google Chromeにヘッドレスモードが実装され、コマンドラインやNode.jsからChromeを操作できるようになりました。ユーザー行動をシミュレーションしてテストする方法を解説します。 Webサイトに変更を加えるとき、ユーザーの取りうる行動を繰り返し試して、一貫したユーザー体験を実現できているか確認します。一貫性を保ちながら手軽に試すために、スクリプトで自動化するライブラリーを使って前提…

Copyright © 2017, Brian Greig All Rights Reserved.

Brian Greig

Brian Greig

フロントエンド開発者(JavaScript)であり、データ分析とビジネスインテリジェンスの専門家です。

Loading...

Vue.jsでSPAを作ったものの、検索エンジンのクローラーやSNSのOGP取得といった問題で困ったことはありませんか? サーバーサイドレンダリングを簡単に構築できるNuxt.jsの活用方法を解説します。 ユニバーサル(Isomorphic)JavaScriptはJavaScriptコミュニティで一般的な用語になりました。ユニバーサルJavaScriptとは、クライアントとサーバーの両方で実行でき…

Copyright © 2017, Olayinka Omole All Rights Reserved.

Olayinka Omole

Olayinka Omole

ソフトウェア開発、デザイン、エレクトロニクス工学、人工知能に興味を持つラゴスのエンジニアです。ツイートしたり、学術研究をしたり、写真を撮ったり、デザインしたりコードを書いたりして、日常を楽しんでいます。

Loading...

フロントエンドとバックエンドを分離する「ヘッドレスCMS」が話題となっています。Elemenoを例に、ヘッドレスCMSを使ったWebサイトの開発方法を説明します。 「ヘッドレスCMS」は比較的新しいタイプのツールです。特徴や、利用方法を解説します。 従来のCMSは、コンテンツを作って管理するバックエンドと、コンテンツを表示するフロントエンド、2つのコンポーネントがあります。フロントエンドは、昔から…

Copyright © 2017, Chris Erwin All Rights Reserved.

Chris Erwin

Chris Erwin

ヘッドレスAPIファーストCMSであるElemenoの共同開発者です。以前は、世界的に有名なデザインエージェンシーTeehan+Laxで主席開発者として活躍し、Medium、YouTube、 Google、 Flipboardを始め、多くの有名プロジェクトに参画しました。簡単な方法で複雑な問題を解決する美しい職人技的経験をすることに情熱を燃やしています。

Loading...

もともと単一サーバーでの利用を前提に開発されたDockerをクラスタ環境でも便利に使いたい。そんなときに便利なツールが「Kubernetes」です。基本的な使い方を紹介します。 コンテナ技術が使われるはじめてから何年かたちました。企業や開発者の多くがアプリを配布するのにコンテナを使っています。使いやすいインターフェイスでコンテナ技術を広めたのがDockerです。 1つのコンテナで済むアプリケーショ…

Copyright © 2017, Jatin Shridhar All Rights Reserved.

Jatin Shridhar

Jatin Shridhar

現役のソフトウェア開発者で、スタンドアップコメディアン志望。Amazonでの勤務経験があり、ずっと「『.js』とは自分のイニシャルなのだ」と考えていました。

Loading...

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

Copyright © 2017, James Kolce All Rights Reserved.

James Kolce

James Kolce

独学でデザイナー、Web開発者になったメキシコ在住の21歳。優れたデザインのWebサイトを素早く構築するための極小で拡張性の高いフレームワーク、Concise CSSのリード・デベロッパーです。これまでに学んだ知識をThe Brain of James Kolceというブログに書いています。

Loading...

数週間前、GitHubでプロジェクトをシェアしている開発者に出会いました。そのプロジェクトはTrelloのクローンで、React、Redux、Express、MongoDBからなるプロジェクトでした。全階層、広い範囲にわたりフルスタックのJavaScriptスキルが駆使されていました。 開発者のMoustapha Dioufに、プロジェクトに取り組む際の技術選択、設計、開発について書いてみないかと…

Copyright © 2017, Moustapha Diouf All Rights Reserved.

Moustapha Diouf

Moustapha Diouf

フルスタックのソフトウェア開発者。Web中毒で、熱烈なJavaScript屋。コーディングを愛し、JavaScriptロックスターを目指しています。

Loading...

JavaScriptのデバッグに苦労しているなら、Nodeのデバッガーを試してみてはどうでしょうか。Visual Studio Codeならさらに手軽です。 袋小路です! 何時間も費やしていろいろ試してみたけれどもうまくいきません。コードをじっと吟味してもエラーになりそうなところはありません。2、3回ロジックを見直して、何度も実行しています。単体テストも助けにはならず、同じく失敗してしまいます。も…

Copyright © 2017, Camilo Reyes All Rights Reserved.

Camilo Reyes

Camilo Reyes

テキサス州ヒューストン在住で、夫であり、父であり、そしてソフトウェア技術者でもあります。とりわけJavaScript、C#、webbingに情熱を注いでいます。

Loading...

チャットボット全盛時代。ElectronとMicrosoft Bot Frameworkを使って、スクラム開発のためのちょっとまじめなチャットボットを作ってみました。 チャットボットはますます存在感を増しています。FacebookはMessengerボットの開発フレームワークの提供を開始し、ビジネスオーナーがFacebookのメッセンジャーアプリ内だけで顧客に対応できるようにしました。ピザの注文、…

Copyright © 2017, Almir Bijedic All Rights Reserved.

Almir Bijedic

Almir Bijedic

Webに関することならなんでもこいのオールラウンダーです。Ubuntu Webサーバーから.NET WWFのサービスの設定、フロントエンドまであらゆるものに挑戦しました。最近ではJavaScriptに注目。Webの仕事をしていないときは大好きなIoTの世界に浸っているか、料理や映画鑑賞、ときにはビスケットを食べたりもしています。

Loading...

NodeとGitを使ったシンプルなマイクロブログを作りながら、小規模なサービス開発とテストのコツを学びます。 マイクロという言葉は、現代のプログラミングの世界にはあふれています。マイクロフレームワーク、マイクロサービスなどなど、いろいろあります。個人的にはこの言葉は、余計なものを詰め込まずに、目の前の問題を解決してくれるという意味だと考えています。ある明確な課題の解決のためにあるのです。つまり目の…

Copyright © 2017, Camilo Reyes All Rights Reserved.

Camilo Reyes

Camilo Reyes

テキサス州ヒューストン在住で、夫であり、父であり、そしてソフトウェア技術者でもあります。とりわけJavaScript、C#、webbingに情熱を注いでいます。

Loading...

2016年大ブームになったチャットボット。「そのうち作ってみよう」と思いながらも、なかなか手を動かせていなかった人に贈る、Heroku+Node.jsで始めるFacebookチャットボット開発のススメ。 2016年のF8カンファレンスでFacebookはMessengerプラットフォームを発表しました。Messengerプラットフォームにより開発者は、MessengerもしくはFacebookペー…

Copyright © 2017, Joyce Echessa All Rights Reserved.

Joyce Echessa

Joyce Echessa

Web開発者で、ときどきモバイル開発も手がけていいます。Twitterの@joyceechessaに記事をアップしています。

Loading...