フロントエンド

はじめに 新たなアプリケーション「c-mapp」の開発についての記事になります。 今回は、フロントエンドの開発に用いられる「Vue.js」に付いての関連記事です。 Vuetifyを導入するところまでを記述します。 そもそもなにそれ？って話 vuetifyjs.com Vuetifyとは、Vue.jsのために開発されたUI（ユーザーインターフェース）ライブラリです。 UIライブラリってそもそもなんだよって話なんですが、例えば入力フォームやボタン、リストなど、ユーザー側が画面を見る際に利用されている各コンポーネントをある程度の形にテンプレートとして用意されているものです。 Angular Mate…

リモートワークスタイルチェック リモートワークスタイルに関する質問に答えることで、リモートワーク比重・文化がどういった具合かを確認・共有できるサービスを作った。 remote-work-style-check.mugi.dev こんな感じ↓の質問にぽちぽち答えるだけで良いので、すぐ終わる。簡単。 全部答えると↓のような全てをまとめたいい感じの1枚画像を表示してくれる。 もし忙しくなければチェックをやった上で、結果ページから結果をツイートして拡散してもらえるととても嬉しい。 チェック結果の画像も誰でも自由に使ってOK。 サービス内での項目は以前公開した "リモートワークスタイルチェック" の内容…

高額商品を作る前に、あなたの低額商品がどれぐらい売れているのかを考えてみてください。 値段が安い割に売れていないなら、高額な商品を作ったところで売れる見込みはありません。 人がなぜ高額な商品を買うのかというと「値段以上の見返りを求める」から買うのです。 高額な商品は、お客様が買った金額より倍以上の大きなリターンや期待を上回る効果がなければ「騙された」「お金を払って損した」「二度と買いたくない」と思われます。 人が30万円以上の高額コンサル料を払うのは、月商100万円という見返りが欲しいからです。 ライザップも30万円以上しますが、3ヶ月で何十キロも痩せるという効果が期待できるから買うのです。 …

今更になるのかもしれないけど、フロントエンドとバックエンドという観点から、自分の今後を考えていこうと思う。 劇場版名探偵コナン【天空の難破船】を見ようか、ブログを書こうか迷って、ブログを書いてる僕をほめてください。(笑) フロントエンドとバックエンドという言葉の説明から入ります！ まずマクドナルドで例えると、 フロントエンド：100円ハンバーガー バックエンド：ポテト、ドリンク 知ってる人や勘のいいひとはお分かりかと思いますが、 フロントエンド：利益を生み出ず集客や認知度獲得の役割をに担う商品 バックエンド：利益を生み出す商品 ここで重要なのは、この2つを分けて設計することで、100バーガーで…

はじめに SpringbootとVue.jsでアプリを作成するというのは一度やったことがあり、その際にブログ記事も作成していました。 その後、アプリ自体は完成したものの、ブログ自体は閉鎖して削除しなければならなかったため、記事は残っていません。 ということで、今回からSpringboot + Vue.jsによるアプリ開発を行っていこうと思います。 まだ構想段階ですが、今回はleafletなんかも使い、地図を使ったアプリにしようと思ってます。 とりあえず環境構築を進めてみましょう。 サーバ側(Spring boot) https://start.spring.io/ Spring Initial…

アウトライナーを作っていたら連休が終わった 連休中はほぼ毎日6〜8時間くらいプログラミングをしていた。仕事ではない。趣味のアウトラインプロセッサづくりである。 昼に起きて昼食を食べたあとのろのろとコードを書き始め、夕方に調理休憩を挟んだあと22時まで開発をする生活だった。妻氏は買ったばかりの自転車であちこち出かけているというのに、私は家に籠もってプログラミングである。食材調達でしか外に出ていない気がする。ほんとうは部屋の片づけとゲームのゴールデンウィークにしたかった。でも、アウトラインプロセッサの実装量が思ったより多く、22時をすぎて「残業」をしていることもあった。 私はあまりゲームをしないの…

こんにちは。クルーズ株式会社CTOの鈴木です。 SHOPLISTでは、2021年の10月ごろからフロンエンドのエラー監視としてSentryを導入してしています。 導入から6ヶ月が経ち、運用にも乗ってきたので事例として共有したいと思います。

自身の開発チームが生み出した価値を計測し始めた話 プロダクト開発で価値あるものを生み出し続けたい、生み出し続けるプロダクトチームにしたい、塚本 (@nao_tsukamoto) です。 デジタルトランスフォーメーション（DX）事業本部でHousii（ハウシー）という事業で開発PMをしています。 はじめに 先日以下のような記事を書きました。 tech.speee.jp この記事では、短期〜中期で価値あるものを連続的に生み出していくために、OKRやNSMを活用しロードマップに落とし込んでいるという話をしました。 今回は、「実際の足元の開発で本当に価値あるものの開発ができているか？」「そのために何し…

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ （17,575件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,840 …

こんにちわ❗Roseberryです🙋‍♀️✨本日のご訪問もありがとうございます✨ そんな本日の「ハピ活ライフ♬」は・・・ 評判や口コミがいいWebデザインスクールってどこ？どんな感じなの？ という方に、おすすめの内容となっています。 こんな人におススメの記事です！ ・評判や口コミがいいWebデザインスクールを探している ・評判や口コミがいいWebデザインスクールで学びたい ・評判や口コミがいいWebデザインスクールが気になる 「評判や口コミがいいWebデザインスクールを探してるんだけど、よくわからない・・・」 こんな疑問を抱えていらっしゃいませんか？ スクールに通うなら、評判や口コミがいいスク…

VTuverの配信画面のコメント欄、最近それがCSSで制御されていると知りました。 便利なジェネレーターとかありますが、ノンプログラマーのために簡単なCSSの意味を書いとこう、たまにはエンジニアらしく（※フロントエンド9割、WEBデザイン1割で生きてる）。 おおむねジェネレーターで見やすいTLが作れると思いますが、意味知ってたら自分でいじくり回せるよ、ということで。 フォント周りでよく使うCSS line-height font-weight font-family 要素周りでよく使うCSS display marginとpadding 中級 overflow まとめ

はじめまして、Xです！私は普段アメリカのカーネギーメロン大学に在学していて、機械学習関連の研究をしています。ハローでは主に音声と関係する機械学習の開発をしています。 この記事では、AutoReserveの中で機械学習を使っている自動機械判定というコンポーネントについて紹介します。 自動機械判定とは ご存知の方も多いと思いますが、電話をかけるときに相手が電話に出られないときは留守番につながることがよくあります。その際に自動音声が流れることがよくあります。AutoReserveのサービスでも、自動音声で予約する際によく店側の電話の自動音声につながることが多くあります。そのときに店側に予約を取ること…

仕事が、というか会社が何かをすることが嫌で嫌でたまらなくなってどうしようもなくなったので一週間くらい有給をとることにした。 回復しなかったら、また心療内科のお世話になるかもしれない。 勢いで休みをとったが、特に予定もないのでフロントエンドの勉強を再開する。Nodeを触ったあとでdeno, alephjs を勉強する

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,340 94%OFF!! ⭐ ⭐ ⭐ ⭐ （17,553件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,220 …

ご無沙汰しております。TZN'EXです。 これまで「平日枠」として私が仕事等を通じて思うことを綴った話題について、新たに「TZN'EXのアイ」としてお送りすることにします。…元ネタは「宇野バスのアイ」で、私がそれを読んで宇野社長の考えに感銘を受けたからです。 www.unobus.co.jpそれはさておき、第1回は私のWebサイトの歴史について。ーーーーー私はこのブログの他、下記のWebサイトで趣味である鉄道、バスの写真や好きな街である静岡県沼津市の風景写真などを公開している。 TZN'EX CHRONICLEこのサイトには私の様々な思いが込められているが、現在に至るまでの歴史をこの機会に振り…

本ページは投稿記事一覧です。 (自動更新) Architecture MicroArchit マイクロサービスアーキテクチャ メモ (2022/05) Program Java Java Assertj + Mockito (2022/02) Gson Serialize (Object -> String) での時刻フォーマット指定方法 (2022/02) Golang Golang Generics (2022/01) Golang コード自動生成 (2022/03) Golang Gorm 実践メモ＆注意点 (2022/03) Golang ポインタ (2022/04) golang 並…

はじめに 個人開発のスキルアップの教材としてマッチングアプリは非常に良いお手本かと思うので作ってみました そしてマッチングアプリは知識さえあれば誰でも作れるし需要もかなりあるアプリだと思われるので、せっかくならその実装ナレッジを事細かに記録して初心者でも作れるレベルのドキュメントを残してみようという趣旨の記事です 想定する読者としてはプログラミングの知識はある程度持っていてアプリ開発については概要レベルしか知識がない人です いつか自力で何かしらアプリを作りたいけど具体的には何作ろうかなと思っている感じの人には特に参考になるのではないのかなと思っていますこちらの記事はフロントエンド編です Flu…

HTMLやJSで構成されたXHRを行うWebアプリをローカルで実行できるようにGitHub Actionsでtauriで固めて配布するという話です。 TAURI とは Webのフロントエンド技術を使ってデスクトップアプリケーションを作れるフレームワークです。 今までであれば、Electronがその役を担っており、mattermostなどのクライアントアプリはElectron製でした。 Electronが動く仕組みとしては、配布ファイルにChromiumが同梱されており、それがフロントエンドの描画だったりバックエンドとの通信を行うものでしたが、 それには ブラウザが同梱されるゆえの配布サイズの肥…