-
2020年04月02日
-
JavaScriptでブラウザのインターネット接続を判定する方法
Reactで構築しているWEBサイトにおいて、事前にインターネットの接続状態を判別させるケースがあり、JavaScriptでどのような実現方法があるのか調べました。先に結論を言いますと、Fetch APIやXHRを使用し […]
-
Gatsby.js と AWS Amplify を使って爆速でブログサイトをデプロイする
概要 CX事業本部の佐藤です。 Gatsby.js という React ベースの静的サイトジェネレータがあります。 それを AWS Amplify でデプロイして爆速でブログサイトをデプロイできましたので、手順を記事にし […]
-
2020年03月17日
-
Single Page ApplicationにGoogle Analyticsを設定してみた
こんにちは。さかいです。 Google Analyticsのタグを設定する際に、HTMLのヘッダーにタグを仕込めばいいかなぁと思っていたのですが、Single Page Application(以下 SPA)かぁ。 あれ […]
-
2020年03月11日
-
SOCKSプロキシを経由しないとアクセスできないサイトに対してCypressでE2Eテストを実行する
CypressからSOCKSプロキシを利用するためのワークアラウンドのご紹介です
-
2020年03月02日
-
76件のシェア(ちょっぴり話題の記事)
React Native for Web + TypeScriptを使ってReact公式のチュートリアルをやってみた
React公式ページのチュートリアルをReact Native for WebとTypeScriptを使ってやってみました。 実装するもの React公式ページのチュートリアルの三目並べゲーム 今回作成したソースコードの […]
-
2020年02月29日
-
Nuxt.jsで使うAxiosにリクエストのキャッシュ機能を組み込んでみる
Nuxt.js製のアプリで利用しているaxios-moduleでリクエストのキャッシュをしたかったので、Axiosをaxios-extensionsで拡張してキャッシュできるようにしてみました。
-
2020年02月28日
-
Reactアプリにコード自動整形ツールのPrettierを導入する
Reactアプリにコード自動整形ツールのPrettierを導入する方法についてご紹介します。 事前準備 Reactアプリを用意します。今回は以下の記事でご紹介、作成したReactアプリを使用したいと思います。 Creat […]
-
2020年02月27日
-
Create React Appで作成したReactアプリにReact Native for Webを導入する
Create React Appは、コマンド１つでReactアプリケーションの雛形を作成することができる、Facebook製の環境構築ツールです。新しくアプリを作成する際に使用されている方も多いのではないかと思います。 […]
-
2020年02月24日
-
Googleスプレッドシートからgithub issueを簡単に作成して作業効率化
Google Apps Script で作業効率化をしたという話。 github issue と連携します。
-
2020年02月13日
-
プレゼンテーションカラオケサービスをlit-htmlで作ってみた
CM大阪忘年会2019は大盛況で幕を下ろしました。その中でも特に大盛況だったプレゼンテーションカラオケのサービスを作ったので紹介します。
-
2020年02月09日
-
86件のシェア(ちょっぴり話題の記事)
Vue.jsのユニットテスト環境作成方法と見るべきドキュメント
Vue.jsのユニットテスト環境作成の方法をまとめました。環境作成までがメインでユニットテストの作成方法についてはどのドキュメントを何の為に読んだかをまとめています。
-
2020年02月01日
-
git hookを使ってVue.jsプロジェクトをコミット前にLintする
はじめに こんにちは！馬場@岡山オフィスです。 最近、業務でVue.jsに触れる機会に恵まれTypeScriptとあわせて鋭意勉強中です。 Linterに怒られながら構文とともにお作法的なものも身につけたいと思いesli […]
-
2020年01月31日
-
Nuxt.jsで作ったアプリでMarkdownをレンダリングしてみる
Nuxt.jsでSPAを作っていて「ここのテキスト表示領域、Markdownで書けるとイイなー」というようなリクエストがあったので@nuxtjs/markdownitを使ってMarkdownのレンダリングを試してみました。
-
2020年01月30日
-
[小ネタ][Angular] プロダクションビルドするときだけconsole.logの出力を無効化させる
どうも！大阪オフィスの西村祐二です。 アプリケーション開発でデバッグするときに一旦console.logで出力して想定した値がきてるか、どんな値が入ってるかなど確認することはよくあるかと思います。 プロダクションビルド時 […]
-
2020年01月27日
-
78件のシェア(ちょっぴり話題の記事)
とても簡単にドラッグアンドドロップが実現できる Vue-draggable を使ってみた
Vue.js でドラックドロップでリストを入れ替えることができる Vue-draggable を使ってみました
-
2020年01月26日
-
[小ネタ]Angularで作ったアプリケーションのバージョン（package.jsonのバージョン）を画面に表示する
どうも！大阪オフィスの西村祐二です。 アプリケーションのバージョンをアプリケーションの画面上に表示したいことがあるかと思います。今回はその方法を紹介したいと思います。 なお、Angularに限らずpackage.json […]
-
Angular Materialのテーマを環境ごとに変えてみる
どうも！大阪オフィスの西村祐二です。 本番環境、STG環境など複数環境で開発することは多いかと思います。 作業する環境を間違えないためにUIのテーマを環境ごとに変更したいということがあり、今回はAngular Mater […]
-
2020年01月23日
-
JavaScriptでもLINQを使って集計処理を簡単に実装しよう！
-
2020年01月22日
-
[Angular]入力フォームを追加削除できる動的なフォームを作ってみる
どうも！大阪オフィスの西村祐二です。 今回は下記のようなボタンをクリックするとフォームを追加したり、削除できるような仕組みを作ってみたいと思います。 作ってみる 環境 セットアップ 実装 いろいろやり方はありますが、Fo […]
-
2020年01月19日
-
[小ネタ]ngコマンドを使ってNetlifyにデプロイしてみる
どうも！大阪オフィスの西村祐二です。 NetlifyはUIや操作がシンプルで簡単なアプリケーションを公開するときなどで利用しています。 Netlifyへアプリケーションをデプロイする方法はWebからであったりCLIからな […]
-
2020年01月18日
-
Angular製静的サイトジェネレータScullyを試してみた
どうも！大阪オフィスの西村祐二です。 最近気になっていた、Angular製静的サイトジェネレータScullyを試してみたので、作業ログをブログにまとめておきます。 試してみた 環境 セットアップ Angular CLIを […]
-
2020年01月16日
-
v-kansai Vue.js/Nuxt.js meetup #13 に参加してきました
今回は関西の Vue.js / Nuxt.js 関連のイベントを開催するコミュニティ v-kansai 様が主催するmeetupに参加してきました
-
vuex-class-componentをアップデートしたらAPIが変わっていました
Vue+TypeScriptで開発する際に、Vuexをタイプセーフに扱うためのライブラリとしてvuex-class-componentを以前紹介しました。APIが変わっていたため、変更点を紹介します。
-
2020年01月15日
-
AWS CDKでReactアプリをデプロイしてみた
AWS CDK (Cloud Development Kit) でS3とCloudFrontを利用したReactアプリのデプロイ方法を説明します。S3バケットへのアップロードからCloudFrontのキャッシュ削除までA […]
-
2020年01月13日
-
[小ネタ]mat-dividerをngForしたとき最後の要素だけ非表示にする方法
どうも！大阪オフィスの西村祐二です。 要素を区切る際にAngular Materialのmat-dividerを使うことがあります。 mat-dividerを含めて要素をngForでループさせるとき、mat-divide […]
-
2020年01月07日
-
127件のシェア(ちょっぴり話題の記事)
Vue.jsで作ったゲームをインストール可能（PWA）にしてGitHub Pagesで公開してみた
はじめに おはようございます、加藤です。年末年始は実家の北海道に帰省するつもりだったのですが、見事にインフルエンザB型にかかってしまって、急遽キャンセルしました... 予定が全て吹っ飛んで暇になったので、年末年始は下記の […]
-
2019年12月31日
-
Developers.IO CAFEの SaaS化を支えた三種の神器 – Developer Friendlyの重要性
先日「#Go_SaaS 三種の神器 オンボーディングセミナー#4(東京)」が開催されました。その中でDevelopers.IO CAFEの事例を発表しましたので、内容をご紹介したいと思います。
-
Developers.IO CAFEで実現！Web / ネイティブ / LINEアプリをまとめる技術
弊社が運営するカフェ「Developers.IO CAFE」のエンジニア向け説明会を開催しました。その中で、カフェで利用するアプリについて「Web / ネイティブ / LINEアプリをまとめる技術」として発表させていただきました。本記事では、その内容をお伝えしたいと思います。
-
2019年12月25日
-
[Tips] Buefyのtaginputのautocompleteを使うためにはVue2.5を使う必要がある
こんにちは、CX事業本部の夏目です。 個人的なプロダクトを作る際にちょっと困ったことがあったので、共有します。 Buefy BulmaというCSSフレームワークをベースにVue用の便利なUIコンポーネントを提供してくれて […]
-
Assertion Functions を本番で実行させない TypeScript Plugin を作った
Assertion Functions を本番環境では削除する TypeScript プラグインを書いたのでその紹介と使い方の解説、 TypeScript Compiler API の所感