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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    ノーベル賞

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Figma APIで特定File内の任意のFrame名を全てクリップボードにコピーする - Qiita

    3 users

    qiita.com/hiloki@github

    @xrxoxcxox さんのcurlでやる方法ではなく、JavaScriptでやる方法です。 やりたいこと 下記のようなことを想定しています。 FigmaのFrame名を画面名やIDにしており、それをスプレッドシート等で管理(一覧化)するために、Figmaから対象のFrame名一覧を取得したい どうやるか DevToolsのConsoleを利用し、JavaScriptで取得する 手順 下記のような手順で実行します。 Figmaの該当ファイルを開く ⌘ + Option + I or Ctrl + Shift + I でDevToolsを開き、Consoleタブを開く 抽出したいFigmaのFrameを選択する 後述するコードをConsoleに貼り付けて実行する クリップボードに選択したFrame名がコピーされるので、それをスプレッドシートなどに貼り付ける

    • テクノロジー
    • 2022/01/14 02:02
    • デザイナーでもやればできる!FigmaをJavaScriptで操作してみる - Qiita

      29 users

      qiita.com/hiloki@github

      サイバーエージェントでコード書いたりデザインしたりしている谷(@hiloki)です。 QiitaでのFigmaアドベントカレンダー6日目として書きます。 Figmaはプラグインがいっぱいある Figmaの人気を支える一つとしては、プラグインの豊富さにあると思います。 デザイン作業の煩わしいところを解消してくれるものなど、業務効率を挙げるのに役立つものが多く存在しています。僕自身も、自分で少し面倒だなとおもった時、こういうのがあれば便利かもな、というのはプラグインをつくって公開しています。 Figmaのプラグインの内部はJavaScriptで実装することができ、Webフロントエンドの開発経験があれば、ある程度のことはさほど難しくないと思っています。とはいえ、普段コードを書く業務をやっていないと難しそうに見えるし、実際にプラグインとしての開発となると色々と越えないといけない壁はあるでしょう。

      • テクノロジー
      • 2021/12/06 11:17
      • Figma
      • javascript
      • あとで読む
      • 開発
      • iTerm2でエラーをトリガーにDockアイコンをbounceさせたりしたい - Qiita

        6 users

        qiita.com/hiloki@github

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

        • テクノロジー
        • 2016/03/08 14:55
        • iTerm2
        • コンテナーの幅より広がったエリアをcalcでつくる - Qiita

          13 users

          qiita.com/hiloki@github

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

          • テクノロジー
          • 2015/07/16 14:37
          • css
          • web制作
          • Webデザイン
          • あとで読む
          • IDやクラス名でつかう英語の小話 - Qiita

            87 users

            qiita.com/hiloki@github

            Sidebar 先日、イベントの懇親会での質問で、 レスポンシブ対応で、サイドバーのカラムと落とすのがモヤっとするんですよね、サイドバーなのに。 というのがあった。 これ、確かにCSSのカラムレイアウトとか勉強しはじめると、右側・左側に#sidebarと名付けられたものがあり、なんとなく「メインに対し、位置的に横にあるやつ」っていうイメージあるんですが、別にSidebarはレイアウト上の名前ってわけではありません。 【名】〔新聞の主記事に対する〕補足[側面]記事◆【同】follow ; follow-up sidebarの意味・用例|英辞郎 on the WEB:アルク 〔新聞の主記事に対する〕補足[側面]記事ってことで、別にレイアウト的に下にあったって、Sidebarです。 ※これはこれで、メインでないものをなんでもかんでも #sidebar の中にいれるのは正しくない気もしますね。 H

            • テクノロジー
            • 2015/03/16 20:13
            • CSS
            • html
            • Bootstrap
            • web
            • Web制作
            • 英語
            • あとで読む
            • レイアウト
            • id
            • 効果的なフロントエンド開発のための10の原則 - Qiita

              24 users

              qiita.com/hiloki@github

              僕が好きなWebのデザイナー、デベロッパーの一人である、CSS Wizardlyこと、Harry Roberts氏がdotCSSというヨーロッパのカンファレンスで講演した内容について書きたいとおもいます。 #10CSS 彼は大手のメディア企業などのフロントエンドを経て、現在はコンサルタントとして活動しています。CSS Wizardlyと言ってしまってるくらいに、CSSやその周辺のことについてブログでアイデアや意見を述べていたり、またinuit.cssのようなフレームワークを公開しています。現在は、また新たにITCSSというプロジェクトを進めているようで、公開が楽しいです。 彼がカンファレンスで話す内容は、CSS Architecure関連の話も多いのですが、ワークフローなどについての講演することもあるようです。その中で、今回とりあげたいのは、CSSの具体的なテクニックやコードの解説ではなく

              • テクノロジー
              • 2014/12/22 08:37
              • css
              • frontend
              • architecture
              • development
              • 少し細かいBEMい話 - Qiita

                34 users

                qiita.com/hiloki@github

                BEMってむずかしい? 2014年はたくさんのサイトでBEM 、もといBEMな命名規則が採用されたのではないかとおもってます。(拙著でも取り上げてます。) しかし、実際に導入されているサイトのコードをみてみると、んー、と感じることがあったり、または周りの開発者が、BEMむずかしい、といってるのを聞くことがある。 「これで合ってるの?」 むずかしい、と感じるのはたぶんBlockとElementとの関係やバランス、あとはクッソ名前が長くなってしまうことの不安にあるのではないかと考えてます。 例えば、ふとこのQiitaの記事ページのサイドバーにある、関連投稿モジュールをみてみましょう。 これをどうマークアップするか、どういうセレクタを書くかっていうのは人やプロジェクトによって全然違うし、このパターンがQiitaの中でどのくらい・どのように存在するかで変わります。 ただBEMを意識しはじめたことだ

                • テクノロジー
                • 2014/12/15 09:57
                • bem
                • css
                • CSS設計
                • web制作
                • CSSでデジタルっぽい数字の表現をする - Qiita

                  19 users

                  qiita.com/hiloki@github

                  この記事はFrontrend Advent Calendar 2014 - Qiita 2日目の記事です。 CSSでデジタルっぽい数字の表現をする 実際のサンプルとコードはCodepenで確認できる。 (Google Chrome 39.0.2171.71 だけでしかまだ確認していない) よくある<div></div>一個でシリーズとかでもなく、<span></span>でドット部分を用意し、position:absoluteで配置し、点灯箇所を数字ごとに変えているだけ。上下のドットだけで構成しているような場合は、<div></div>一個でもつくれそうな気がしないでもないが、真ん中のタイプはちょっと苦しそうだったので、素直に<span></span>を並べてつくった。 真ん中のやつ 上下は特に難しいことはしていないが、真ん中のやつは、少しばかりどうつくるか悩んだ。コード全体は先ほどのCo

                  • テクノロジー
                  • 2014/12/02 11:08
                  • css
                  • color
                  • CSSで八角形の表現をする - Qiita

                    3 users

                    qiita.com/hiloki@github

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

                    • テクノロジー
                    • 2014/04/23 18:08
                    • CSS
                    • CSSだけで<select>をカスタマイズする - Qiita

                      68 users

                      qiita.com/hiloki@github

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

                      • テクノロジー
                      • 2014/04/22 02:01
                      • css
                      • select
                      • form
                      • フォーム
                      • コーディング
                      • IE
                      • Firefox

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

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

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

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

                      j次のブックマーク

                      k前のブックマーク

                      lあとで読む

                      eコメント一覧を開く

                      oページを開く

                      はてなブックマーク

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

                      公式Twitter

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

                      はてなのサービス

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