weva

weva

フロントエンドのパフォーマンス改善施策 (Vue.jsを使用)

1. WebWorkerで重い処理のブロッキングを解消パフォーマンス改善において、CPUを大量に消費するような処理は、WebWorkerを使用してメインスレッドのブロッキングを避けることができます。 WebWorkerを利用することで、重い処理を別のスレッドで実行し、UIのレスポンス性を維持します。 これは、複雑な計算やデータ処理が必要なアプリケーションで効果的です。 改善前: <script setup>import { ref, onMounted } from 'v

weva

    • エンジニア向けプログラミングポートフォリオ作成のチェックするポイント

      未経験エンジニアの採用活動において、ポートフォリオは技術力をアピールできる重要な要素です。 ポートフォリオを通じて能力をアピールするための注意する点をいくつか書きます。 ここでは、Web系開発職の採用応募を想定しています。 Gitのコミット履歴 きれいで一貫性のあるコミットログは、プロジェクト管理能力と細かい作業への注意を示します。 各コミットは、行った変更を明確に説明するよう気をつけましょう。 コミットされているコードもできるだけクリーンに書きましょう。 関数は一度

      weva

      • クロスプラットフォームのモバイルアプリ開発フレームワーク比較 【2023年】

        クロスプラットフォームの開発フレームワークとは、一つのコードで複数のプラットフォーム（iOS / Android / Web等) に対応するアプリを効率的に作成するためのツールです。 ここではWeb技術に近い主要なクロスプラットフォーム用フレームワークと、その採用例をまとめました。 Ionic/Capacitor特徴： Web技術（HTML、CSS、JavaScript）をベースに、モバイル、デスクトップ、Webアプリの開発が可能。IonicはUIコンポーネントを提供

        weva

        • Twitter(X)のかわりに使えるSNSのまとめ

          ThreadsInstagramと紐づいた状態で使えるテキストベースのSNSで、最大500字のテキスト投稿が可能。 BlueskyTwitterの共同創業者ジャック・ドーシーが発案した分散型SNS。ユーザーにコンテンツとデータのコントロールを提供する分散型ソーシャルネットワークを目指している。 Misskey日本発のSNS。Misskeyはユーザーが自分のサーバーを立てることができ、コミュニティのルールを自分で設定できるなど、分散型ソーシャルネットワークとして機能する。

          weva

        フロントエンドのパフォーマンス改善施策 (Vue.jsを使用)

        weva

        • エンジニア向けプログラミングポートフォリオ作成のチェックするポイント

          weva

        • クロスプラットフォームのモバイルアプリ開発フレームワーク比較 【2023年】

          weva

        • Twitter(X)のかわりに使えるSNSのまとめ

          weva

          フリーのタスク管理ツール（OSS）まとめ

          タスク管理ツールはBacklogやJira、Wrikeなど有名で使いやすいものがありますが、 メンバー人数分のコストがかかるので小規模スタートアップはフリーのタスク管理ツールも選択肢に入ってくると思います。 ということでオープンソースでフリーのタスク管理ツールの有名所をまとめました。 Redmine特徴: Ruby on Railsで開発されたオープンソースのプロジェクト管理ツール。 マルチプロジェクトサポート、課題追跡システム、ガントチャートとカレンダー、ニュース、ドキ

          weva

          フリーのタスク管理ツール（OSS）まとめ

          weva

          Webフレームワークごとの参考になるOSSまとめ

          オープンソースプロジェクトのコードリーディングはプログラミング学習に役立ちます。 有名Webフレームワークごとの参考になるオープンソースプロジェクトをまとめました。 Ruby on RailsDiscourse 高度なディスカッションプラットフォーム。 RESTfulアプリケーション設計、バックグラウンドジョブの処理、多言語サポート、複雑なデータモデリング、キャッシング戦略など、Rails開発の多くの側面をカバーしています。 Gitlab コード管理、CI/CD、セ

          weva

          Webフレームワークごとの参考になるOSSまとめ

          weva

          フロントエンドJavaScriptでのスクレイピング

          以下の動作をフロントエンドのJavaScriptで実装します。 １．特定ページ上の特定クラスのリンク先URLを収集 ↓ ２．集めたリンク先のページ上にある特定クラスのリンク先URLを集める スクリプトの例： var links = Array.from(document.querySelectorAll('a.target-class')).map(a => a.href);var promiseResponseTexts = await Promise.all(

          weva

          フロントエンドJavaScriptでのスクレイピング

          weva