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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    どうなる?Twitter

『marketing-web.hatenablog.com』

  • 人気
  • 新着
  • すべて
  • Nuxt.js + Netlify でform機能がまともに動かない - ECのウェブ担当者のメモ

    6 users

    marketing-web.hatenablog.com

    Nuxt.js + Netlifyで無料サイトを作っていたら、 Netlifyのフォーム機能が正常に動きませんでした。 だいぶハマりました、、、、 その、解決策です。 Nuxt.js と Netlify はそれぞれ以下です。 Nuxt.js ja.nuxtjs.org Netlify www.netlify.com Netlifyのドキュメントを読むと ドキュメントはこちら https://www.netlify.com/docs/form-handling/ Netlifyのドキュメントに書いてある、formのサンプルは以下です。 <form name="contact" netlify-honeypot="bot-field" action="thank-you" netlify> <p class="hidden"> <label>Don’t fill this out: <inpu

    • テクノロジー
    • 2018/03/18 09:16
    • Nuxt.js
    • 簡単にhtmlやerbのソースをslimに変換(コンバート)する方法 - ECのウェブ担当者のメモ

      3 users

      marketing-web.hatenablog.com

      ここ最近、erbを使うのをやめてslimに移行してきているのですが、 既存のerbに手を入れる時に、まずslimになおしてそれから、改修コードを入れるみたいな作業が発生していました。 もっと早く調べればよかったんですが、すでにhtmlやerbからslimに変更するツールがが存在するんですね。 その紹介です。 テキストベースの場合 まずテキストベースの場合です。 サイト上の誰からのコードをslimに変更した時に便利なのがこちらです。 erb2slim.com HTML部分にソースを書いて(貼り付けて) [COMVERT]ボタンをクリックすると 右側に変換したコードを表示してくれます。 最高に楽ちんです。 既存ソースの場合 次にすでに、erbファイルがあるけど、一括でslimに変更したい時パターンです。 github.com まずこちらのGem をインストールします。 $gem install

      • テクノロジー
      • 2017/04/27 16:51
      • jQueryの属性セレクタで前方・後方・部分一致を使って要素を取得する - ECのウェブ担当者のメモ

        4 users

        marketing-web.hatenablog.com

        属性セレクタの前方・後方・部分一致を使うと、何かと便利なことが多いことに気が付きました。 そんなことも知らなかったのかと言われそうですが、ご参考までに。 例えば、下記のような inputの合計値を算出する場合、 <input type="text" name="num01" value="0" /> <input type="text" name="num02" value="0" /> <input type="text" name="num03" value="0" /> 最高に単純に考えると var sum = 0; sum += parseInt($('input[name^=num01]').val()); sum += parseInt($('input[name^=num02]').val()); sum += parseInt($('input[name^=num03]')

        • テクノロジー
        • 2017/03/27 11:28
        • jQuery
        • Railsで中間テーブルと関連テーブルのすっきりとしたインサート - ECのウェブ担当者のメモ

          3 users

          marketing-web.hatenablog.com

          RailsのActiverecordで中間テーブルと関連テーブルを一気にインサートする方法です。 モデルの関係は、以下の様に User <=> UserSchedule <=> Schedule UserとScheduleの間にUserScheduleが中間テーブルとして存在することを想定します。 Activerecodeの関連テーブルの設定は以下のようになります。 User, Schedulee, UserScheduleにそれぞれhas_many, through, belongs_toを設定します。 設定に関しては、1対多 や 多対多で変わってくるので適宜変更してください。 下記の例では多対多を想定しています。 user.rb class User < ActiveRecord::Base has_many :user_schedules has_many :schedules, t

          • テクノロジー
          • 2017/01/27 14:28
          • Rails
          • 無料なSSL Let’s Encryptを使ってみた。EC2(amazon linux) + Nginx + Rails - ECのウェブ担当者のメモ

            4 users

            marketing-web.hatenablog.com

            無料で使えるSSL証明書があるということでLet’s Encryptを早速 試してみました。 Let’s Encryptの公式サイトはこちら letsencrypt.org 環境 今回導入に試してみた、環境としてザックリと以下のようになります。 AWS EC2 (amazon linux) Nginx Ruby on Rails 作業手順 基本的には下記リンクの公式ページのに書いてあるので、 基本的にはそちらを参考にして頂ければと思います letsencrypt.org 多少、つまづいたところもあるので、 詳しい作業手順を下記します。 letsencryptのダウンロード まず、 letsencryptをダウンロードします。 ソースコードの配布はgitにあるので、gitからcloneします。 もし、サーバー等の環境にgitが入っていなければgit自体をインストールしてください。 Git -

            • テクノロジー
            • 2016/12/26 10:50
            • SSL
            • aws
            • Railsでどのサイズのfavicon用意したらいいかわからないそんな時 - ECのウェブ担当者のメモ

              3 users

              marketing-web.hatenablog.com

              なんだか最近色々とありすぎて、どのサイズのファビコンを用意したらいいかわからないですよね? そんなときの一つの解法として、 この realfavicongeneratorというサイトを使ってRuby On Railsに設定する方法です。 realfavicongenerator.net この、realfavicongenerator.netがかなりいい感じにやってくれます。 画像の準備 まず、正方形の画像を用意します。 今回はこの 300x300の画像で試しました。 推奨は260x260以上になっています。 画像の指定 まずサイトにアクセスしたら、[Select your Favicon picture]ボタンをクリック。 すると、画像が選択できるので、自分のファビコンに利用する画像を選択します。 設定 画像のUPが終わるとファビコン生成の設定をきかれるので設定を変更します。 そのままでも

              • テクノロジー
              • 2016/10/19 18:49
              • HTML5
              • HTML
              • AWS CLI S3を使ってみたら最高に便利だった - ECのウェブ担当者のメモ

                4 users

                marketing-web.hatenablog.com

                ウェブ担用の記事かどうかわかりませんが、 ウェブ担であろうとだれであろうと、便利な物は便利で AWSのS3を使っているなら、是非、コマンドラインツール AWS CLIを使うことも検討してもらいたいです。 何が便利なのか? AWS CLI S3の何が便利なのかといえば、ファイル系の操作が格段に早くなります。 特にコピー。 原因としては、S3用の無料で使えるクライアンツールが無いのがいけないんだと思います。 唯一、Cyberduck が使えるけど、ファイル数が増えてくると、動きが遅くなって、 あまり使い物にならなくなってしまいます。 Cyberduck | Libre FTP, SFTP, WebDAV, S3 & OpenStack Swift browser for Mac and Windows だから、AWS CLI が便利に感じるんです。 AWS CLI のインストール 公式のドキュ

                • テクノロジー
                • 2016/09/21 16:00
                • AWS
                • ファイル
                • command
                • コマンド
                • test
                • reference
                • EC
                • tutorial
                • 便利
                • NginxとUnicornを使っていたら自動起動設定は必須 - ECのウェブ担当者のメモ

                  6 users

                  marketing-web.hatenablog.com

                  Rails x Nginx x Unicornの組み合わせをよく見かける気がします。 私もその1人なのですが、 Nginx と Unicornを使ったらそれ ぞれに自動起動の設定を入れておくべきだと思います。 以前にNginxについては、自動起動の方法を書いているので Nginxについてはそちらを参照してください。 marketing-web.hatenablog.com 今回は、Unicornの自動起動がメインの記事になります。 起動スクリプトの作成 /etc/init.d/unicorn を以下のように作ります。 #!/bin/sh #chkconfig:2345 85 70 #description:unicorn shell NAME="Unicorn" ENV=production ROOT_DIR="/var/www/pr-mall/current" USER="admin"

                  • テクノロジー
                  • 2016/06/08 16:52
                  • unicorn
                  • Linux
                  • nginx
                  • システム開発
                  • Rails
                  • 技術
                  • webサービス
                  • あとで読む

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

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

                  『marketing-web.hatenablog.com』の新着エントリーを見る

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

                  j次のブックマーク

                  k前のブックマーク

                  lあとで読む

                  eコメント一覧を開く

                  oページを開く

                  はてなブックマーク

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

                  公式Twitter

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

                  はてなのサービス

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