読者です 読者をやめる 読者になる 読者になる

jQueryでも高速化!メソッドチェーン/連想配列で値を設定

先日、jQueryで簡単に値を取得する方法を記載しました。その中で処理を高速化することについて少しだけ言及しました。 somegoro.hatenablog.com今回はその高速化についての記事です。 jQueryの処理はjavascriptの処理と比較して遅いと一般的に言われています…

jQueryでCSSのwidth, height を簡単に取得/設定する方法

今回は jQueryで width, height の値を簡単に取得する方法をご紹介します。 今までの取得方法 今まで私は、幅と高さを取得する際に次のように書いていました。 $(this).css("width"); $(this).css("height"); javascriptで取得する方法であるdocument.getEle…

Amazon「ほしい物リスト」ボタンを作る方法!あのボタンを自作する!

今までご紹介したHTML5/CSS3の機能を組み合わせることで綺麗なボタンを自分で作成することが出来ます。 Twitter、Facebook、Amazonなどのあらゆるボタンを自由に作れますので、今回の記事では実際に「Amazon ほしい物リスト」のボタンを作成してみます。 Ama…

HTML5/CSS3 簡単に「上下中央揃え」にする2つの方法 インライン要素、ブロック要素

HTML5/CSS3ではflexが登場して、上下中央揃えがとても楽になりました。 要点を掴めばこんな風によそ見してても簡単に出来ます。 ぜひこの記事を読んで、要点を掴んでいってください。 さてそれでは、今回の記事では次の2つの上下中央揃えパターンをご紹介し…

HTML 角を丸くする方法

角を丸くする HTMLで角を丸くする方法のご紹介です。 .radius_div{ border: 1px solid black; border-radius: 6px; width: 100px; height: 40px; } <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style> .radius_div{ border: 1px solid black; border-radius: 4px; width: 100px; height</meta></head></html>…

HTML グラデーションのかけかた

HTMLでグラデーション グラデーションのかけかたをご紹介 .gradient_div { background: linear-gradient(#DBDDDE, #898C90); width: 200px; height: 200px; } <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style> .gradient_div { background: linear-gradient(#DBDDDE, #898C90); width</meta></head></html>…

HTML 網掛け&hover テーブルの作り方

HTML 網掛け&hover テーブル 今回は「網掛け&hover テーブル」の作り方をご紹介します。 table.shade_table { font-size:11px;/* ここでテーブルサイズが決定する */ border-collapse: collapse; background-color: white; } table.shade_table th { borde…

HTML リンクを押せる範囲を拡大する方法

リンクを押せる範囲を拡大する方法 divで範囲を決めて、aはいっぱいに広げる。 .link_wrapper{ border:solid 1px black; height:50px; position:relative; width:200px; } .link_wrapper a{ height:100%; position:absolute; width:100%; } .link_wrapper a:…

HTML5 / CSS3 シンプルなテーブルの作り方

今回はHTML5/CSS3で、シンプルなテーブルの作り方をご紹介します。 久しぶりにWebページを作るときに忘れがちですよね。 また、プログラム経験が浅い方はテーブル作りに手間取ることもあるでしょう。 今回の記事ではそんなテーブルを出来るだけシンプルな形…

HTML5/CSS3と筋トレに夢中な話

久しぶりの更新になってしまいました。 久しぶりすぎて90日以上更新のないブログに出てしまう広告が出てしまっている。。。 最近は受験勉強にプラスして「仕事」と「筋トレ」に力を入れていました。 仕事について お仕事では転職しまして、現在はHTML5/CSS3…

HTMLのみでアイコンを制御する方法。サイズ・色・動きなど

今回の記事では、HTMLのみを使ってアイコンを制御する方法をご紹介します。 以前の記事で、アイコンを表示する方法をご紹介しました。今回はその応用編で、アイコンを制御する方法です。 somegoro.hatenablog.com アイコンを制御する方法 制御したいアイコン…

テキスト領域からはみ出すときに、末尾省略符号(三点リーダー...)で残りを表示させない方法

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

SQL Server 2014 サービス起動の仕方(on Windows10)

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

Microsoft EdgeでInternet Explorer(IE)を開く方法

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

CSSを使ってアイコンを表示させる方法。時計・家・カメラなど

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

スタイルシート(css)上で計算して値を設定する方法

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

お問い合わせフォーム作ってみた。Googleフォームをはてなブログに適用

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

引用ルール知ってる?引用方法を引用して説明します。

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

Contact

読み込んでいます...

HTMLのみでアイコンを表示させる方法。時計・家・カメラなど

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

どちらのキャリアを望むのか考える「フリーランスSE」「紹介予定派遣」

フリーランスSEになるにあたって、エージェント企業を調べてみました。 フリーランスSEになることを決めた経緯はこちらから somegoro.hatenablog.com どのエージェント企業が良いのか フリーランスSEのエージェント業界は参入障壁が低いためか、多くの新規企…

プロフィール

そめごろう と申します。 大学で航空宇宙工学を学び、卒後は航空宇宙関連システムに用いる通信の研究開発をしていました。 現在はフリーのプログラマとして活動中です。言語に関して会社員時代はC、C++、Javaを得意としていましたが、最近ではWebシステムの…

スタイルシート(css)の「 content 」について

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

フリーランスに挑戦してみようと思う

これまで、Webサービスを使ってちょこちょことお小遣いを稼いできました。この4月から就職活動と並行して行ってきたのですが、そのどちらも課題が明確になってきました。 課題 今明確に見えている課題は二点です。 ・稼げる金額がちょこちょこ過ぎる。 ・転…

flexbox でレスポンシブデザインを作る方法(その2)横幅が足りなくなったら複数行にする

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

flexbox でレスポンシブデザインを作る方法(その1)横幅を伸ばす

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

CSS擬似要素 ::before ::after の使い方

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

アソシエイト規約?記載必要なし→Amazon.co.jpを宣伝しリンク~

Amazonアソシエイトの規約についてのお話しです。 こうやって↓のように記載しないとダメですよと紹介しているブログは非常に多いです。 当ブログは、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定さ…

SQL Server 2014 Express をインストールする方法(2)

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

SQL Server 2014 Express をインストールする方法(1)

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>…

最終面接で落ちた話

最終面接に落ちた。10日程度で結果出すと言われた瞬間から嫌な予感はしていたがやはり不採用通知が来た。 営業日10日間で連絡が来たので約二週間、気が気ではなかった。 今回の面接もかなり失敗が多かったと思う。これ見て反省しよ。 nojisho.hatenablog…

生まれて初めてカード作った話

転職面接でクラウドの話が良く出ることから、クラウドの勉強をしてみようと。無料で使用できるクラウド環境を探してみました。すると結構あるもんですね。クラウド環境。 ・Amazon Web Services (AWS) ・Google Cloud Platform (GCP) ・IBM SoftLayer ・Micr…

たんぱく質足りてます?SAVASミルクプロテイン爽やかフルーティー

明治 ザバスミルクプロテイン 430ml×12本「クール便でお届け」出版社/メーカー: 明治メディア: その他この商品を含むブログを見る飲んでみました。最近筋肉落ち気味かなと思ったのでところに、ふらっと寄ったコンビニで見かけたのがきっかけです。グレープフ…

社内公用語 英語化の波に乗り遅れるな!もはや対岸の火事ではない!

ファーストリテイリングが社内公用語を英語にした2012年3月。楽天が社内公用語を英語にした2012年7月。当時はかなりの衝撃としてニュースにも取り上げられました。 社内公用語を英語の波 両社の社内公用語英語化について当時はその衝撃さからか、事業を失敗…

日産自動車 新燃料電池システム「e-Bio Fuel-Cell」革新的技術を発表!

2016年6月14日、日産が革新的な発表をしました。「日産自動車ニュースルーム」 newsroom.nissan-global.com 記事を読みましたが、車に詳しくない私にはさっぱりわからない内容でした。こういった方も多いのではないかと思い、専門用語などを調査して…

松井秀喜ヤンキースタジアムでホームラン!オールドタイマーズデー

松井秀喜が2016年6月12日(日本時間13日)に行われたOB戦(オールドタイマーズ・デー)で特大のホームランを打ちました。 松井秀喜の打撃成績 それでは試合の結果を見ていきましょう。 第1打席 2回ランナー一塁の場面で松井に打順が回ってきま…

ブログタイトルの決め方は?SEO対策?あなたも姓名判断してみたら

ブログ名を変更しました。「立川ジャーナル」という名前で活動していたのですが何ともしっくり来なかったのです。 なんで変更したのか 立川市は好きですし良く行きます。しかし立川の情報は全然載せてない。私の趣向からいって、これからもバンバン載せるこ…

ばらまき型メールに注意 Message from "RNP0026738E40D2" 傾向と対策

注文連絡を添付ファイル付きメールで受け取ったことはありますか?このようなこと業務においては日常茶飯事でありますね。 では、注文連絡をしてきた会社は実在する会社でしょうか。Webで調べてみましょう。お、ちゃんとしたした会社のようだ。今まで聞いた…

気づかぬうちにターゲットに!不正アクセス対象を絞る手法とその対策

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

Windows10 新機能・評判は?使いやすいしアップグレードすべき!

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

【解説】情報セキュリティの基本 3大要素 / 6大要素 / 7大要素

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

転職が怖い人必見【思想の転換】最終面接におっさんナンパしにいく

明日は転職の最終面接だ。最終面接はこれまでの転職活動で二回目だ。前回の最終面接では受けた企業が大企業ということもあってテンパってヘンテコリンな回答を重ね見事に不採用となってしまった。今回はその反省を生かして、少なくともヘンテコリンな回答は…

医学部再受験の記録(1)

心臓の違和感 私は4年くらい前に原因不明の心臓痛に襲われたことがある。定期的に「ちくちく」と、あるいは「締め付ける」ような感じがしたのだ。場所が場所だけに異常が出たら即人生終了になってしまう。 ということで、病院嫌いな私も諦めて心臓専門の内…

はてなブログ「プロフィール写真」を大きくする方法!各段に見やすい

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

自動で画像をリサイズ!投稿画像をレスポンシブデザインにする方法!

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

はてなブログ「読者になる」ボタンを作る方法!シンプルで軽くする!

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

【基本編】あなたはjavascriptを使えますか?実際に書いて覚えよう!

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

【まとめ】情報セキュリティについての記事!資格や試験の対策にも!

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

ランサムウェアに気を付けよう!!感染経路・予防・駆除・対策の方法

ランサムウェア(ransomware)とは、マルウェア(悪意のあるソフトウェア)の一つです。この「ランサムウェア」に犯されるとパソコンはどうなってしまうのか。 手口 勝手にロック状態になってしまいます。またはデータが暗号化されます。要は、パソコンの持…