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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    AIで何ができる?

『タケユー・ウェブ日報』

  • 人気
  • 新着
  • すべて
  • Adobe XD + VSCode + Flutter でデザイントークンを開発者に共有する - タケユー・ウェブ日報

    3 users

    blog.takeyuweb.co.jp

    先日VSCodeのAdobe XDプラグインが公開され、Adobe XDで作成したプロトタイプをコーディングに利用することが可能になりました。 利用までの手順と、実際に何ができて何ができないのか?試してみたので記録しておきます。 coliss.com letsxd.com Adobe XD + VSCode でできること Adobe XD のアセット(カラー/文字スタイル)に名前を付けて、デザイントークンとして扱う たとえば カラー #115293 を primary-dark のように CSSなどの各マークアップ言語・プログラミング言語での、デザイントークンのコードを生成できる 生成されたコードを利用することで、コードの変更なしに、XDで行われたデザイントークンの変更を反映できる VSCode の Adobe XD プラグインを使うと次のことができる Creative Cloudライブラ

    • テクノロジー
    • 2021/09/13 01:22
    • Rails 6.1 の rails_storage_proxy_url でActiveStorage のリダイレクトURL問題を解決する - タケユー・ウェブ日報

      6 users

      blog.takeyuweb.co.jp

      Rails 6.1 の新機能 rails_storage_proxy_url を使うと、ActiveStorage で添付したファイルへのリンクが署名付きURLへのリダイレクトにならず、RailsアプリのURLのままファイルをダウンロードできるようになります。 どういうこと? ActiveStorageはこれまで、S3をバックエンドとして使った場合、S3への署名付きURL=タイムスタンプなどが付与されたURLへのリダイレクトを行ってきました。 しかしこれは扱いづらいことも少なくなく、悩みの種の1つでした。 Rails 6.1 でこの問題に対する回答が(ようやく)公式に用意されたことになります。 例 url_for(user.photo) でActiveStorageへのURLを生成 たとえば http://localhost:3000/rails/active_storage/blobs/

      • テクノロジー
      • 2021/03/29 17:45
      • rails
      • ApplicationLoadBalancer で Basic認証 - タケユー・ウェブ日報

        3 users

        blog.takeyuweb.co.jp

        まとめ リスナールールで Authorization ヘッダーをチェックする Lambda で WWW-Authenticate: Basic を返す アプリケーションの実装なしに簡易認証できて便利 事の起こり ALB をフロントに置いたWebサイト 全体に認証をかけたい サーバー側コード等の変更は加えない というわけで、ALB側の工夫でBasic認証をかけることにしました。 もう少し本格的な認証がほしい場合は Cognito User Pool などと組み合わせたOIDC認証機能が便利です。 今回は利用側のリテラシ的にも要件的にもBasic認証で必要十分だったため、Basic認証を使う方法を検討しました。 ALB設定 ALBはHTTPヘッダーなどをもとに、ルールベースで柔軟な応答を組み立てることができます。 今回は 認証OKかどうか Authorization ヘッダーで確認し、OKなら

        • 学び
        • 2021/01/21 18:12
        • Stoplight Studio を試す - タケユー・ウェブ日報

          5 users

          blog.takeyuweb.co.jp

          OpenAPI の定義ファイルの作成と管理のためのツールを探していて、Stoplight Studio が良いと聞いたので試してみることにしました。 stoplight.io Stoplight Studio Stoplight Studio の触れ込み Next gen editor for API design & technical docs (API設計と技術文書のための次世代エディタ) Design APIs 10x faster with our free OpenAPI editor. Prototype and share your API within minutes. 無料の OpenAPI エディタを使用して、API を 10 倍速く設計します。数分以内にAPIをプロトタイプ化して共有します。 OpenAPI v2 & v3 API Designer (OpenAPI

          • テクノロジー
          • 2021/01/20 01:00
          • あとで読む
          • CodePipeline のアクションで AWS Lambda を実行する - タケユー・ウェブ日報

            3 users

            blog.takeyuweb.co.jp

            まとめ CodePipeline のアクションとして AWS Lambda を実行すれば、いろいろなことができる たとえばRailsのdb:migrateをデプロイ時に自動設定したり、ECSスケジュールタスクを登録したり Lambdaのタスクロールを適切に指定すればAWSアクセスキーなしにAWS SDKが使えて便利 CDKを使えばLambdaファンクションのソースコードのバージョン管理も捗る CodePipeline実行の様子 事の起こり 弊社受託案件のうちいくつかは Rails + AWS CodePipeline + ECS による継続的デリバリ環境で稼働しています。 AWS CodePipeline は処理内容と、それどういった順番で実行するかを定義することで、柔軟なリリース自動化が可能です。 処理内容はたとえば、 Gitからソースコードをチェックアウトする CodeBuildを使っ

            • テクノロジー
            • 2020/04/04 11:28
            • Amazon Cognito + AWS JavaScript SDKで作るサーバ不要のアップローダ - タケユー・ウェブ日報

              47 users

              blog.takeyuweb.co.jp

              ずっと気になってたAmazon Cognitoを使ってみました。 Cognitoを使うと、アプリ側だけでAWSへのアクセス権を与えることができます。 これを利用して、サーバインスタンスなしにいろいろなことができるようになります。 ありがちな例ですが、今日はブラウザから直接S3にファイルをアップロードしてそのURLを表示する、というものを作ってみましたので、よろしければ参考にどうぞ。 7/21 追記 アップロードしたファイルをLambdaでDynamoDBに登録して、一覧表示できるようになりました。 デモ http://browser-uploader-demo.s3-website-ap-northeast-1.amazonaws.com/ CognitoでS3へのアップロード権限を取得 AWS JS SDKでS3へ直接アップロード S3へのアップロード時にLambdaファンクション実行

              • テクノロジー
              • 2016/07/08 07:03
              • aws
              • cognito
              • s3
              • あとで読む
              • JavaScript
              • サーバ
              • ELB + EC2 + nginx 環境でアクセス元IPアドレスによる制限をかける - タケユー・ウェブ日報

                4 users

                blog.takeyuweb.co.jp

                ELB + EC2 (nginx + unicorn + Rails)環境で運用中のサービスに対して、あるIPアドレスからディレクトリトラバーサルなどの攻撃を受けたので、その対応メモ。 取り急ぎ該当IPアドレスからのアクセスを遮断しようと考えたが、EC2の為、セキュリティグループでの制限ではブラックリスト(拒否)は使えない。(VPCであればネットワークACLだけで対応可能・・・) ELBを使用しているため、入ってくるパケットはフロントサーバからのものであり、iptablesでの対応は、できない。 やむなくnginxのHttpMapModuleを用いて、X-Forwarded-Forに入っている対象のIPアドレスでの振り分けで対応することにした。 参考 amazon web services - How to get client IP behind an AWS ELB? - Stack

                • テクノロジー
                • 2016/07/08 00:01
                • unclassified
                • PlantUML + IntelliJ IDEA - タケユー・ウェブ日報

                  128 users

                  blog.takeyuweb.co.jp

                  恥ずかしながらPlantUMLというツールを知らなかったんだけど、IntelliJ IDEAのPlantUMLプラグインで初体験。なにこれ快適。 テキストファイルなので、シーケンス図、クラス図などいろんな設計がVCSで管理・マージできるすばらしさ。 IntelliJ IDEAのPlantUML integrationでサクサクライブビュー。マウスとキーボードを往復せずとも書けるので思考を途切れさせません。 プロジェクトファイルと一緒に管理していれば不整合も減らせそう。 導入手順 プラグインリポジトリで'PlantUML integration'検索、インストール。PlantUML本体も含まれる?ので別途インストールは不要です。 シーケンス図以外の描画に使う'graphviz'をインストール。macなら'brew install graphviz'でOK。 プラグインの設定でgraphviz

                  • テクノロジー
                  • 2015/09/08 18:47
                  • uml
                  • intellij
                  • PlantUML
                  • plant
                  • IntelliJ IDEA
                  • rubymine
                  • 設計
                  • tool
                  • phpstorm
                  • programming
                  • OpsWorks + Rails でロールモデル的な役割分担をインスタンスにもたせるBK - タケユー・ウェブ日報

                    3 users

                    blog.takeyuweb.co.jp

                    OpsWorks + Rails OpsWorksでRailsアプリを運用しようとした場合、通常の方法では、すべてのRailsアプリインスタンスが同じ設定になり、たとえば つねに1つのインスタンスでのみcronを実行する バックグラウンドタスク専用のインスタンス群を用意したい といったことができません。 これを実現するために、標準で提供される「Rails App Server」の他に、カスタムLayerを作成し、その組み合わせでインスタンスごとの機能を作ることにしました。 参考 OpsWorksで複数RailsAppLayerを構築する - Qiita こちらの記事を参考に、というより、これに加えて自分なりの工夫を加えた版になります。 カスタムCookbook Layerごとのセットアップ、デプロイ処理 デプロイ時にwebサーバーの再起動が不要なケース のため、カスタムCookbookを作

                    • テクノロジー
                    • 2015/06/17 15:28
                    • IntelliJ IDEA 任意のファイル名または拡張子のファイルタイプを設定 - タケユー・ウェブ日報

                      8 users

                      blog.takeyuweb.co.jp

                      たとえば*.tmplをHTMLとしてシンタックスハイライトなどを利用したい場合 設定のRecognized File Typesを開き、ファイルタイプ選択&ファイル名or拡張子追加 なおこれに限らず設定へのアクセスはFind Action(Windowsなら Ctrl+Shift+A)を使うと探す手間が省けて非常に便利。

                      • 学び
                      • 2015/04/25 15:06
                      • IntelliJ
                      • *software
                      • *programming
                      • オライリー Ebook Store + タブレット + Kindle の具合がとてもよかった件について - タケユー・ウェブ日報

                        3 users

                        blog.takeyuweb.co.jp

                        私の環境について 今はこちらの環境で落ち着いています。 iPad Air Kindle 電子書籍リーダー メイン i文庫HD 自炊PDF用(OCR済) あまり分散させても気持ち悪いのでなるべく少ないアプリにまとめる方針で使っています。 端末 技術書の場合文字数が多いので、ある程度大きな画面と、高い解像度が欲しいところです。 またアスペクト比は4:3の方が無駄な余白を作らず大きなサイズで読むことが出来ます。 はじめNexus 7を使っていましたがこの用途には小さすぎて厳しかったので、iPad Airを購入しました。 ただ、今だとKindleアプリの出来の問題で、Nexus 9の方が適しているかも知れません。 mobi形式 オライリーEbook Store で購入した技術書はPDFの他ePubやmobi形式でダウンロードできます。 mobi形式でダウンロード Send to Kindle でパ

                        • テクノロジー
                        • 2015/04/21 16:59
                        • EC2でRHEL6.4のAMIから起動したインスタンスに二度とSSH接続できなくなる恐怖のバグ - タケユー・ウェブ日報

                          3 users

                          blog.takeyuweb.co.jp

                          さんざんはまったのでメモ。 RHEL6.4のAMIからインスタンスを起動 再起動 sshdの起動に失敗し接続が不可能になる 何時間か浪費した後、イメージ側のバグだったことが判明orz EC2 instance launched from AMI not reachable(ssh) after start/stop or reboot - stackoverflow When we launch an instance from an AMI. At first the instance is accessible(ssh). Once we stop/start the instance or reboot it the machine becomes inaccessible via ssh,we can ping it though. We see below error in Sy

                          • テクノロジー
                          • 2015/02/23 19:02
                          • Active Job meets Amazon SQS - タケユー・ウェブ日報

                            8 users

                            blog.takeyuweb.co.jp

                            この記事はRuby on Rails Advent Calendar 2014の11日目の記事です。 今日はなんとなくActive Jobについて知りたくなったので、少し試してみました。その記録です。 Active Job について Rails 4.2 で導入される、なんだか早くから巷で名前がでてたやつです。 Active Jobの基礎 — Ruby on Rails Guides 2 Active Jobの目的 Active Jobの主要な目的は、Railsアプリを即席で作成した直後でも使用できる、自前のジョブ管理インフラを持つことです。これにより、Delayed JobとResqueなどのように、さまざまなジョブ実行機能のAPIの違いを気にせずにジョブフレームワーク機能やその他のgemを搭載することができるようになります。バックエンドでのキューイング作業では、操作方法以外のことを気にせ

                            • テクノロジー
                            • 2014/12/11 10:49
                            • Rails
                            • amazon
                            • IntelliJ IDEA でAngularJSのコード補完を利用する - タケユー・ウェブ日報

                              7 users

                              blog.takeyuweb.co.jp

                              せっかくIntelliJ IDEA Ultimateを購入したなら、いろいろ使わないと勿体ないね! ということで、AngularJS開発で試します。 IntelliJ IDEA 13、このようにAngularJSの、シンタックスハイライト、コード補完、引数補完、コードジェネレータなどに対応しています!しかも軽快に動作し、重いと感じることは全くありません。 IDEAが提供するコード補完についてはこのあたりを参照下さい。 ※私はIntelliJIDEAビギナーです。変な説明や誤解があるかもしれません。是非ツッコミお願いします。 インストール 以下の2つをインストールしました。 AngularJSプラグイン ng-*属性やブラケットのサポート、入力補完を利用したCDNからの読み込みやmoduleの定義などよく使うコードを数文字のショートカットで生成できるコードジェネレータなどが利用できるようにな

                              • テクノロジー
                              • 2014/12/08 23:40
                              • AngularJS
                              • mod_mruby で特定のCGIのCPU使用率を制限してみたら感動した話 - タケユー・ウェブ日報

                                3 users

                                blog.takeyuweb.co.jp

                                RubyKaigiで知った、mod_mruby/ngx_mrubyならリクエスト単位でリソース割り当てできるという話、管理下のサーバで特定のCGIへのアクセスのみCPUリソースを制限したくなったので試してみました。 結論から言うと、非常に便利です。 サーバの再起動なしにルールを変更できる(パフォーマンスへの影響もあまりありません!) Rubyでルールを書ける [JA] Resource Control Architecture scripting with mruby for a Web Server Separating Computer Resources Virtually at Each HTTP Request - RubyKaigi 2014 mruby-cgroupとmod_mrubyでApacheのリソースを制御、そこから得られるcgroupの挙動とは - 人間とウェブの未

                                • テクノロジー
                                • 2014/11/22 13:27
                                • Ginza.rb で IntelliJ IDEA を布教してきた話 - タケユー・ウェブ日報

                                  5 users

                                  blog.takeyuweb.co.jp

                                  Ginza.rb みんなmac + CUIでアウェー感すごかった。前回の挙手でわかってた。だからこそ、あえてやった。 環境 Windows 8.1 64bit IntelliJ IDEA 13.1 VirtualBox / Vagrant Ubuntu / CentOS + rbenv IntelliJ IDEA IntelliJ IDEA -- The Best Java and Polyglot IDE - JetBrains IntelliJ IDEA - Wikipedia IntelliJ IDEA | サムライズム Java用のIDEとして説明されてるけど、プラグインで他の多くの言語・フレームワークにも対応するよ。 IDE Integrated Development Environment = 統合開発環境 エディタ コード補完 シンタックスハイライト テスト デバッガ VC

                                  • テクノロジー
                                  • 2014/10/15 13:21

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

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

                                  『タケユー・ウェブ日報』の新着エントリーを見る

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

                                  j次のブックマーク

                                  k前のブックマーク

                                  lあとで読む

                                  eコメント一覧を開く

                                  oページを開く

                                  はてなブックマーク

                                  • 総合
                                  • 一般
                                  • 世の中
                                  • 政治と経済
                                  • 暮らし
                                  • 学び
                                  • テクノロジー
                                  • エンタメ
                                  • アニメとゲーム
                                  • おもしろ
                                  • アプリ・拡張機能
                                  • 開発ブログ
                                  • ヘルプ
                                  • お問い合わせ

                                  公式Twitter

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

                                  はてなのサービス

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