タグ

ブックマーク / qiita.com/ryo2132 (4)

  • 開発体験を変える! Chrome DevTools Tips 7選 - Qiita

    最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう! 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で

    開発体験を変える! Chrome DevTools Tips 7選 - Qiita
    invent
    invent 2020/08/17
  • Deno🦕でRESTfulなAPIサーバーを立ててCloud Runへデプロイしてみる - Qiita

    Denoの学習用にRESTfulなAPIサーバーを作ってみたのでまとめます。 今回作るもの DenoとServestを使ってRESTfulなAPIサーバーを作り、GCPのCloud Runへデプロイするまでです。 (GIFではcURLで実行していますが、もちろんプラウザでも確認できます) 今回記載するサンプルコードは全て以下GitHubリポジトリにあります。もし、動かなければこちらを参照してみてください。 Denoとは? Denoは、Node.jsに変わる新しいJavaScriptのランタイムです。 ネイティブでTypeScriptをサポートしています。また、package.json での依存管理は不要で、URLから直接パッケージをimportしてキャッシュに保存します。ローカルに巨大な node_modules を持つ必要もないです。 その他詳細な情報は以下にとても分かりやすく記載されて

    Deno🦕でRESTfulなAPIサーバーを立ててCloud Runへデプロイしてみる - Qiita
    invent
    invent 2020/07/22
  • ノーコード! Glideで飲食店検索アプリを爆速で作ってみた - Qiita

    流行りのノーコードツールのGlideでアプリを作ってみたのでその所感を書きます。 🍱作ったもの テイクアウトを提供している地元飲店の検索アプリです。 店名・住所・メニューでの検索やマップ表示などが出来ます。 製作時間は8時間程(8割の時間は情報元サイトからのデータ取得・整形)。 Takeout-Hitachinaka · 店舗一覧 機能 - 店名・メニュー・地名などでの検索機能 - 詳細情報の表示 - マップ情報の表示、マップ画面での現在位置取得 - コメント機能 - お問い合わせフォーム 🔧なぜ作った? 地元の商工会議所が提供しているテイクアウト飲店のまとめページが、かなり味のあるデザインで気になったのがきっかけです。 せっかくの良いキャンペーンが上手く伝わらず勿体ないなと思いました。 新型ウイルスに負けないぞ! テイクアウト&デリバリー応援キャンペーンサイト 特に以下点が気にな

    ノーコード! Glideで飲食店検索アプリを爆速で作ってみた - Qiita
    invent
    invent 2020/05/15
  • Firebase Extensionsをサクッと試してみた 〜Firebase Extensions機能一覧、Translate Textの使い方〜 - Qiita

    Firebase Extensionsをサクッと試してみた 〜Firebase Extensions機能一覧、Translate Textの使い方〜FirebaseFirebaseCloudFunctionsCloudFirestoreFirebaseExtensions 2019/09/26にFirebase Summitで発表されたFirebase Extensionsをサクッと試しみたので書きます Firebase Extensions とは? Firebaseコンソールでポチポチと設定するだけで、既存のFirebaseの機能を補助するCloud Functionsを作成出来る機能です。 Firestorageでの画像リサイズや、Firestoreに保存されたタイミングで任意の言語に翻訳できる機能など以下の9つのExtensionが発表されています。 簡単に各Extensionsの紹

    Firebase Extensionsをサクッと試してみた 〜Firebase Extensions機能一覧、Translate Textの使い方〜 - Qiita
    invent
    invent 2019/09/27
  • 1