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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • クリップボードの画像ファイルをアップロードする - Qiita

    11 users

    qiita.com/volpe28v@github

    QiitaやGithub のようにWebアプリ上でクリップボードにコピーした画像をペーストコマンドでサーバに直接アップロードする方法。 実装例 DevHubというチャットツールのチャット欄・メモ欄に実装した。 Web上の画像をコピー、または画面キャプチャから直接ペースト機能を使ってファイルアップロードからの表示ができるようになったのでとても便利になった。 以下、動作イメージ。 クリップボードに画像をコピーした状態でメモ欄に Ctrl-v すると画像ファイルがアップロードされ、パスが返ってくる。 編集を終了すると独自のマークダウン処理で画像が表示される。 実装手順 貼り付け対象のDOMに 'paste' イベントをバインド pasteイベント処理内でeventから画像を取り出す Ajaxで画像情報をサーバに送信 サーバ側でファイルを保存し保存後のパスをクライアントに送信 クライアントで保存後

    • テクノロジー
    • 2015/01/09 01:26
    • Clipboard
    • JavaScript
    • ajax
    • 画像
    • あとで読む
    • ファイルアップロードボタンを設置したい - Qiita

      5 users

      qiita.com/volpe28v@github

      モバイルサイトなどのファイルアップロード機能で、通常のファイルセレクタのフォームではなく、ファイルアップロード用のボタンを設置してファイル選んだ瞬時にアップロードを開始したい場合がある。 こんなイメージ。(DevHubというチャットツールのモバイルサイト実装したアップロードボタン。右端の黒いボタン) メリットとしては、ファイル選択直後にアップロードが開始するのでアップロードまでの手順を削減できる。 html html は input の type="file" タグを非表示で設置し、その代わりボタンを表示する。(以下の例は TwitterBootstrap を使っている前提) <input type="file" id="upload_chat" name="file" style="display:none"></input> <button id="upload_chat_button

      • テクノロジー
      • 2014/04/13 03:46
      • ajax
      • jQuery
      • 絵文字をサジェストで快適に入力する - Qiita

        6 users

        qiita.com/volpe28v@github

        やりたいこと 自分の作るWebアプリでもGithubのように絵文字を入力できるようにしたい さらにコロン( : )スタートで快適にサジェストしたい 完成イメージ ※このテキストはWebチャットアプリ「DevHub」に絵文字対応を行った手順を元になるべく最短ルートで実現できる方法を記述しています。不明点や詳細については各プラグインのドキュメントを参照ください。 使うもの emojify.js http://hassankhan.github.io/emojify.js/ チートシート(入力時の参考に) http://www.emoji-cheat-sheet.com/ jquery-textcomplete http://yuku-t.com/jquery-textcomplete/ 絵文字を表示できるようにする emojify.js を html ヘッダで読み込んでおく。 emoji 用の

        • テクノロジー
        • 2014/03/30 19:39
        • Railsアプリで Cal-Heatmap を表示してみる - Qiita

          3 users

          qiita.com/volpe28v@github

          heatmap の初期化、適用の javascript を書く html.erb または js ファイルに CalHeatMap の生成と初期化を記述。 各オプションの詳細は公式ドキュメント参照する。 以下はポイント itemSelector は div の id と合わせる data に Rails で定義する API を記述する rails から json で返したデータをパースするメソッドを定義して afterLoadData に設定する(eval しないと json として読み込めなかったので) var startDate = new Date(); startDate.setMonth(startDate.getMonth() - 5); var parser = function(data) { return eval("(" + data + ")"); }; var cal

          • テクノロジー
          • 2014/03/23 23:55
          • javascript

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

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

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

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

          j次のブックマーク

          k前のブックマーク

          lあとで読む

          eコメント一覧を開く

          oページを開く

          はてなブックマーク

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

          公式Twitter

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

          はてなのサービス

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