こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog
webpackとは いろんなファイルをtranspileしてES5のJavaScriptに変換してくれるやつ AMDかCommonJSの形式でファイルをロード(CommonJSならrequire)すると、transpileしたファイルをロードしてくれる クライアント側のjsコードでもrequireを使用することができる assetとしてビルドして配布するイメージ コードが共用の場合、設定を変えることで素のrequireを利用するサーバー用コードと、webpackがpolyfillしたrequireを利用するクライアントコードとを別々に生成できる 全てがJavaScriptになる、画像やCSSも 画像は「Base64かFilePath」に CSSは「headにstyleを挿入するjsコード」に 特定のファイルをどのようにtranspileするかはpathマッチングでプラグイン形式で設定する
実例から考える、HTML5時代のエンタープライズ・アーキテクチャ
HTML5の時代となり、フロントエンドの重要性が増してきています。業務システムにおいても、HTML5を本格的に適用する事例が増えてきました。このような環境において、バックエンドを含めた次世代アーキテクチャのベストプラクティスを模索するというのが本記事の趣旨です。 本記事では、HTML5時代におけるアーキテクチャの概要を提示した上で、アーキテクチャ実装の具体例として、「OData＋UIフレームワーク」を採用した事例を紹介します。その上で、このアーキテクチャを採用した場合のメリットと、今後の課題について記述していきます。 HTML5時代における業務システムアーキテクチャのポイントとは 業務システムにおけるHTML5化の流れについては、「JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例」にて、エキスパートの佐川夫美雄さんが語っているように、HTML5時代において「J
空席センサーオープンデータのつくりかた、JK課発、図書館アプリ「sabota」の舞台裏
お披露目の時を迎えた図書館の１人机の空席状況オープンデータを使ってつくった、JKデザインの図書館アプリ「sobota」その舞台裏を紹介。システムの全体はこのようにつながっています。 1. 秋葉原の老舗電子パーツ屋さん、秋月電子で400円で売っている赤外線センサー、シャープ測距モジュールGP2Y0A21YKを11席の座席分揃えます。 2. 電源2線にアナログ信号1線の計3線を一箇所に集めます。この配線作業が結構大変でした。老眼の入った大人が音を上げる中、根気よくブレッドボードへの配線作業を進めるJK課メンバー！若さは力！ 3. 11本のアナログ信号を一定の閾値を設定して、11本のデジタル信号への変換します（120円マイコンLPC1114を2つ使用）。 4. デジタル信号を2進数11桁の数値へと変換し、10進数の改行区切りのシリアル信号に変換します（120円マイコンLPC1114を1つ使用）。
Webサービス開発の変遷と現在
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンWebシステム開発
