フロントエンド

この記事について フロントエンドの データビジュアル化ツールについて紹介します。今回は Apache ECharts について書きたいと思います。chart.js の方が馴染み深いと思いますが、chart.js よりも描画できる図形の数が多く、メンテナンスも多くされているようです。今後使用していく可能性が高いので、Apache ECharts を使ってみたいと思います。 導入方法 echarts についてはこちらを参照してください。今回は echart を使用し、レーダーチャートを書いていきます。 パッケージをインストールする。今回、Vue で使用したかったので、vue-echartsをインス…

Udemy講座でNext.jsブログ作成にチャレンジ X（旧Twitter）のFFが個人ブログを作成していた。 覗きに行ってみたらすごくいいデザインで感動した。ついでに記事としてブログ作成に至った経緯が書かれていた。 最初はデザイン系のポートフォリオに書けるから良くない？みたいな流れからプログラミングを独学で勉強してブログ完成に至ったそうだ。えーすごい！知識ほぼゼロからブログ完成までできるなんて！！ ブログ完成までの経緯の記事を読んでて、僕はふと思った。 「これ、僕も個人HP作ってみようかなぁ」 正直技術的な練習にちょうどいいな、と思った。今後仕事で使う技術は主にフロントエンドの技術。それなら…

フロントエンド、またはクライアントサイドとは、ウェブサイトやウェブアプリケーションのユーザーが直接対話する部分のことを指します。 これは、ウェブページ上で見えるテキスト、画像、ボタン、フォーム、動画、リンクなど、ユーザーがブラウザで見ることができるすべての要素を含みます。 フロントエンドは、ユーザーがウェブサイトを使って情報を閲覧したり、操作したりするためのインターフェースを提供します。 フロントエンドの主な要素 1.HTML (HyperText Markup Language) HTMLはウェブページの構造を定義するための言語です。 テキスト、画像、リンク、フォームなどの要素を配置し、それ…

Vue Fes Japan とは Vue Fes Japan は Vue.js 日本ユーザーグループが主催する日本最大の Vue.js カンファレンスです。 日本における Vue.js 開発者たちによる発表や、Vue クリエイター の Evan You や、 Nuxt.js・Vite などのコアコントリビューターの方たちも登壇されます。 昨年のオンラインカンファレンスを経て、今年は念願のオフライン開催が決定しました。 vuefes.jp 登壇情報 弊社からはクラウドワークスエンジニアの @t0yohei と @yamanoku と @53able それぞれ登壇いたします。

はじめに e2eテストを学び始めたばかりなので、正直わかっていないことがほとんどです。 今回の見解についても回避できる術があるかもしれませんが、分からなかったので問題点を挙げるだけにとどめます。 Playwrightとは まずは、公式ドキュメントを読むことにしているが、さっぱりでした… 他の方の記事を参考にしています。 複数のブラウザをサポートしている 直感的にコードをかける。クライアントの動作の流れを汲み取る テストの高速実行 UIテスト、パフォーマンス、スクリーンショット等ができる のようなメリットがあります。 今回つまづいた箇所 UIテスト、パフォーマンス、スクリーンショット等ができる …

みなさんこんにちは。ソーシャル経済メディア「NewsPicks」を運営する、ユーザベースの技術広報チームです。 NewsPicks のプロダクト開発チームでは、技術やデザイン領域をテーマとした社内勉強会が多数開催されており、日々学びの場としてインプットに励んでいます。 本日は、定期的に開催している社内勉強会を一挙ご紹介します！ iOS勉強会 Android知見共有会 ゆる frontend 共有会 ABテスト輪読会 AI論文読み会 Kotlin 知見共有会 インフラ・運用勉強会 ポートフォリオ発表会 輪読会 ChatGPT 勉強会 iOS勉強会 【開催日程】 隔週金曜 15:00~ 【会の目的…

バクラク事業部 電子帳簿保存のエンジニアリングマネージャーをしている菊池 (@kichion)です。7月はLayerX エンジニアブログを活発にする期間なので、もし気になる記事があればぜひご覧ください！ 7月33日の今日はバクラクというプロダクトのフロントエンドにおけるVision策定をした話をしようと思います。 バクラクフロントエンドVision なぜ、Vision策定をしたか Visionの先の願い お客様に最高の体験を届けたい フロントエンド実装を楽しくしたい 挑戦と仲間 フロントエンドワーキンググループ 挑戦と求む新しい仲間 カジュアル面談をオープンしてます。お気軽にどうぞ！ バクラク…

最近は N 年間放置していた徳丸本を真面目に読み進めており、今回はその §3.3 CORS についてのアウトプットになります。 CORS について CORS とは『オリジン間リソース共有 (Cross-Origin Resource Sharing) 』の略で、異なるオリジン間でリソースを安全に使用するためにブラウザのサンドボックスに用意された制限の1つです。 CORS に対する理解を自分なりの図にまとめておきます。 （※ の部分について軽く説明します。） flowchart TD A{js が動作するオリジンと\n情報取得するオリジンが同一か ※1} --> |No| B{単純リクエストか …

はじめに 先日、「コードが動かないので帰れません！ 新人プログラマーのためのエラーが怖くなくなる本」という本が発売されることを知りました。おお、これは気になる 👀 https://t.co/AVGT19OSQi— Junichi Ito (伊藤淳一) (@jnchito) 2023年9月6日 そしたらこの本の編集者さんが僕のツイートを見つけて「良かったらお送りしましょうか？」と連絡をくれたので、二つ返事で「はい！」と答えましたwというわけで、「コードが動かないので帰れません！ 新人プログラマーのためのエラーが怖くなくなる本」を早々とゲット！わーい！😄せっかく送っていただいたので、本書の簡単な紹…

Amazon S3 Amazon S3とは Simple Storage Serviceの略 オブジェクトストレージのサービス - オブジェクトストレージとは、データをオブジェクトを扱い、IDとメタデータによって管理する方式のこと S3は、データを１年間保管した場合に消失せずに保管されるオブジェクトが平均99.999999999%(イレブンナイン)という非常に高い耐久性を提供する 年末ジャンボ１等が当たる確率は、0.000005%。 実質保存容量が無制限 安価 S3の基本 バケット オブジェクトの保存場所 バケットの作成時に名称を指定する必要があるが、その名称はAWSアカウントでユニークである…

TypeScript Origins: The DocumentaryはTypeScriptの誕生に関わった関係者たちへのインタビューで構成されたドキュメンタリー動画。 www.youtube.com 製作元はOfferZenというアムステルダムの求人プラットームの会社で、以前にはSvelte OriginsやLaravel Originsも公開している。 本作ではReact.js: The Documentaryの次世代フロントエンドフレームワーク開発競争と時期を同じくして起っていたAltJS戦争の中でどうTypeScriptが現在の地位を獲得していったのかに迫る。 laiso.hatena…

先日 BackstageのPluginとして Search extension for Azure Cognitive Search を公開いたしました。 www.ap-com.co.jp www.npmjs.com Backstageの 公式 Plugin Marketplace にも掲載頂いております。 Backstageとは Backstage はもともとSpotifyが開発し、2020年にCNCFに寄贈した Internal Developer PortalのOSSです。 開発チームが開発を進める際、本当に様々なツールにアクセスして情報を参照しています。コードリポジトリはもちろんですが…

なぜプログラミングを学ぶべきなのか 現代社会において、コンピュータやインターネットは避けて通れない存在となりました。そのような環境下で、プログラミングを理解し、自在に操ることができるスキルは、一人ひとりに新たな可能性を広げます。それでは具体的に、プログラミングを学ぶべき理由とそのメリットについて探求していきましょう。 今後の求人市場での有利さ AIやロボット技術など、テクノロジーの進化に伴い、今後の求人市場においてはプログラミングの能力が重要視されるでしょう。多くの企業がIT化を進めており、その実現のためにはプログラマーの存在が不可欠なのです。また、高度なスキルを求める優良企業でのキャリアアッ…

こんにちは、TVerの加我です。最近ではフロントエンド周りのモニタリング強化やオブザーバビリティを推進しております。 先日の9/1 - 9/3に開催されましたiOSDC Japan 2023にて登壇してまいりました。 fortee.jp ちなみにTVerはシルバースポンサーとして協賛いたしました。 techblog.tver.co.jp © 2023 iOSDC Japan 2023 実行委員会 iOSDC Japanとは 以下、公式サイトからの引用です。 iOSDC Japan 2023はiOS関連技術をコアのテーマとしたソフトウェア技術者のためのカンファレンスです。今年もリアル会場とオンラ…

はじめに こんにちは、エキサイト株式会社3年目デザイナーの山﨑です。 今回は、「CanvaのWebデザインツールでLPを制作したらかなり良かった話」について記していきたいと思います。 はじめに Canva Webサイトを使用することになった経緯 制作フローの違い 実際の制作風景 Canva Webサイトを使って出来ること Canva Webサイトを使う上での注意点 最後に Canva Webサイトを使用することになった経緯 弊社ではLP制作の依頼が来た場合、基本的にはデザイナーとフロントエンドエンジニア、デザインとフロント実装どちらも出来るデザイナーがアサインされます。 大体はWordPres…

充放電試験機市場概要 充放電試験システムは、電池の研究開発や品質保証（サンプリング・信頼性検査）における充放電サイクル試験に欠かせない測定システムです。 電池充放電試験システムは主にリチウム電池とその他の電池の性能試験に使用される。電気自動車と同等の様々な使用条件下で電池パックのシミュレーションを行うことができ、複数の電池パックの電池性能を同時に試験することができ、生産ラインの試験レベルを大幅に向上させます。 効率と生産。 QYResearchが発行した最新市場調査レポート「充放電試験機の世界市場レポート 2023-2029年」によると、世界の充放電試験機市場規模は2029年までに977百万米…

ウシα-ラクトアルブミン市場の概要 QYResearchが発行した最新市場調査レポート「ウシα-ラクトアルブミンの世界市場レポート 2023-2029」によると、世界のウシα-ラクトアルブミン市場規模は2023年の43百万米ドルから2029年には113百万米ドルに成長し、予測期間中のCAGRは17.6％と予測されている。 ウシα-ラクトアルブミン（英語名：Alpha-lactalbumin）は、主に乳製品、特に牛乳に含まれる乳清タンパク質の一種である。一般的にアミノ酸、特にリジン、トリプトファン、システインを豊富に含む高品質のタンパク質である。 牛乳中のウシα-ラクトアルブミンの主な役割は、乳…

電池タブ線市場の概要 リードタブは、ソフトパックコアの正極と負極からつながる金属導体である。リチウム電池の正極はアルミニウム製、負極はニッケルおよびニッケルメッキ銅製で、いずれも変性PP接着剤と金属テープの組み合わせで作られています。 QYResearchが発行した最新市場調査レポート「電池タブ線の世界市場レポート 2023-2029年」によると、電池タブ線の世界市場規模は2029年までに1427百万米ドルに達し、予測期間中の年平均成長率は11%と予測されています。 電池タブ線の世界市場規模（百万米ドル）、2018-2029年 QYResearchの調査に基づいているか、含まれています：電池タ…

目次 Yarnについて Yarnの特徴 Yarnの基本的な使用方法 まとめ Yarnについて Yarnは、高速で信頼性の高い、セキュアな依存関係管理ツールです。 JavaScriptのプロジェクトで利用されることが多いです。 Yarnは、npmのクライアントとしても動作するため、npmのpackage.jsonやnode_modulesのディレクトリ構造と互換性があります。 Yarnの特徴 高速：Yarnはキャッシュを効率的に使用し、一度ダウンロードされたパッケージは再度ダウンロードされることはありません。 信頼性：インストールが継続的に一貫した結果になるように、yarn.lockというロック…