はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 僕の考えた最強のService Workerキャッシュ戦略で爆速サービスを作った - Qiita

    10 users

    qiita.com/tiwu_official

    はじめに 聖地の写真を共有するサービス「Holy Place Photo」にService Workerによるキャッシュを実装しました。 そのためネットワークがオフラインでも下記のようにサクサク動きます!!!! Service Worker Demo pic.twitter.com/t04xSRl7B2 — tiwu (@tiwu_official) 2019年2月25日 また、LighthouseのPWAのスコアは100を取れました。 この記事ではService Workerを利用したキャッシュの設計、Laravel + Vue.jsのWebアプリケーションでの実装を解説していきたいと思います。 注意書き 僕の考えた最強のService Workerのキャッシュの設計のため唯一の正解ではありません キャッシュの設計はサービスによって違うと思うのでこの記事は一つの参考にしてください まずS

    • テクノロジー
    • 2019/03/10 18:21
    • ServiceWorker
    • 設計
    • HTML5
    • javascript
    • あとで読む
    • web
    • LaravelでTwitterログインを実装する - Qiita

      3 users

      qiita.com/tiwu_official

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

      • テクノロジー
      • 2018/12/28 17:10
      • Article
      • twitter
      • 超簡単!LaravelでS3を利用する手順 - Qiita

        3 users

        qiita.com/tiwu_official

        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに よくあるファイルアップロードの仕組みをLaravelとS3で作ってみたいと思います 前提 Laravel version 5.6 のプロジェクトは作成済み AWSアカウントは作成済み S3用のIAMを作成 まずはAWSのコンソールの右上から、自分のアカウントをクリックしアコーディオンを開き、「My Security Credentisals」をクリック 遷移したら、左側のメニューから「Users」をクリック 遷移したら、「Add User」をクリック 遷移したら、「User name」に適当な名前を入力し、「Select AW

        • テクノロジー
        • 2018/09/03 12:09
        • vue-cliでwebアプリケーションを作って、Netlifyを使って無料で爆速でリリースした話 - Qiita

          9 users

          qiita.com/tiwu_official

          はじめに vue-cliでwebアプリケーションを作って、GitHubPagesで無料で爆速でリリースした話の記事で、vue-cliで実装したものをGitHubPagesでリリースしました。 今回の記事はNetlifyが熱いと最近聞いたので、アカウント登録からvue-cliで作ったwebアプリケーションのリリース、カスタムドメインとHTTPSの設定をしたので書いていきたいと思います。 ※vue-cliに関しては上記記事に詳しく書いてあるのでこの記事では触れません リリースしたサイト(中身はGitHubPagesでリリースしたサイトと同じ) https://holy-place-photo.netlify.com/ Netlify https://www.netlify.com/ 静的なサイトなら簡単にリリースができるサービスです。 下記Qiitaの記事に詳しく特徴が載っています(下記Qii

          • テクノロジー
          • 2017/12/27 12:29
          • vue-cliでwebアプリケーションを作って、GitHubPagesで無料で爆速でリリースした話 - Qiita

            20 users

            qiita.com/tiwu_official

            はじめに 最近Vue.jsを利用してwebアプリケーションを作成しているのですが、vue-cliというプロジェクト作成ツールがあったので今回それを利用して実際にリリースするまでやってみたので書いていきたいと思います。 今回リリースはherokuなどいろいろ考えたのですが、GitHubPagesを利用しました。 リリースしたサイト ※サイトの品質、ソースコードの品質はまだまだなのでそこには触れません Netlifyでもリリースしました! vue-cliでwebアプリケーションを作って、Netlifyを使って無料で爆速でリリースした話 GitHubPages GitHubPages GitHubのリポジトリにpushするだけで、簡単にwebページを公開できるサービスです。 リポジトリ毎に公開できたり、アカウントに対して公開できたりします。 例えば下記ページは自分のvue.jsのリポジトリをGi

            • テクノロジー
            • 2017/12/06 13:12
            • vue-cli
            • GitHub Pages
            • Vue.js
            • あとで試す
            • qiita
            • JavaScript
            • あとで読む
            • GitHubとAWSを利用して自動メルマガ送信システムを作ってみた - Qiita

              9 users

              qiita.com/tiwu_official

              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 以前からメルマガを隔週で書いて送信していたのですが、これがまた運用フローがとてもめんどくさい。 プログラマー三大美徳である怠慢を思い出し、自動メルマガ送信システムを作ってみました。 いろいろ学びがあったのでQiitaにまとめていきたいと思います。 旧運用フロー そもそもどういう流れでメルマガを書き、送信をしていたかと言うと 送信者はメールクライアント(OutLookやGmailやThunderbirdとか)でHTMLメールを記述し、メルマガメンバーに向けてレビュー依頼メールを送信 メルマガメンバーは送信されたメールを確認し指摘

              • テクノロジー
              • 2017/10/06 08:51
              • github
              • mail
              • AWS
              • Saved For Later
              • あとで読む
              • iOS11のSafariでSVGが崩れてしまう原因 - Qiita

                5 users

                qiita.com/tiwu_official

                はじめに つい先日iOS11がリリースされ、世の中のweb屋さんはデバッグに勤しんでいると思います。 そんな中、iOS11のsafariのみでSVGが崩れるの発見したので解決方法を書いていきます バグの内容 SVGアイコンをtransformを利用しアニメーションさせたりしているのですが、そのアニメーションがおかしい。 どうおかしいかというと、位置がずれたりする。 わけがわからない。 位置がずれるということは、何か座標計算がおかしいのかと疑いひたすらデバッグしてたら発見しました。 バグの原因 原因はtransform-boxの初期値が、iOS11のSafariはview-boxが指定されているため。 https://developer.mozilla.org/ja/docs/Web/CSS/transform-box MDNを見るとview-boxの説明はこう書かれている。 参照ボックスと

                • テクノロジー
                • 2017/09/29 19:46
                • あとで読む
                • AWSを避けていたPGがALBとEC2を利用してWEBアプリケーション環境を構築してみた - Qiita

                  3 users

                  qiita.com/tiwu_official

                  初めに 最近流行りというわけではないですが、AWSをついに学びました。 自分はフロントのあれやこれやが好みで、インフラは避けて生きていたのですが 今回学ぶ機会があり、いろいろ調べて実際に構築してみたのでそれを書いていきたいと思います。 すごいですねAWS(小並感) 全体で3部構成の記事になります。 第1部 「AWSを避けていたPGがALBとEC2を利用してWEBアプリケーション環境を構築してみた」←今ここ 第2部 「LambdaとCloud WatchによるEC2の夜間停止」 第3部 「ALBによるパスルーティング」 前置き 0から始めるAWS入門:概要を基本的に参考にして構築をしております。 解釈や説明の誤りなど、コメント欄に記載していただけると幸いです。 構成図 自分が今回構築するのは下記のような環境です。 VPC内にEC2を構築し、ALBによるルーティング制御を行います。 VPC ま

                  • テクノロジー
                  • 2017/03/16 21:47
                  • CloudWatchとLambdaによるEC2の夜間停止 - Qiita

                    5 users

                    qiita.com/tiwu_official

                    初めに AWSのアドベントカレンダーもっと盛り上がれ!もう時代遅れか!? と念じております。 さてさて、前回はWEBアプリケーションの環境を構築しましたが 今回はEC2の夜間停止をCloudWatchとLambdaを利用して実装していきたいと思います。 夜間停止の流れはLambdaで起動用の関数と停止用の関数を作成し CloudWatchを利用して朝に起動用の関数を、夜に停止用の関数を実行することで実現させます。 第1部 「AWSを避けていたPGがALBとEC2を利用してWEBアプリケーション環境を構築してみた」 第2部 「LambdaとCloud WatchによるEC2の夜間停止」←今ここ 第3部 「ALBによるパスルーティング」 前置き LambdaのScheduleイベントでEC2を自動起動&自動停止してみた#reinventを基本的に参考にして構築をしております。 解釈や説明の誤り

                    • テクノロジー
                    • 2016/12/23 01:02
                    • aws
                    • position:fixedが効かない事件簿 - Qiita

                      9 users

                      qiita.com/tiwu_official

                      初めに よし、ヘッダーを画面上に固定してやろ(^ω^) って時に え、ヘッダーの上に文字が来るんですけど( ‘д‘⊂彡☆))Д´) パーン とか スクロールして、動的におしゃれに上部メニューを表示させたいのにスクロール中に表示されない( ‘д‘⊂彡☆))Д´) パーン とかそんな事件の対処法をテンションに任せて書いていこうと思います。 事件1「z-index」 概要 ヘッダーにposition:fixedを指定してtop:0,left:0で画面上部に固定しているのに なんで他の要素が上に来ているの!?という事件。 DEMO DEMO キャプチャ code html

                      • 世の中
                      • 2016/12/20 22:27
                      • css
                      • *web制作
                      • trouble
                      • design
                      • web
                      • GitHub Pagesで静的なサイトを公開し、独自ドメインを設定する - Qiita

                        12 users

                        qiita.com/tiwu_official

                        初めに 今回自身のGitHub Pagesのサイトにお名前.comで取得した独自ドメインを設定したので、設定方法を書いていこうと思います。 GitHub Pages GitHub Pagesとは GitHub Pagesは静的なサイトを簡単に公開できるGitHubのサービスです。 GitHubアカウントの取得 まずはGitHub Pagesを利用するためにGitHubのアカウントを取得します。 こちらから新規登録をしてアカウントを作成します。 リポジトリの作成 GitHub Pagesはアカウントに対して作成するのと、リポジトリに対して作成ができますが、今回はリポジトリに対して作成したいと思います。 アカウントを作成したら次に、「+New Repository」で新しいリポジトリを作成します。 Repository nameに適当に名前を入力し「Create repository」でリポジ

                        • テクノロジー
                        • 2016/01/03 13:16
                        • github pages
                        • github
                        • blog
                        • Material Design for Bootstrapを利用してみた - Qiita

                          9 users

                          qiita.com/tiwu_official

                          初めに Googleが提唱した新しいデザインガイドライン「Material Design」が最近熱いと聞きます。 Material Designは操作に対して反応が返ってくるため、操作感がありサイトの印象がが他のサイトと比べて強いと自分は感じました。 そこで、BootstrapのテーマでMaterial Designが使えると知り触ってみたので、書いていこうと思います。 Material Design for Bootstrap 導入 公式サイト Material Design for Bootstrapの公式サイトではElementsの動きを確認できます。 また、Bootstrap elementsのページにはサンプルコードがあります。 導入はGetting Startedにbower,meteorを使ったインストールの仕方が書いてあります。bower,meteorを使わない場合はここか

                          • テクノロジー
                          • 2015/12/13 23:53
                          • bootstrap
                          • css
                          • design
                          • vagrantを用いたPHPの環境構築 - Qiita

                            11 users

                            qiita.com/tiwu_official

                            初めに この記事は PHPを自宅で動かしたい 開発環境の構築はさっぱり 環境構築に時間をかけたくない vagrantを使ってみたい という比較的初心者向けになっています。 最終的に、PHPからmysqlを操作し、ブラウザでデータの確認までします。 ステップ1(本記事)→vagrantを用いたPHPの環境構築 ステップ2→centOS6.5にmysql5.6をインストールする ステップ3→PHPからmysqlの操作 前提条件 vagrantインストール済み VirtualBoxインストール済み centOS入手済み 開発環境 OS X Yosemite Windowsでも同じことができると思います(未確認) ※追記 Windows環境で試してみました。 マシンの起動(vagrant up)までは同じ手順になります。 Windowsのコマンドプロンプトはssh接続機能がないため Tera Te

                            • テクノロジー
                            • 2015/10/30 18:54
                            • vagrant
                            • PHP
                            • mysql
                            • Windows
                            • Animate.cssとwow.jsを使ってサイトにアニメーションをつける - Qiita

                              69 users

                              qiita.com/tiwu_official

                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                              • テクノロジー
                              • 2015/10/20 11:36
                              • アニメーション
                              • CSS
                              • animate
                              • js
                              • *CSS
                              • javascript
                              • Animation
                              • *javascript

                              このページはまだ
                              ブックマークされていません

                              このページを最初にブックマークしてみませんか?

                              『qiita.com』の新着エントリーを見る

                              キーボードショートカット一覧

                              j次のブックマーク

                              k前のブックマーク

                              lあとで読む

                              eコメント一覧を開く

                              oページを開く

                              はてなブックマーク

                              • 総合
                              • 一般
                              • 世の中
                              • 政治と経済
                              • 暮らし
                              • 学び
                              • テクノロジー
                              • エンタメ
                              • アニメとゲーム
                              • おもしろ
                              • アプリ・拡張機能
                              • 開発ブログ
                              • ヘルプ
                              • お問い合わせ
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について

                              公式Twitter

                              • 公式アカウント
                              • ホットエントリー

                              はてなのサービス

                              • はてなブログ
                              • はてなブログPro
                              • 人力検索はてな
                              • はてなブログ タグ
                              • はてなニュース
                              • ソレドコ
                              • App Storeからダウンロード
                              • Google Playで手に入れよう
                              Copyright © 2005-2025 Hatena. All Rights Reserved.
                              設定を変更しましたx