はてなブックマーク

ハコザキです。 今回は高速なビルドツールとして話題のViteを使ってNuxtを動かしてみたいと思います！ Viteとは Vite（ヴィート）はVueJSの開発者であるEvan You氏が開発したノーバンドルなビルドツールです。 ReactやSvelteなどにもサポートしており、 より速く・より無駄のない開発環境を提供することを目的としてます。 モダンブラウザには対応してますが、 IE11などのレガシーなブラウザにも対応させるには別途 @vitejs/plugin-legacyを入れる必要があります。 2021年7月時点で公式サイトが日本語対応されたとのことで、 かなりアツいビルドツールとなっております。 Node.jsのバージョンが12以降であればViteを動かすことができるため、 今回は14.8.0で実行しております。 バージョンの切り替えはnodenvなどを用いてみてください。 Vue

ハコザキです。 今回はTwintと呼ばれるPythonのスクレイピングツールを使って 自分のツイートを解析してみたいと思います！ Twintとは TwintはPythonで書かれた高度なTwitterスクレイピングツールで、 TwitterのAPIを使わずにTwitterのプロフィールからツイートをスクレイピングすることができます。 Twitterの機能にも詳細検索がありますが、Twitterのアプリ上でしか見ることができないため、 スクレイピングした結果を利用したい場合はTwintのようなツールを使うか、Twitter APIを使うかになります。 TwintはTwitterの検索機能を利用して下記のことができます 特定のユーザーのツイートをスクレイピング特定のトピックやハッシュタグ、トレンドに関連したツイートをスクレイピングメールや電話番号などの機密情報をツイートから抽出 Twitter

AWSを操作するためのライブラリと、 nodejsでファイル操作を行うためのライブラリをインストールします。 クライアントサイド 最低限のファイル選択と、ボタンを配置してます。 methods内の処理がポイントです！ <template> <div id="app" class="family"> ファイルを選択 <input @change="changeFile" ref="rfafile" type="file" /> <input @click="regist" type="button" value="Upload"/> </div> </template> <script> import axios from 'axios'; export default { data() { return { uploadfile: {}, }; }, methods: { changeFi

こんにちは、たけはんです。 自動整形フォーマッターをプロジェクトで導入してみたところ、めちゃくちゃ便利だったのでPrettierプラグインの使い方をまとめてみました。 Prettierとは Prettierとは、ソースコードを自動で整形してくれるツールです。 ソースを保存すると自動で整形してくれるため、タブのサイズや位置、さらにセミコロンやシングルクォーテーションなども整形してくれます。 主なフロントエンド開発に対応しているため、静的なHTML、CSS、JS（jQuery）での開発時にも、かなり使えますし、 JSのフレームワーク、vue.jsやAngularでの開発時にもオススメです。 自動整形イメージ インデントが一切ないソースでも、ソースを保存（Ctrl+s）するとキレイなコードになります。 そのためブロックを下に変更してくて、切り取り→貼り付けした後も保存をすればキレイになるので、個