-
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日
-
125件のシェア(ちょっぴり話題の記事)
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 の所感
-
2019年12月20日
-
TypeScript で window 直下にいろいろ生やしたりグローバル変数を定義する
TypeScript でブラウザー上で動作させるコードを書く場合に、グローバル変数 window を拡張する方法のまとめ
-
2019年12月16日
-
Angular + Amplify DataStoreを試してみる #reinvent
どうも！大阪オフィスの西村祐二です。 この記事はAngular Advent Calendar 2019の16日目の記事です。 re:Invent 2019期間中に、Amplifyの新機能「Amplify DataSto […]
-
2019年12月15日
-
Stripe Elementsをカスタマイズしてクレジットカード入力のユーザービリティを向上させる
本記事は JP_Stripes Advent Calendar 2019 の15日目の記事です。昨日は中山千春さんによる Stripe入社1年、好きな自社プロダクトについて熱く語ってみる！ でした。Stripe、そしてS […]
-
2019年12月03日
-
[小ネタ] 目に優しいブラウザ拡張Dark Readerが割とおすすめ
はじめに AWS re:Invent2019、盛り上がってますね！ 弊社では80名以上が参加しており、レポートやYouTube動画が日々アップされ、社内Slackでも現地の様子が伝わってくるため、日本にいても楽しめていま […]
-
2019年11月30日
-
IntelliJ IDEAコードエディターのHTTPクライアントで書いたリクエストをhttpbinでデバッグする
IntelliJ IDEAコードエディターのHTTPクライアントとは HTTPクライアントはIntelliJ IDEA Ultimateで利用可能な機能です。 ざっくり言うと下記のような機能が含まれています。 HTTPリ […]
-
2019年11月28日
-
JavaScript 向けブラウザスクリーンショットライブラリ html2canvas で画面の一部分のみのスクリーンショットをとってみました
CX事業本部の熊膳です。html2canvasというJavaScriptでスクリーンショットを取得するライブラリを使ってみたので紹介します。 html2canvasとは html2canvasは、JavaScriptでW […]
-
2019年11月25日
-
[GraphQL] TypeScript+VSCode+Apolloで最高のDXを手に入れよう
GraphQLを利用するWebアプリケーションの開発で、TypeScript + VSCode + Apollo のスタックで開発環境を構成すると、とても最高なDX（Developer Experience）が得られたの […]
-
2019年11月13日
-
【超簡単】Angular Materialのスタイルをダークモードにする
どうも！大阪オフィスの西村祐二です。 iphoneやいろんなアプリでダークモードが搭載されてきており、ちょっとしたブームになっているかと思います。よく使うAngular Materialはどうなのかなと思って調べたら、意 […]
-
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月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を起動する際にユーザーにまとめて認可してもらうことができるようになりました！