Bootstrap4エディタのpingendoでpdfのマニュアルをHTML化してみた-前編

最初に

朝日ネットの開発チームでサービスの企画やUIデザイン、HTML+CSSでの実装を主に担当している watanabeです。 今回は自サービスのマニュアルをHTML化したときのノウハウを記録しようと思います。

オンラインマニュアルを自前で用意する場合、編集の行い易さからPowerPointやWordで作成したものを pdf化してネットにアップすることも多いと思われます。

自サービスのmanabaでも長年pdfのマニュアルを使用していましたが 以下の理由からHTML化することにしました。

• pdfだと毎回ダウンロードが必要なので見たいときにすぐにアクセスできるようにしたい
• どのデバイスでも見やすいレスポンシブデザインにしたい
• wordやパワポ等のエディタだと作成者によりレイアウトが異なってしまうので構造化されたHTMLにしたい

Bootstrap4+pingendoを選んだ理由

HTML化にあたって、以下の条件を元に Bootstrap4+pingendoを選択しました。

たのしいCloud Build

開発部のmuratamです。 今回はGoogle CloudのサービスのひとつであるCloud Buildについて書きます。

Webアプリケーションに声をつける (Web Speech API, Cloud Text-to-Speech API)

はじめに

こんにちは。朝日ネットでWebアプリケーションの開発を行っている tommy です。

前回 まで簡単な音声アシスタントを作っていました。
今回は、オマケとして、前回までの音声アシスタントに声をつけるために Javascript の Speech Synthesis API 及び GCP のサービスの Cloud Text-to-Speech API を利用してみようと思います。

ベトナム出張に行ってきました

こんにちは。株式会社朝日ネット開発部のxfuzzyです。 私は先日、オフショア開発のためにベトナム出張に行ってきましたので、その紹介をさせていただきます。

私の出張の目的は、オフショア ¹ 先の現地会社（パートナー会社）のオフィスに行き、開発の依頼内容を伝えることでした。出張の期間は、約2週間です。上司と私の2人で行きました。

---

1. 「オフショア開発とは、システム開発などの業務を海外企業、または海外の現地法人などに委託することである。 （オフショア開発とは何？ Weblio辞書 ）」とありますが、当社の場合アーキテクチャ・設計・ロジックなどは社内で構築しており、手段が確立され横展開できるものはオフショアにお願いしています。また、社員が現地でオフショアメンバーと共にシステム開発を行う場合もあります。↩

TypeScript で React + Redux と Vue + Vuex を書き比べる

はじめに

開発部の tasaki です。8 月の記事では TypeScript + React + Redux + React Router + α を使って 1 ファイルで完結する小さいアプリケーションを書きました。

techblog.asahi-net.co.jp

今回は TypeScript + Vue + Vuex + Vue Router の組み合わせで同じものを書き、2 つのライブラリの共通点と違いについて探ってみたいと思います。 このようなものを書いた主な理由は以下の 3 つです。

• 適度に小さく完備なアプリケーションの構成を作っておき、そのソースコード自体をチートシートとして使いたい
• React と Vue の共通点や差異について説明をする時に使える実例を用意しておきたい
• React や Vue を TypeScript から使う際の書き方を確立しておきたい

以下、実際にアプリケーションのソースコードを見ていきます。

開発部合宿＠湯河原 に行ってきました

最初に

watanabeです。先日社内の開発部で1泊2日の合宿に行って参りました。

開発部での合宿は実は初の試みであり、場所決めからテーマまで今年6月頃から開発ブログ担当チームを中心として計画を進めていたのでした。

そうだ　合宿しよう：合宿の目的・経緯

朝日ネットの開発部は大きくISP、manabaの2つに分かれており、具体的な業務内容としては以下となります。

microservicesはじめました (5)

前回まででMinikubeクラスタでサービスを動かすことはできていますが、まだクラスタの外部からはアクセスできていません。 なので今回はIngressを設定してサービスを外部公開できるようにしていきます。