Vue.js

弁護士ドットコム株式会社 技術広報のsakutaroです！ 2024年10月19日（土）に開催される「Vue Fes Japan 2024」に、弁護士ドットコムはプラチナスポンサーとして協賛します。 今回のブログでは、セッション内容やスポンサーブースをご紹介します！ Vue Fes Japan 2024 とは Vue.js 日本最大級のカンファレンス「Vue Fes Japan」が、2024年も開催されます！ 2018年にスタートしたこのイベントは、Vue.js コミュニティが一緒に学び、楽しみ、そして成長できる場として誕生しました。 前回の2023年は、5年ぶりのオフライン開催で600名近く…

はじめに 今朝、ブラウザ上でアプリ開発ができる「bolt.new」という生成AIを試してみました。特に驚いたのは、日本語でチャットするだけでアプリを作成できる点です。Vue.js初心者の私でも、30分で三目並べのゲームを作成することができました。誤解を恐れずに言えば、Vue.jsを知らなくてもアプリ開発ができます。 この記事では、私が実際に三目並べアプリを作成した過程を紹介し、生成AIを活用した開発体験について書きます。さらに、プログラマが不要になるかもしれない未来についても自分なりに掘り下げています。 1. bolt.newとは？ ブラウザでアプリ開発（JavaScriptのフレームワークを…

2024年9月の１ヶ月間エキサイト株式会社が開催した「Booost!!! Excite Internship 2024」で経験したこと、感じたことをこの記事を通して紹介したいと思います。 自己紹介 私は商学部に在籍している大学3年生です。大学内の授業ではプログラミングやコンピューターサイエンスの科目がほぼ無いと言って過言ではありません。そのため、私は「Recursion」という学習サービスを利用し、ソフトウェア開発やコンピューターサイエンスを学んできました。個人での開発物として、複数のバックエンド及びフロントエンドプロジェクトがあります。扱ってきた言語、技術は習熟度の差はありますが、JavaS…

はじめに こんにちは、トモニテ開発部ソフトウェアエンジニア兼、CTO 室 Dev Enable グループの rymiyamoto です。 この度、エブリーは 2024 年 10 月 19 日(土)に開催される『Vue Fes Japan 2024』に、ゴールドスポンサーとして協賛することになりました！ vuefes.jp エブリーでは、DELISH KITCHEN を現在 Nuxt.js（Vue.js）で構築しており、2018 年から採用しています。 今回の協賛を通して、さらなる Vue.js コミュニティの発展に貢献できればと考えております。 近年は Vue.js 周辺のエコシステムでは新た…

「ハッキング・ラボのつくりかた 完全版 仮想環境におけるハッカー体験学習」と「体系的に学ぶ 安全なWebアプリケーションの作り方 第2版 脆弱性が生まれる原理と対策の実践」（通称：徳丸本）を参考に、セキュリティの勉強を進めています。 その上で必要な知識として、今回は、よく使われている Webアプリケーションのフレームワークである Vue.js を理解しています。 前回 は、Vue 2.x と Vue 3.x について、環境構築、プロジェクト作成、開発用サーバで動作確認、ビルド、ビルド後の生成物で動作確認まで行いました。 今回は、ファイル構成、各種ソースコードの内容の確認、ビルド後の生成物の内容…

今回はVue.jsでのhistoryモードについて記載しようと思います。 というのも、vue-routerを使ってページリロードしたときに404になることがありました。(historyモードの設定をしていました) 調べてみるとhistoryモードが関連しているようでした。 vue-routerのモードについて まずは、vue-routerではhistoryモードについて説明します。 historyモードには数種類あります。 hashモード まずはhashモードについてです。 hashモードではURLが「http://localhost:8080/#/sample」のようにhash付きで表示され…

「ハッキング・ラボのつくりかた 完全版 仮想環境におけるハッカー体験学習」と「体系的に学ぶ 安全なWebアプリケーションの作り方 第2版 脆弱性が生まれる原理と対策の実践」（通称：徳丸本）を参考に、セキュリティの勉強を進めています。 その上で必要な知識として、今回は、Webアプリケーションを簡単に構築できる Vue.js を理解しようと思います。 少し前に、Pythonベースの Flask（WSGI＋Werkzeug＋Jinja2）をやりましたが、今回の Vue.js は JavaScriptベースです。たくさんの言語が出てきて、フロントエンド開発は大変です。そのセキュリティを学ぶには、それら…

Windows 10サポート終了とWindows 11への移行 M4 Mac mini用拡張ドッキングステーション Salesforceの営業AI Agentforceと営業マン雇用 ドコモの料金プランとAIのセット割 イオンカード不正利用とオフライン決済 Microsoft Teamsのハイブリッドワーク支援機能Microsoft Placesの新機能 ハッカソンでのDify活用事例 React依存を最小限にしたフロントエンド設計 日本のIPv6採用状況 LLMによる時系列データ分析にニュース情報を混ぜるアプローチ UI開発におけるヘッドレスUIライブラリの重要性とデザインシステムへの取り入…

UXとは UXの定義を理解し、類似する語句との違いや関係性を把握する 代表的なUXの定義 UXインテリジェンス協会の考えるUXの定義 UXの構成要素 UXと混同されやすい語句の定義及びUXとの関係性 UXが重視される背景 1. デジタル技術発展に伴うビジネスの変化を理解する 2. テクノロジーがUXデザインに与える影響を理解する 3. デジタル技術進展に伴う顧客接点・業務オペレーション・ビジネスモデルの変化 4. 近年のデータ活用動向 5. テクノロジー活用によるUXデザインプロセスの変化 まとめ UXデザイン 1. UXデザインの考え方 2. 代表的なUXデザインの手法 3. UXデザイナー…

こんにちは。 hacomono Engineering Office の りゅーほ @rh1011_ です。 hacomonoは、先月開催されたVue Fes Japan 2024にGoldスポンサーとして協賛をさせていただきました。 参加したエンジニアのセッションレポートを公開いたします。 [Keynote: Vue, Vite and the Future of JS Tooling] ▼yasu Vue.js 生みの親である Evan You 氏が立ち上げた void(0) によって、これからフロントエンドのツールチェーンを統一していくという話。 同社の Oxc プロジェクトによって開発…

10月の頭に、リアルハッカソンという名の開発合宿へ行ってきました。 場所は、熱海の貸別荘でした。 記事を書くのがすっかり遅くなってしまいました。 私が働いている株式会社ZAICOは山形県に本拠地があり、みなさん各地からフルリモートで働いています。 このリアルハッカソンでは、開発メンバーのほとんどが熱海に集結し、3-4人の6チームに分かれてチーム開発に取り組みました。 泊まりがけでのチームでの開発、ふりかえるとめちゃくちゃたのしかったです。 普段、業務で開発だけにずっと集中できる時間というのはなかなかなくて、とてもいい時間でした。くたびれましたが 😇 リアルハッカソンがどんな感じだったか書こうと…

前回 は、picoCTF の picoCTF 2023 の Reverse Engineering をやってみました。全7問でしたが、少し変わった問題が多かったです。 今回は、引き続き、picoCTF 2023 の Binary Exploitation をやっていきます。Medium が 4問、Hard が 3問です。難しそうです。 それでは、やっていきます。

Weeybridでは、地方創生とテレワークを推進し、新しい働き方のモデルケースを実践しています。 オフィスに縛られない柔軟な働き方を通じて、地方の活性化と働き方改革の両立を目指しています。 今回は、その取り組みとして青森県での開発合宿を実施しました！ 6名のメンバーが参加し、2泊3日の日程で技術検証から新規事業の企画まで、様々な取り組みを行いました。 この開発合宿は、普段のもくもく会（各自が自主的に作業を進める会）の延長線上に位置づけられるものです。 特定の課題や目標は設定せず、各参加者が自身の興味や業務に応じて自由にプロジェクトを進められる環境を整えました。 取り組みテーマ 参加者が取り組ん…

FACTの特徴と強み 現役プロが教える実践的カリキュラム 3〜5名限定の超少人数制クラス オンライン×対面のハイブリッド学習環境 4つのコース別 特徴と習得スキル デザインコース（3ヶ月）：Figmaマスターへの最短ルート デザイン&コーディング（6ヶ月）：フロントエンド開発の基礎を習得 デザイナーエキスパート（9ヶ月）：WordPress開発のプロフェッショナルへ デザイン&開発マスター（12ヶ月）：フルスタックエンジニアを目指す 受講者のキャリアプラン 未経験からWebデザイナーへの転職事例 実案件で経験を積むインターン制度 充実の無料転職支援サービス FACTの向き不向き診断 こんな人に…

この記事には、Kaigi on Rails 2024 の Day2 に聞いたセッションの感想と記録を書きたいと思います。 kaigionrails.org セッション会場は2つあったのですが、2日目は特にどちらの発表も面白そうでどちらを聞くか悩ましかったです。 また、発表の中で、1日目や他の方の発表内容に言及していたりしているのも、おお、繋がっている！！となりました。 （ イベントで思ったことと、Day1 のセッションについては別記事を書いています） 作って理解する RDBMSのしくみ Cache to Your Advantage: フラグメントキャッシュの基本と応用 基本：フラグメントキャ…

世間ではVue.jsのSFC、Tailwind、CSS in JSのような技術を用いてコンポーネント内でカプセル化して統制をとっていくことが主流だと思いますが、なぜか最近ピュアなCSSを書くことが多いので自分なりに設計として考えていることを整理して共有しやすいようにメモしておく。 基本思想 各ディレクトリの役割と基本ルール Foundation Layout Object Component Project Util 命名規則・クラス設計 エントリー設計 参考 基本思想 Sassは採用せずにPostCSS + CSSでFLOCSSベースのディレクトリ構成にしつつBEM的な命名規則を採用してCS…

タイミーの新谷、亀井、甲斐、須貝です。 Kaigi on Rails 2024 が10月25日、26日の2日間で開催されました。タイミーは昨年に引き続きKaigi on Railsのスポンサーをさせていただきました。 また、タイミーには世界中で開催されているすべての技術カンファレンスに無制限で参加できる「Kaigi Pass」という制度があります。詳しくは以下をご覧ください。 productpr.timee.co.jp この制度を使ってオフラインでは6名のエンジニアが参加しました。 ライブ感ある集合写真 参加して聞いたセッションのうち印象に残ったいくつかをピックアップしてご紹介します。 Key…

アルバイトのYukiです。ついに私も卒業ブログを書く日が来ました。 2024年の1月から約9か月間。長いようで短い間でしたが、大変お世話になりました。 Yukiの雪アイコン 入社したきっかけ スプーキーズとの出会いは約12年前に遡ります。 書店でモバイルアプリ開発の書籍を探していて「Androidアプリサンプルプログラム大全」という技術書を見かけたのがきっかけで、技術力の高さを感じて会社のブログやSNSをチェックするようになりました。 スプーキーズを知るきっかけになった一冊 他社でWebのサーバーサイド開発を中心に経験していた私は、その後ゲーム開発スキルの習得に集中するために退職したものの、W…

こんにちは。アンドパッドでフロントエンドエンジニアをしている小泉です。 10月19日に Vue Fes Japan 2024 が開催されました。アンドパッドとしては初めてスポンサーブースを出展し、フロントエンドエンジニアを中心に5名での参加となりました。 この記事では、当日のブースの様子と、ブースで取った Vue にまつわるアンケート結果をご紹介します！ スポンサーブースレポート Vue Fes Japan を含め、フロントエンドのイベントへのスポンサー出展はアンドパッドとしては初めての試み。他のイベントと同様の ANDPADおみくじ に加えて、フロントエンドの技術スタックを紹介する展示を行い…