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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Laravel CRUD - Qiita

    3 users

    qiita.com/takeshisakuma

    はじめに LaravelでCRUDを作っていきます。 やらないこと 認証関係は扱いません。 削除の前の確認などJavaScriptで実現される機能は今回は作りません。 つくるもの アクション 画面の有無 内容

    • テクノロジー
    • 2022/06/16 17:39
    • .prettierrc - Qiita

      8 users

      qiita.com/takeshisakuma

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

      • テクノロジー
      • 2022/01/25 13:08
      • Marp(Marpit) - Qiita

        4 users

        qiita.com/takeshisakuma

        Marp(Marpit)を使って、Markdownからスライドを作成します。 Marpit 準備 VS Codeと拡張機能を使用します。 Marp for VS Code .mdファイルを作成し、左のプレビューアイコンを押します ディレクティブ ディレクティブの種類 名前 説明

        • テクノロジー
        • 2021/09/04 10:07
        • marp
        • tips
        • GSAP(基本機能) - Qiita

          7 users

          qiita.com/takeshisakuma

          アニメーション制作のJavaScriptのライブラリ「GSAP」を試したので、使い方をまとめました。 ※この記事では、プラグインはコアプラグインまでしか扱いません。 導入 npmでインストールします。

          • テクノロジー
          • 2021/06/24 19:04
          • GSAP
          • js
          • library
          • javascript
          • SVGの描画領域 - Qiita

            6 users

            qiita.com/takeshisakuma

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

            • テクノロジー
            • 2020/10/29 19:11
            • SVG
            • react-transition-group - Qiita

              5 users

              qiita.com/takeshisakuma

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

              • テクノロジー
              • 2020/10/27 17:08
              • React
              • css
              • Web制作向けwebpack - Qiita

                4 users

                qiita.com/takeshisakuma

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

                • テクノロジー
                • 2020/10/03 17:04
                • webpack
                • js
                • css
                • with IE(JavaScriptのIE11対応) - Qiita

                  5 users

                  qiita.com/takeshisakuma

                  はじめに 政府や行政サイトの「IE縛り」に代表されるように、IE汚染国である日本で仕事としてJavaScriptを書く場合、IEと共存するしなければならない場合が多いです。 with コロナならぬwith IEです。 IE生活様式 Transpile Bundle Polyfill TranspileとBundle は、ES5の書き方で1つのファイルに書いていれば不要です。 エンジニアが不便を我慢すれば必要ない工程ではありますが、そんな我慢はしたくありません。 コロナで言えばマスク、消毒、手洗い、うがい、密を避ける、換気のような個人でできる対策に当たると思います。 Polyfillは、もともとIE11が対応していない機能に対応させるもので、コロナでいえば治療薬ともいえるものだと思いますが、薬なのでリスクもあります。 コロナと違って、みんなでIEやめる合意が取れればIE対応せずに済む世界にな

                  • テクノロジー
                  • 2020/09/26 21:02
                  • フォームのCSS - Qiita

                    4 users

                    qiita.com/takeshisakuma

                    input, button, textarea, select { /* デフォルトスタイルをリセット */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* font-familyを継承しないので、継承させる */ font-family: inherit; /* iOSの角丸をリセット */ border-radius: 0; /* box-size */ box-sizing: border-box; /* 文字の大きさ iOSでズームさせないために16px以上を指定 */ font-size: 16px; /* 文字色を親から継承 */ color: inherit; } label { /* iOSでのlabelとinput,select,textareaの関連付け */ cursor: p

                    • テクノロジー
                    • 2020/09/09 12:54
                    • css
                    • SVGの記述方法 - Qiita

                      6 users

                      qiita.com/takeshisakuma

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

                      • テクノロジー
                      • 2020/08/12 20:45
                      • macOSでのパッケージ管理 - Qiita

                        8 users

                        qiita.com/takeshisakuma

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

                        • テクノロジー
                        • 2020/06/09 22:53
                        • Sassの記法(SCSS構文) - Qiita

                          6 users

                          qiita.com/takeshisakuma

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

                          • テクノロジー
                          • 2020/05/28 14:16
                          • sass
                          • Pugの記法まとめ - Qiita

                            5 users

                            qiita.com/takeshisakuma

                            HTMLをPugで書くメリット 閉じタグを書かなくて良いので、書き忘れることが無くなる Classを「.」、IDを「#」と書くので、Class名やID名変更時の置換が楽になる ヘッダー、フッターなど共通部分を別ファイルで管理できる 変数や条件分岐ができる HTMLをPugで書くデメリット 変換する環境が必要 変換は、npm-scriptsやGulpを使いましょう。npm-scriptsの記事書きました。 GUIでの変換が良い方は、Preprosがオススメです。 Pug←→HTML変換サービス 環境を作らずにPugの書き方を練習できます。 HTMLをPugに変換 html2pug - convert your html code to pug https://html2pug.now.sh/ PugをHTMLに変換 PugHtml - Pug and HTML online converte

                            • テクノロジー
                            • 2020/05/07 02:07
                            • pug
                            • html
                            • Web制作向けnpm-scripts - Qiita

                              8 users

                              qiita.com/takeshisakuma

                              更新版 Web制作向けnpm-scripts 3 npm-scriptsのWeb制作向けタスクランナー Web制作は細かいやることが多いので、少しでも自動化して手作業を減らしたいと考えました。 一人で完結する作業であれば、PreprosやKoala(開発終了)などGUIのツールや、エディタの標準、拡張機能で実現できる事も多いですが、複数人で作業を行う場合、無駄な作業やトラブルを避けるために環境を統一する、コーディング規約を遵守するなどかなり面倒です。 そこでよく使われるGulpやWebpackですが、学習コストがかかる上に、Web制作ではそこまでの機能はいらない場合が多いので、比較的入門しやすいと感じたnpm-scriptsでWeb制作向けのタスクランナーを作ってみました。 やりたい事 Web制作の効率化のため、作業の自動化を設定します。 HTML CSS JavaScript

                              • テクノロジー
                              • 2020/01/10 03:46
                              • npm
                              • JavaScriptによるDOM操作 - Qiita

                                6 users

                                qiita.com/takeshisakuma

                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Node └ Element │ └ HTMLElement │ ├ HTMLAnchorElement │ ├ HTMLAreaElement │ ├ HTMLAudioElement │ ├ .... │ ├ Text ├ Comment ``` ### Node DOMを構成する文字列、コメント、タグなどを扱うためのインターフェースです。 例 `<!DOCTYPE html>` `<!-- cmment -->` `<p>Text</p>` (p要素も、その中のテキストも別のノード) ### Element Nodeを継承していま

                                • テクノロジー
                                • 2019/12/30 13:08
                                • JavaScript
                                • techfeed
                                • CSS
                                • あとで読む
                                • .browserslistrcで対象ブラウザを指定する - Qiita

                                  5 users

                                  qiita.com/takeshisakuma

                                  .browserslistrcは、「AutoprefixerでCSSにどのベンダープレフィックスを付けるか」などを決める設定ファイルです。 Autoprefixer以外にも対応していてツールごとに設定を持たずに済むので、ツール間で対象ブラウザ設定の齟齬が起こるのを防げます。 ブラウザのバージョンを直接指定せず、カバー率や直近○年という方法で指定しておくと、ブラウザのバージョンアップや、新しいブラウザの登場、シェアの激変などへの手動での設定変更が不要になります。 .browserslistrcファイルではなく、package.json に記述することも可能です。 対応ツール 対応するツールは下記です。 Autoprefixer Babel postcss-preset-env eslint-plugin-compat stylelint-no-unsupported-browser-feat

                                  • テクノロジー
                                  • 2019/11/26 10:37
                                  • babel
                                  • JavaScript
                                  • js

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

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

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

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

                                  j次のブックマーク

                                  k前のブックマーク

                                  lあとで読む

                                  eコメント一覧を開く

                                  oページを開く

                                  はてなブックマーク

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

                                  公式Twitter

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

                                  はてなのサービス

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