生活情報オンライン

ソフトウェアエンジニアが役立つ情報を発信します。

Java「Class / method」の作り方 in Eclipse

Javaで「Class」と「method」を作ってみましょう。 前回JavaでHello Worldを表示してみました。今回はそこから拡張して「Class / method」を作成してみます。 somegoro.hatenablog.com Classの作成 前回クラスを作成したときと同様にパッケージを右クリック…

Java「Hello World」in Eclipse

今回の記事ではJava言語で「Hello World」を出力する方法をご紹介します。実際の業務に役立つように、業務でよく使うであろう統合開発環境の「Eclipse」を使用します。これが基本であり、システム開発はここから始まります。実際の業務では既存システムの改…

図書館で電子書籍を借りられると聞いてキンドル買った結果

表題のとおり、次のWebサイトを見たことを契機に胸を躍らせてキンドルを購入しました。wired.jpなんと!このWebサイトによると地元の図書館で電子書籍を借りられるというではありませんか、ネットに繋がっている端末ならいつなんどきでも。本が大好きな私は…

直下の要素のみスタイル指定する方法 HTML5/CSS3

直下の要素のみスタイル指定する方法 たまに使いどころが出てくる「直下の要素のみスタイル指定」したいケースへの対応です。 「idがparentの要素」の直下である「div要素」のみ背景色をつけています。 #parent > div { background-color:#4CAF50; } #hatena…

HTML5でCSS/javascript読込「外部ファイル読込」と「インライン」

HTML5でCSS/javascript読込 最近のマイブームは図書館で本を片っ端から読んでいくことです。仕事終わりから閉館までなので1日2時間程度しか居られないのですが、毎日読み込んでいることで早く深く読めるようになった気がします。「仕事を辞めて本を読むこ…

progress要素の4つの状態とmeter要素との使い分け

今回の記事ではHTML5のプログレスバーのご紹介をします。 プログレスバーは進捗の達成率を表します。Adobeの調査によると使い時は10秒以上かかる長い処理の間に表示するのが適しています。 10秒以上画面が固まるのは退屈ですもんね。 (個人的には5秒程度で…

意外と使う!読めない記号の読み方をご紹介

今回の記事では「記号の読み方」をご紹介します。日常にあふれている記号ですが、意外と読めないものも多いですよね。 システム開発の現場でも記号はよく使用します。自分で使ってる分には読めなくとも問題ないのですが、人に伝えるとき「あれ、くにゃっとし…

斜位って何!?あなたの頑固な眼精疲労、頭痛、肩こりの原因かも。。

こんにちは。今日はあなたの頑固な眼精疲労、頭痛、肩こりの原因になっているかもしれない「斜位」についてご紹介します。 斜位って何? 私は先日テレビで聞いて初めて斜位という言葉を知ったのですが、わりと知られている現象のようですね。次のサイトに丁…

データベースのお勉強

SQL

最近お仕事で久しぶりにデータベース周りの環境構築をする機会がありました。昔さんざんやったつもりでしたがさっぱり忘れておりまして、客先だったのでガリガリ調べるわけにもいかず焦りました。 そのときは前プロジェクトの資料を見ながら対処することが出…

picture要素が便利らしい / HTML5.1

HTML5.1からpictureという要素が使用可能になりました。今まで知らなかったのですが、これがなかなか便利らしいというので調べてまとめてみることにします。 ブラウザの対応状況 さて、HTML5.1から使用可能とのことでしたがブラウザの対応状況はどのような状…

バッチファイル処理の初歩

先月から入っている仕事がついにリリースを迎えています。約一か月間、寝不足になりながらも頑張りました。 さて、そめごろうとしては久しぶりにシステム導入のフェーズになります。前職ではよく参加していたフェーズなのですが、現職ではアプリケーション開…

javascript 即時関数の書き方

今回はjavascriptの即時関数を紹介します。 私は最初に即時関数を見たときはその記述方法に驚きました。 しかし、その機能はいたってシンプルで「定義後、即実行」する関数だというだけです。 だんだん見慣れてもきますので、もし即時関数を難しく感じても最…

javascript(jQuery)読み込みの仕組みを解説!

今回は javascript / jQuery の読み込まれる仕組みを解説します。 window.onload / ready / $(function(){}) など 色々なイベント処理があります。みなさんはフロントエンドの基本であるこれらをきちんと理解しているでしょうか。これらの理解があるかどうか…

Windows10 サービスの起動の仕方

こんにちは。今回は「Windows10 サービスの起動の仕方」をご紹介します。 Windows10が発売されてから久しいですが、コントロールパネルの配置などユーザーインターフェースに色々と変更がありましたのでお困りの方も多いかと思います。 私自身もサービスを起…

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

HTML5/CSS3 グラデーションのかけかた

HTML5/CSS3でグラデーション 写真は「横浜赤レンガ倉庫」です。赤と橙の美しいグラデーションですね。 今回の記事ではグラデーションのかけかたをご紹介します。 グラデーションをかけることによって、より立体的に・より美しいWebサイトになることでしょう…

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日以上更新のないブログに出てしまう広告が出てしまっている。。。 最近は受験勉強にプラスして「仕事」と「筋トレ」に力を入れていました。 仕事について お仕事では無事に転職することが出来まして…

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); 上記の例では計算して値を算出、算出した値を…