朝日ネット 開発者ブログ

朝日ネットのエンジニアによるリレーブログ。今、自分が一番気になるテーマで書きます。

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

最初に

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

  • 最初に
  • Bootstrap4+pingendoを選んだ理由
  • HTML化の手順
    • 1.元のマニュアルの各要素をBootstrapのコンポーネントに割り当てる
    • 2.BootstrapのCSSをカスタマイズする
    • 3.pingendoで読み込み組んでいく
      • 3-1.pingendoの画面の見方
      • 3-2.組み込み方
      • 3-3.プレビューについて
      • 3-4 完成
  • 次回予告
  • 採用情報

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

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

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

Bootstrap4+pingendoを選んだ理由

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

続きを読む

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

はじめに

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

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

続きを読む

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

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

私の出張の目的は、オフショア 1 先の現地会社(パートナー会社)のオフィスに行き、開発の依頼内容を伝えることでした。出張の期間は、約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 から使う際の書き方を確立しておきたい

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

続きを読む

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

最初に

f:id:watanabe06:20181211173717p:plain

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

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

  • 最初に
  • そうだ 合宿しよう:合宿の目的・経緯
  • こんな場所でした
  • 合宿の内容
    • 各チームの発表テーマ
    • 発表の様子
  • 食事・その他おまけ
  • まとめ
    • 「開発部合宿」ここが良かった
    • 反省点
  • 採用情報

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

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

続きを読む

microservicesはじめました (5)

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

  • 前回のおさらい
  • 外部アクセス
  • Ingress
  • Ingressの設定
  • おまけ: Minikube dashboard
  • まとめ
  • 採用情報
続きを読む