-
2019年11月12日
-
[Angular8][小ネタ] クライアントに返ってくるAPIのレスポンスを簡単に変える方法
どうも！大阪オフィスの西村祐二です。 大量のデータがレスポンスで返ってきたときにSPAの画面はどういった挙動になるか確認したい、または、APIはまだ開発中でとりあえず、レスポンスをモックしたいなど、クライアントに返ってく […]
-
2019年11月10日
-
はじめてのNgRx v8を使ったAngularアプリケーション
どうも！大阪オフィスの西村祐二です。 Angularでアプリケーションを作っていると、ログイン時のトークンやいろんなコンポーネントでよく使う情報をどうやってアプリケーション内で管理していくか悩むことがあります。 Angu […]
-
2019年11月08日
-
TypeScript 3.7 で追加された Assertion Functions を使って null チェックを楽にする
みなさん null チェックしてますか ? ぼくは今日も元気に null チェックしています。例えば渡された id で配列を走査してそのプロパティを返したいとき、ありますよね。次のようなコードです。 ただし、このままでは […]
-
2019年11月07日
-
TypeScript 3.7.2がリリースされました！Optional ChainingやNullish Coalescingをさっそく使ってみた
日本時間の11月7日0時過ぎにTypeScriptのメジャーアップデート版となる3.7.2がリリースされました！注目していたOptional ChainingやNullish Coalescingをさっそく使ってみました。
-
2019年11月01日
-
【Angular8】CHANGELOG.md自動生成「ngx-semantic-version」がとても便利だった
どうも！大阪オフィスの西村祐二です。 バグを修正したり、機能を追加したりなど日々開発してリリース作業をしていると「CHANGELOG.md」を自動生成、自動更新したり、セマンティックバージョニングでタグを生成する仕組みが […]
-
2019年10月28日
-
[Tips]LIFFアプリで動画再生をしてみる #LINE_API
はじめに こんにちは、中村です。 完全にTipsですが、Webで一般的な動画再生がLIFFアプリ上で展開できるか調べてみます。 LIFFアプリで動画再生 LIFFはWebアプリですのでHTML5やCSS、JavaScri […]
-
ngrokを使ってローカル開発中のVueアプリをHTTPSで公開する
ngrokを使ってVueアプリをHTTPSとして簡単に公開する方法を解説しました。
-
2019年10月27日
-
[Angular8]サイトを簡単スタイリング！Angular Flex-Layoutの使い方をまとめてみた
どうも！大阪オフィスの西村祐二です。 フッター、ヘッターのレイアウトなど、画面のスタイリングをする際に、CSSのFlexboxなどで記載していく人は多いのではないでしょうか。 AngularではCSSのFlexboxをC […]
-
2019年10月24日
-
LIFF アプリ量産テンプレートをバージョンアップした【LINE Front-end Framework】
LIFF アプリを量産するための GitHub Template を LIFF SDK v2.1 に追従させ、ローカル環境での開発を可能にした
-
2019年10月22日
-
[小ネタ]LIFF SDK v2でQRコードを使った活用を考える #LINE_API
はじめに こんにちは、中村です。 LINE Front-end Framework（以下、LIFF）のv2がリリースされました。 こちらの記事にて、主な機能等が紹介されています。 LIFF v2がリリースされ、外部ブラウ […]
-
2019年10月21日
-
LIFF SDK V2でLIFFを外部ブラウザでも利用できるようにする #LINE_API
はじめに こんにちは、中村です。 LINE上でWebアプリを提供するプラットフォームLIFFで利用できるLIFF SDK V2がリリースされました。 LIFF v2がリリースされ、外部ブラウザ対応やQRコードリーダー等便 […]
-
2019年10月19日
-
【超簡単】AngularでE2Eテストフレームワーク「Cypress」を使えるようにしてみる
どうも！大阪オフィスの西村祐二です。 Nxを使ってアプリケーションを作るとデフォルトでAngularのE2Eテストフレームワークが「Cypress」に置き換わって生成されます。 そこで、Cypressがとても使い勝手がよ […]
-
2019年10月17日
-
LIFF（LINE Front-end Framework）のScopeにLINE Loginが追加できるようになりました #LINE
LIFF（LINE Front-end Framework）の設定にScopeが指定できるようになり、LIFFを起動する際にユーザーにまとめて認可してもらうことができるようになりました！
-
2019年10月15日
-
【フロントエンド、バックエンドを一つのリポジトリで管理】monorepoを実現できるNxをさわってみた
どうも！大阪オフィスの西村祐二です。 フロントエンド、バックエンドを一つのリポジトリで管理したいときがあると思います。 それを簡単に実現できるNxが使い勝手よかったのでご紹介したいと思います。 monorepoとは 1つ […]
-
2019年10月11日
-
Developers.IO 2019 in OSAKAで「Angularを使って爆速で管理画面を作る」を話しました #cmdevio
-
2019年10月08日
-
LIFF アプリを量産するためのテンプレートを作った【LINE Front-end Framework】
LINE アプリ上で各種サービスを展開できる LIFF アプリは開発する上でコツがあります。そこらへんのコツを詰め込んだテンプレートを作成したので公開します。
-
2019年10月04日
-
[小ネタ] Chrome 機能拡張を Firefox で使うメモ
弊社しょいとが弊社社員のためにつくった Chrome 機能拡張の恩恵に預かりたかったので、 Firefox でも動かそうと頑張ったときのメモです。移植とかではなく、WebExtension の力を信じてそのまま動かしてみます。
-
2019年09月30日
-
Vue.jsでシンプルなローディングを表示する「vue-loading」の使い方
Vue.jsでローディングを表示するモジュールは様々ありますが、本ブログでは「vue-loading」というモジュールをご紹介します。シンプルで使いやすいのでオススメです。
-
2019年09月22日
-
『The Rust Programming Language』勉強会#4
クラスメソッド 福岡オフィスで iOS アプリケーションエンジニアとして働いている田辺です。先週に続き、社内で Rust の勉強会が行われたのでそのレポートを記事にします。 前回までの記事。 [社内勉強会レポート]『Th […]
-
2019年09月13日
-
101件のシェア(ちょっぴり話題の記事)
オーディオファイルの扱いが簡単に！JavaScriptライブラリ「Howler.js」
オーディオファイルの取り扱いを簡単にしてくれるJavaScriptライブラリ「Howler.js」を紹介します。
-
2019年09月09日
-
[小ネタ] プロジェクトのESLint設定ファイルはそのままに、任意のルールを適用する方法
この記事では、JavaScriptのリンターであるESLintが導入されているプロジェクトで、新米JSエンジニアがフォーマットの整ったコードを書くために利用できる設定をご紹介します。 はじめに 特定のコーディングスタイル […]
-
2019年09月05日
-
AmplifyとVueを使ってS3をラップしたアプリケーションを作ってみた
Aさん「S3でファイル共有したいね」 Bさん「いいねー、じゃあIAMユーザーを、、」 Aさん「おっといけない、うちのルールではIAMユーザーを払い出すことはできないんだ」 Bさん「じゃあ、S3のバケットポリシーでIPアド […]
-
2019年09月04日
-
Amplify FrameworkでVueプロジェクトを爆速でデプロイしてみる。
Amplify Frameworkで意外と簡単にVueプロジェクトが公開ができてびっくりしました。AWSのcliを使ってごにょごにょ、コンソールはいってごにょごにょしないとだめなイメージあったけど、コマンド一発でデプロイできました。 モバイルエンジニアがとりあえず検証用とかMockなどの用途でささっと作れそうな感じでした！ 皆さんも是非試してみてください！
-
2019年08月31日
-
タッチデバイスの「input type=”range”」の挙動を改善してくれるJavaScript「Rangetouch」
タッチデバイスの「input type="range"」の挙動を改善してくれるJavaScript「Rangetouch」を紹介します。
-
2019年08月25日
-
JSON SchemaでJSONのValidationをする
JSONのValidationをしたい JSONがデータのフォーマットとして使われだして久しいですが、 現在ではREST APIのやり取り、ElasticsearchやMongoDBでの通信、設定ファイルなど さまざまな […]
-
2019年08月13日
-
Google Apps Scriptを使ってスプレッドシートをD3.jsで可視化する
Google Apps Script（GAS）を使って、Google スプレッドシートに記載した先行後続関係や依存関係などがあるデータを、 D3.jsのForce Layoutで有向グラフとして可視化する
-
2019年08月01日
-
JavaScriptのアロー関数でオブジェクトを返す方法
JavaScriptのアロー関数でオブジェクトを返す方法 みなさんこんにちは。 突然ですが、下記に記載したJavaScriptのコードを実行した時の出力はどうなるでしょうか。 正解はこうです。 答えはあってましたか。 最 […]
-
2019年07月30日
-
[小ネタ]Nuxt.jsアプリケーションのグローバルIDを変更する
Nuxt.jsアプリケーションのルート要素について、レスポンスとなる断片的なHTMLに残すなら、id属性を個別に切り替えようと変更方法を確認しました。
-
Nuxt.jsアプリケーションのレスポンスを断片的なHTMLになるようにカスタマイズしてみた
Vue.jsのフレームワークであるNuxt.jsを利用し、SSR(Server Side Rendering)のレスポンスとして全体的なHTMLではなく、断片的なHTMLが欲しい状況に遭遇し、レスポンスをカスタマイズする方法を調べました。
-
2019年07月26日
-
TypeScript のメリット – Front と Server の架け橋
TypeScriptのinterfaceの利用した設計