末尾省略記号の表示のさせ方 今回の記事では、領域が足りないときに三点リーダーで表示する方法をご紹介します。 テキストが領域からはみ出すときに、「...」と表示させて残りを表示させていないWebページをよく見かけますよね。あれです。画像で見るとこん…

SQL Serverサービス起動の方法 Windows10 での SQL Server 2014 サービス起動の仕方をご紹介します。 今回の記事は備忘録に近いです。 手順 今回は画面（GUI）操作でサービス起動していきます。このほかの手順としてはコマンドで起動する方法もあります。 Wi…

Windows10ではデフォルトブラウザとして「Microsoft Edge」が採用されています。しかし、この「Edge」にまだ対応していないWebページは結構あります。ですのでWebページを「IE」で開くことも必要になります。 「Edge」で「IE」を開く方法 今回の記事では、上…

今日（2016年7月4日）は大雨でしたね。久しぶりに嵐のようでした。台風が来ているようなので引き続き警戒していきましょう。 さて今回の記事では、スタイルシート（css）を使ってアイコン表示をする方法をご紹介します。 以前の記事で、HTMLのみでアイコンを…

スタイルシート（css）上で計算して値を設定する方法をご紹介します。 スタイルシート（css）の値を記載するところに、calc(計算式)といった具合に記載します。 例： /* 横幅を設定 */ width: calc(100% - 8px); 上記の例では計算して値を算出、算出した値を…

お問い合わせフォームを作ってみました。今回はGoogleフォームというWebサービスを使用しました。このサービスはかなり秀逸で上手くはてなブログに溶け込ませることが出来たと思います。 実物はこちら somegoro.hatenablog.com 作り方 とても簡単に作れて便…

ブログを書くにあたって、引用についての法律が気になったので調べてみました。 結論として、要件を満たしていれば了解なしで引用することができます。 法律の詳細 引用に関する法律の説明をしてくれているサイトはとても多いです。ですが、難解な言葉を多用…

今回の記事では、次のようなアイコンを使う方法をご紹介します。 アイコンを自由に使えることが出来れば表現の幅が大きく広がることでしょう。上記アイコン以外にも沢山の種類のアイコンが使用できます。それらの方法をまとめてご紹介します。ですので、きっ…

今回は、スタイルシート（css）の「 content 」についてご紹介します。 何に適用できるのか contentは、疑似要素の「before」「after」のみに適用することが出来ます。 何が出来るのか 「content」には文字列や画像を指定することが出来ます。疑似要素「befo…

今回は「flexboxプロパティ」を使用して、横幅が足りなくなったら複数行にするデザインを作っていきます。 まずは完成図です。 １．横幅が足りるときはこのとおり。 子２は固定幅で 300px とします。 ２．そして横幅が足りなくなると、複数行で表示されます…

レスポンシブデザインを作るにあたって、flexbox は非常に有用です。今回はその「flexboxプロパティ」を使用して横幅が可変なデザインを作っていきます。 まずは完成図です。 指定した要素を伸ばすことで可変長のデザインを実現しています。このようにすれば…

擬似要素 ::before ::after の使い方 をご紹介します。 「擬似要素 ::before ::after」は指定した要素の前後に挿入されます。 例を出して、実際に確かめてみましょう。 スタイルシート(css) p::before {content:"まぁ、";} p::after {content:"うん、たぶん…

SQL Serverのインストール方法まではこちらの記事で紹介しました。 somegoro.hatenablog.com SQL Serverを使うには設定が必要なので、今回の記事ではSQL Serverの設定していきましょう。 SQL Server Management Studioを起動してください。TCP/IPを有効にし…

SQL Server 2014 Expressのインストール方法をご紹介します。 まずはこちらからインストーラ―をダウンロードします。 Microsoft® SQL Server® 2014 Service Pack 1 (SP1) Express ダウンロードボタンを押すと、このような画面が出てきます。 どれをインスト…

表テーブルの作り方あるいは書き方です。 完成図 クラウド名 容量 速度 機能 無料期間 AWS - - - - GCP - - - - SoftLayer - - - - Azure - - - - HTML HTMLで作ろうと思うと次のように書きます。コピペしてみてください。 <table> <tr> <th>クラウド名</th> <th>容量</th> <th>速度</th> <th>機能</th> <th>無料</th></tr></table>…

情報資産に損害を与える攻撃者。彼らはどのようにして攻撃対象を選択するのでしょうか。それは次のような手法を用います。 不正アクセスを行う対象を絞る手法 ・ポートスキャン ・アドレススキャン ・バナー・チェック ・スタックフィンガープリンティング …

昨年の2015年7月29日から1年間限定でWindows10への無償アップグレードが出来ます。しかし、2016年5月の段階でこのWindows10のシェアは15％程度のようです。これは日本全国のWindowsユーザー内でのシェアです。 普及しないのはなぜ シェアトップはWindows7で…

情報セキュリティとは情報資産を正常に維持することです。情報資産を適切に安心して使用できるようにこの「情報セキュリティ」は考えられました。では、正常に維持できる・安心して使用できるという状況はどのような状況なのでしょうか。 それは、次の３つの…

はてなブログの「プロフィール写真」。これ小さくて感じません？ この記事では簡単に「プロフィール写真」を大きく表示する方法をご紹介します。（※表示速度の確認のため現在表示させていません。2016.06.01～） 簡単に「プロフィール写真」を大きくするため…

はてなブログに画像を投稿すると、その画像は「アダプティブデザイン」となりますよね。アダプティブデザインとは静的デザインのことです。いわゆるレスポンシブでないということですね。ブラウザを縮めると画像がはみ出てしまいます。 せっかくはてなブログ…

はてなブログでは「読者になる」ボタンがありますね。機能としては非常に便利ですが、ボタンとしては小さくて押しにくくないでしょうか。 しかも、これは読者数を読み込んでいるからかと思いますが重いですよね。サイトが「重い」ことの影響は次の記事で書き…

javascriptに対してどのようなイメージを持っているでしょうか。 気軽に使える。なんでも出来る。邪魔者だからブラウザで使用できないようにしている。などなど、の意見が多いようです。（個人的感想が多分に含まれています！） 確かにプログラマでなくとも…

ブログを開設して約３週間。その間に３０記事ほど書きました。Googleアナリティクスで確認すると、情報セキュリティに関する記事がよく読まれているようです。 インターネットの広がりと共に、犯罪も増えてきましたからね。情報セキュリティに対して、社会の…

先日の記事でHTMLファイルではjsファイルを読み込むことが出来ると記載しました。 読むこむと重くなるんじゃないの？と疑問に思われた方もいるかもしれません。今回はその読み込む速度はどんなものなのかということを確認していきます。 この確認方法を身に…

ブラウザとサーバの非同期通信って何？ この疑問はAjaxについて調べていて派生したものだ。転職面接でHTTP通信が得意と話しておきながら仕組みについての理解があやふやになっていたのだ。詳細は先日の日記を見ていただきたい。 そこで、この記事ではHTTP通…

インターネット関係の業務を主とする企業の転職面接で「得意な領域はどこですか？」と聞かれました。私は「HTTP通信の部分が得意です。」と答えました。 しかし、続く「Ajaxとかやったことあるの？」という質問には「よく聞きますが、やったことはありません…

コンピュータウィルスにやられた話。というか、詐欺にやられに行った話です。実情を確かめてきました。みなさんは、もし同じような症状になってもサポートとかには電話しなくて大丈夫です。 なので、みなさん引っかからないようにお気を付けください。 さて…

直帰率80％越えてるので、トップページを調整してみました。（20160517実施） バキバキっと調整です。 今まではトップページに記事１つだけ載せていました。トップページを見ると常に最新の１記事が表示されます。しかし、そのページからの離脱が多かったの…

「レスポンシブデザイン」のはてなブログを自作するための第一歩として、ディスプレイの解像度を調べる必要があります。 ご自分のパソコンあるいはスマートフォンの解像度はいくつでしょうか。 今回はWindowsPCディスプレイの解像度を調べる方法をご紹介しま…

「Google Search Console」って使ってますか？ 私は使っています。しかし登録だけしてほとんど何もしていませんでした。何が出来るのか少々気になっていて、つい先ほど出来ることを調べてみましたのでご紹介します。 「Google Search Console」で出来ること…