どうやってパスワードの管理をしようか考えた結果 - 猫と惰眠は至高
おはようございます、みなもりみなもです。 ちょっと遅い時間に書いていたので予約投稿しています。 今回の話は、タイトル通りなのですが、 「パスワードをどう管理するか」についてです。 何か真面目そうなタイトルですが別にそんなことはない、はず。 多分ノートの話の方が量は多い。 増えるメールアカウント、増えるツイッターアカウント、 WEBサイトのアカウント、ゲームのアカウント、 お店のアプリに、……その他色々。 必要な時に限ってアプリのパスワードが分からず、 いちいちお問い合わせをする羽目になったり…… いやぁ、もう嫌ですねめんどくさいのなんの。 下手すると、どのアドレスに登録したかも忘れるもんだから 厄介です。 なので、私がやりやすい管理方法を考えた結果、 ノートに書いていくことにしました。（理由は下記にて） 個人的に、「情報の管理」という意味ではあまりよくないとは 思っているので、 ・よっぽど
【数学小話】なるべく大きな数を作りたい！ - 日比谷高校のススメ
算数、数学が好きな人であれば(おそらく)だれもが考えること、 とにかく大きな数を作りたい！！！ 数を大きくするのにどんな方法があるのか、どうすれば手っ取り早く数を大きくできるか、を考えてみましょう。そのために、まずは頭の体操をしてみましょう。 頭の体操 巨大数の世界の入り口 テトレーション クヌーヌの矢印表記 頭の体操 3つの3でなるべく大きな数を作れ。 基本ルール ・使ってよい数字は3つの3のみ。 ・なるべくシンプルな表現にする。 ・2つの3を33として使ったり、3つの3を333として使ってはいけない。 ・足し算、掛け算 3+3+3=9 3×3×3=27 この時点では一番大きいのは27。足し算よりも掛け算のほうが、より速く数を大きくできます。 ・指数 中学生までで習うものに、「指数」があります。aをb回かけたものを「aのb乗」といい、 と書きます。このaの右肩にのせる数字を「指数」といい
GitHubでのLICENSE提示が大分便利になってる
B! 11 0 0 0 GitHubのレポジトリを見ていたらライセンスがレポジトリの分かりやすい位置で確認出来る様になっていました。 また、ライセンスを追加するのもWebから簡単に出来る様になっています。 GitHubにおけるライセンス ライセンスを追加する まとめ GitHubにおけるライセンス GitHubでコードを公開する時、 ライセンスを提示してない場合は No License となり基本他の人が使えないものになります。 特にGitHubで公開する様なものはそう言ったことを意図してないことが多いはずで、 そういった場合にはきちんとライセンスを提示するべきです。 Choose an open source license Choose a License とりあえず誰でも自由に使ってね、という感じならMIT LicenseにしておけばOK。 もっと緩いライセンス表示も何も要求しない
現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 - JavaScript TIPSふぁくとりー
《2017年6月15日 11:30 AM 公開/更新》 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 [日付・時刻] JavaScriptを使えば、現在時刻をテキストでリアルタイムに表示し続けるデジタル時計をウェブページ上に作ることも簡単にできます。現在時刻を得て、ページ上の文字列を書き換える処理を、1秒毎に自動実行するよう記述すれば良いだけです。 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 現在時刻を得て表示する方法 1秒毎に特定の処理(関数)を実行する方法 1秒毎に描画を更新して、リアルタイムに表示し続けるデジタル時計を作るHTML＋JavaScriptソース 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 JavaScriptを使えば、現在の日付や時刻が得られます。一定間隔ごとに特定の処理を自動実行する方法は、記事「経過時間(秒数)をリ
マウスクリックで表示画像を差し替える方法 - JavaScript TIPSふぁくとりー
《2017年6月12日 1:00 PM 公開/更新》 マウスクリックで表示画像を差し替える方法 [装飾・内容変更] 表示されている画像を別の画像に差し替えたい(変化させたい)場合は、JavaScriptを使って対象の画像(img要素)のsrcプロパティに新画像のURLを代入するだけで簡単に実現できます。ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。 マウスクリックで表示画像を差し替える方法 あるIDが付加された画像を差し替える(変化させる) 指定IDの画像を差し替える汎用関数を作る マウスクリックで表示画像を差し替える方法 単一の画像表示スペースに次々に画像を表示させたい場合など、表示されている画像を別の画像に差し替えたい(変化させたい)ことがあります。 ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。すごく
SNSのシェアボタンを設置する方法とアイコンの利用規約を紹介！
manaable（マナブル）は、利用ユーザー数25万人を突破した医療団体向け研修管理システムです。会員や研修から決済・受講・アンケートまで、研修管理に必要な機能を網羅。あらゆる業務の一元管理を可能にしたシステムだからこそ、お客様に合わせた革新的で最適な研修体制をご提供します。 SNSのシェアボタンとは？ SNSのシェアボタンとは、各SNSの「いいね」などのボタンを記事やブログなどに設置し、場合によってはその情報に対して共感し「いいね」と思った人数を表示することができるシステムを指します。ソーシャルボタンとも言われます。WebMediaでもFacebook、Twitter、はてなブログのシェアボタンを記事の冒頭と末尾に設置しています。 シェアボタンを設置するメリット シェアボタンを設置しているページの情報をシェアされれば、シェアしたユーザーからその情報に興味がありそうなコミュニティーに自動で
ファイルをダウンロードさせるには？［JavaScript］
リンクをクリックするだけでファイルをダウンロードできるようにするには、HTML5のdownload属性を使う方法とJavaScriptコードを使う方法がある。 連載目次 Webページで、エンドユーザーにファイルをダウンロードさせたいことがある。ZIPファイルなどはHTMLでリンクを記述すればよいのだが、テキストファイルやPDFファイルなどのリンクはダウンロードされずにWebブラウザで開いてしまう。何とかならないだろうか？ 本稿ではJavaScriptでファイルをダウンロードさせる方法を解説する。 HTML5のdownload属性 JavaScriptを書き始める前に、HTML5での解決策を紹介しておこう。 リンク（HTMLの<a>要素）には、HTML5でdownload属性が追加された。この属性に対応しているブラウザであれば、テキストファイルやPDFファイルなどでもリンクのクリックでファイ
GIF作成 - GIF画像(GIFアニメ)を無料で作成できるサイト！
GIF画像作成(GIFアニメ) 「バナー工房」では、オンライン上で簡単に無料でGIFを作成できます。 作り方は簡単！最大100枚までの高画質なGIFアニメを作成することができます。さらに、点滅の速さや繰り返しの設定も自由自在に変えられます。 GIFアニメ画像とは、「複数の静止画像」を1つの画像に重ね合わせたアニメーション動画（GIF形式に変換した画像）の名称です。 動きががあるので、静止画像よりも目を引き印象に残りやすいため、ウェブサイトやSNSなど、さまざまな場面で使用されています。 以下①、②、③の順番に実行してください。 ①まずはじめに、「オプション設定」と「画像の切り取り設定」を選択。 ②次に、静止画像を「最低でも２枚以上」選んだ後、画面上の「GIFアニメを作る」ボタンをクリック。 ③最後に、「保存」ボタンをクリック。 ※もし「点滅の間隔」や「ループ」の設定を変えたい場合は、GIF
mysqliでMySQL/MariaDBからデータを取得：SELECT | GRAYCODE PHPプログラミング
各カラムの役割は次の通りです。 id – ID（主キー） name – 名前 gender – 性別。1は男性、2は女性 age – 年齢 modify_datetime – データ更新日時 create_datetime – データ登録日時 今回はデータベースのデータを取得する基本部分について解説しますが、データの取得に条件や並び順を指定する方法については、別記事「mysqliのSELECT文を使った様々なデータの取得方法」を参照してください。 また、データベースへの接続までの流れについて詳しくは「mysqliを使ってMySQL/MariaDBのデータベースへ接続」をご覧ください。 オブジェクトを使った書き方 MySQLiクラスのオブジェクトを使って、まずはシンプルにテーブルにある全てのデータを取得していきます。 index.php // データベースと接続 $mysqli = new
ヘッダーのCSSを書く | GRAYCODE HTML&CSS
今回はヘッダーのCSS（スタイルシート）を書いていきます。 この記事のポイント ヘッダーをデザイン案と同じ表示になるように整える floatプロパティを使ってレイアウトを調整する ヘッダーのCSSをコーディングする 前回はリセットCSS「reset.css」と、フォントの指定を「style.css」に書いてきました。 ここまではCSSをコーディングする前準備でした。 今回はヘッダー部分のCSSを作成していきます。 ヘッダーとフッターはトップページ以外のページでも表示するため、1度コーディングしたら全てのページで使うことができます。 もしCSSについての基礎を復習したい方は「CSS（スタイルシート）の基礎」をご覧ください。 ヘッダーの幅と左右の余白を設定する まずはヘッダーの横幅と余白、そして背景色を指定していきます。 ヘッダーの横幅と左右の余白 左右の余白を自動で均一にするために、ここで新
表示位置を変えたい！CSSでpositionの使い方【初心者向け】現役エンジニアが解説
初心者でも分かるようにCSSで書くpositionの使い方について解説。relative, absolute, fixedと混同しやすい値を詳しく説明しています。実際の表示位置がどうなるのか確認してみましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 CSSのpositionの使い方について、テックアカデミーのメンター（現役エンジニア）が�実際のコードを使用して初心者向けに解説します。 CSSで位置の調整をする場合には、このposi
【初心者向け】HTMLとは？何が作れる、学ぶ意味があるのかを徹底解説！ | Skilled Magazine | Vue.js オフィシャルパートナー
キャリア2020.06.162021.02.18Yuki 【初心者向け】HTMLとは？何が作れる、学ぶ意味があるのかを徹底解説！ WEBプログラミングを学ぶ入り口としてほとんどの人が最初に学習するといわれるのが『HTML』です。 しかし、プログラミングを勉強したばかりの方は 『HTMLの意味が分からない』 『HTMLを覚えて出来ることはなに？』 など難しく感じているのではないでしょうか。 今回はそんなプログラミング初心者の方に『HTMLとは？』『HTMLを学ぶメリット』などについて分かりやすく解説していきます。 HTMLとは『Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）』の頭文字をとった略称で、ウェブページを作成するために開発されたマークアップ言語です。 普段あなたがChromeやsafariなどのブラウザで目にしているWebページは全
mysqliでMySQL/MariaDBのデータを更新：UPDATE | GRAYCODE PHPプログラミング
各カラムの役割は次の通りです。 id – ID（主キー、AUTO INCREMENT） name – 名前 gender – 性別。1は男性、2は女性 age – 年齢 modify_datetime – データ更新日時 create_datetime – データ登録日時 まず、SQLのUPDATE文の基本的な形を確認しましょう。 SQLのUPDATE文 UPDATE テーブル名 SET カラム名1 = 更新後の値1, カラム名2 = 更新後の値2, カラム名3 = 更新後の値3 WHERE カラム名 = 値; テーブル名、更新するカラムと値のセット、そして更新データを特定するカラムと値のセットをそれぞれ指定します。 SET句以降に更新したいカラム名と値のセットを必要なだけ記述し、WHERE句に更新するデータを特定する条件を記述します。 例えば、今回のuserテーブルにあるデータを更新する
無料で使えるレンタルサーバーおすすめ3選！ 有料との違いと注意点
サーバーに関わるコストを抑え、管理の手間を削減してくれる「レンタルサーバー」。自社でサーバーを管理するよりもコストを抑えることができますが、用途によっては、よりいっそうコストを抑えたいと考える方もいるのではないでしょうか。 そういった方におすすめなのが、無料レンタルサーバーです。一方、無料レンタルサーバーはコストがかからないことから、サービス内容やセキュリティに不安を感じてしまう方もいるでしょう。 そこで今回は、無料レンタルサーバーについて、有料のレンタルサーバーとの違いや使用する場合の注意点を解説するとともに、おすすめのサービスを紹介します。 無料レンタルサーバーと有料レンタルサーバーの違いとは ここでは無料と有料のレンタルサーバーの比較を行います。 広告表示の有無 ほとんどの無料レンタルサーバーでは、サイトに広告が表示されます。これは無料分の費用を広告によって補うためです。ただし、サー
HTMLエディタを自作！「簡易的なHTMLエディタをhtml/css、javascriptで作成する方法」
現在、自作でホームページのCMSを作成しているのですが、記事作成画面となる「エディタ画面」も自作してみましたので、ここでまとめておこうと思います。 先に画像を貼っておきます。下のような簡易的なやつになります。 htmlのtextarerが入力画面となっていて、隣にあるdiv要素で作ったboxに入力した内容が反映される感じになってます。 Ajaxのような非同期通信にも見えますが、そんな高度な事はしておらず、javascriptのkey up関数で、キーボード入力が検知（キーが上がった瞬間）されれば、textareaの内容がdiv要素に渡されるだけの、簡易的なプログラムになります。 簡単なHTML/CSSとjavascriptで作成できるので、しょぼいですがなにかの参考になれば幸いです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset
急がば回ってみる 自作ツール作成のすすめ~ nodeを使ったHTMLデータ収集ツール ~
誰も怒らないなら、ダイレクトお鍋（鍋から直接料理を食べてしまう）をしてしまう コーダー兼ズボラの小宮山です。 今回は自作ツールの紹介とその記録です。 玄人感はないので、あしからずご了承ください。 ご指摘のポイントたくさんあるかとは思いますが、楽しく作ったんだと感じてもらえれば嬉しいです。 ※すぐにツールを使いたい方は、こちらのアンカーリンクから読んでください。 ある日ふいにきたミッション きっかけの２択 ある日の忙しい１日ことです。 「40ページくらいサイト内の情報をページごとにエクセルデータにまとめたい」 というミッションを部内のディレクターから託されました。 ズボラな僕は、この作業がコンパクトに終わる最善の方法を考えはじめます。 そこで、最初に、Webでいろいろと検索し、すでに有益な情報をあげてくださっているみなさんのお力を借りることに。 情報をまとめてエクセルで出すツールはないだろう
文字一覧 (ASCII) - instant tools
0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 正規表現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで要素を左寄せ・中央寄せ・右寄せする方法
はてなブックマークボタンの作成・設置について
GitHub
