Posted: 2019.02.12 / Category: javascript いつもはjQueryを使用していますが、素のJavaScriptでクリックイベントやクラスの切り替えを行ってみます。 要素取得する セレクタで指定したid・classの要素を取得してみましょう。 これがないと始まりませんね。 要素を一つだけ取得する 以前は、idがgetElementByIdで、classはgetElementsByClassNameを使用していましたが、最近はquerySelectorが主流です。 CSSのセレクタのように要素名を指定するか、.でclass、#でidを取得できます。 JavaScript // 要素名で取得 document.querySelector('div'); // classを取得 document.querySelector('.example'); // id
新人ではないがGit初心者であるエンジニアが「このリポジトリをフォークしてローカルで開発できるようにしておいて!」と言われた時にやることGitGitHub フォークとは GitHubのヘルプページには、こうある。 フォークは、リポジトリのコピーです。 リポジトリをフォークすると、元のプロジェクトに影響を与えずに自由に変更を試すことができます。 最も一般的には、フォークは他人のプロジェクトへの変更を提案するか、 他人のプロジェクトを自分のアイデアの出発点として使用するために使用されます。 ↓を見ると、もう少しざっくりとイメージすることができるかも。 https://qiita.com/matsubox/items/09904e4c51e6bc267990 お断り GitHubを使っていることが前提の話です。 あくまで自分の経験でのやり方に尽きるので、これやって現場で怒られても責任は持てません
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました パスワードが暗号化されていない挙げ句に情報漏洩した宅ファイル便ですが、利用者は多かったので別なサービスへの乗り換えを余儀なくされていることでしょう。アカウントやパスワードを登録する系統のサービスはリスクが大きいと言えます。 そこで使ってみたいのがアカウントを登録しないで使えるファイル共有サービスのzipShareです。 zipShareの使い方 最初にアップロードするファイルを指定します。Zipファイルでなくとも大丈夫です。 アップロードするとキーワードが表示されます。今回はcoverpageです。 このcoverpageを入力すればダウンロードページに移動できます。 coverpageというのはパスワードのようなものですが、覚えやすいのが良いです。後はこのキーワードのパターンを増
フォントに適切なサイズをブラウザのビューポートのサイズに基づいて、自動的に計算して適用するスタイルシート「RFS(Responsive Font Size)」を紹介します。 Sass, Less, Stylus, PostCSSなどのプリプロセッサやポストプロセッサ対応です。 RFS(Responsive Font Size) -GitHub RFS(Responsive Font Size)の特徴 RFS(Responsive Font Size)のデモ RFS(Responsive Font Size)の使い方 RFS(Responsive Font Size)の特徴 RFSは、ブラウザのビューポートのサイズに基づいて、フォントに適切なサイズを自動的に計算して適用するスタイルシートです。 フォントのサイズは、スクリーンやデバイスごとに最適化されます。 フォントのサイズには下限と上限があ
Result マウスドラッグした文字数を数えます。JSはバニラです 使う機会があるかは分かりません jsfunction biR() { document.addEventListener("mousedown", rOS); document.addEventListener("mouseup", rOS); document.addEventListener("onkeyup", rOS); document.addEventListener("onkeydown", rOS); document.addEventListener("onkeydown", rOS); document.onselectionchange = function() { rOS(); }; } function rOS() { var cout, rts, rt; c = window.getSelect
送ったメールを相手が読んでくれたかどうかは、ふと不安になってしまうものです。「Unlimited Email Tracker」は送ったメールを相手が開封したかだけではなく、本文中のリンクをクリックしたかまで一目でわかるChrome拡張機能です。また、メールを指定時間に送信したり、メールが一定期間読まれなかった場合通知してくれる機能もついています。 Looking for Email Tracker? Get free email tracking for Gmail & Inbox https://snov.io/email-tracker.html Google Chromeを使ってChromeウェブストアの「Unlimited Email Tracker」のページにアクセスして、「Chromeに追加」をクリック。 「『Unlimited Email Tracker』を追加しますか?」と
UberのソフトウェアエンジニアであるPhillip Wang氏は、サイトをF5キーなどを押して更新するだけで次々に新しい「この世に存在しない」人物の顔を生成する、「This person does not exist」というウェブサイトを作成して公開しました。 This person does not exist https://thispersondoesnotexist.com/ This Person Does Not Exist Is the Best One-Off Website of 2019 | Inverse https://www.inverse.com/article/53280-this-person-does-not-exist-gans-website 「This person does not exist」の公式ページにアクセスすると、世界のどこかにいても全
1937年から1987年まで松下電器産業(現:パナソニック)がナショナルブランドのロゴ書体として使用していた「ナショ文字」は、80年以上前にデザインされてフォントでありながら、電気グルーヴや明和電機などのロゴにも影響を与えているとみられる日本初の有名フォントです。その読みやすくスタイリッシュな独特の見た目をイメージして作られたフリーフォント「851ゴチカクット」が、無料で配布されています。 851ゴチカクット仮配布だす http://pm85122.onamae.jp/851Gkktt.html 851ゴチカクットの制作者である8:51:22 pmさんは、以前にも851レトロゴというナショ文字風のロゴを制作していた人物。851ゴチカクットは記事作成時点では未完成となっており、収録文字数は1344文字なので、表示できない漢字もありますが、ひらがな・カタカナ・アルファベット・数字にはしっかり対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く