金子邦彦研究室へようこそ（トップページ）
金子 邦彦（かねこ くにひこ） 勤務：福山大工学部情報工学科 学内の役職：情報工学科学科長，共同利用センター副センター長（ICT サービス部門長），大学教育センター・数理・データサイエンス・ＡＩ教育部門長 こんにちは．私は大学教授であり，人工知能，データベース，３次元コンピュータグラフィックス，プログラミングの分野で研究，実践プロジェクト，教材開発を行い，学会活動や論文執筆，書籍出版，大学での授業実施，研究室の運営にも携わっています．役職を持ち，情報工学科の発展，大学のICTの発展，大学の数理・データサイエンス・ＡＩ教育の発展にも尽力しています． また，インターネットを通じて情報発信を行い，基礎的な知識から最新技術，教材に至るまで幅広く発信しています．これらの情報が多くの人々に役立つことを願っています． 金子邦彦研究室では，こんなことを行っている． 【活動の概要】 データベースに関する最新
Buscador OSINT VMで始めるOSINT入門
はじめに こんにちは～、最近インターネットの治安が悪くてインターネットをやるのが辛くなってきたので改名をしたいインターネット太郎です。 そんなわけで、今回はサクッとOSINTの話をしていきたいと思います。 ※注意：本投稿で記述した手法を用いてトラブルなどが発生した場合、当社は一切の責任を負いかねます。本情報の悪用はしないでください。 OSINTとは "Open Source Intelligence"の略称で、公開情報から情報を収集してその情報を役立てることを指します。 Wikipediaには、"諜報活動"の分野のひとつと書かれていてなんだかカッコイイ感じです。 オープン・ソース・インテリジェンス（英: open-source intelligence）とは、諜報活動の分野のひとつで、他の HUMINT（ヒューミント）や SIGINT（シギント）と呼ばれる分野が主として「秘密の情報を違法行
とほほのGo言語入門 - とほほのWWW入門
Google が開発したプログラミング言語です。「Go言語」や「Golang」と表記されます。 UNIX、B言語(C言語の元)、UTF-8の開発者ケン・トンプソンや、UNIX、Plan 9、UTF-8の開発者ロブ・パイクによって設計されました。 静的型付け、メモリ安全性、ガベージコレクションを備えるコンパイル言語です。 シンプル、高速、メモリ効率が良い、メモリ破壊が無い、並行処理が得意などの特徴を備えています。 メモリ破壊が無く、並行処理を得意とする、進化したC言語という側面があります。 Linux、Mac OS X、Windows、Android、iOS で動作します。 おおよそ半年に一度バージョンアップを行っているようです。このページは Go 1.14 をターゲットに記述しています。 Go 1.18 2022年3月15日 速度改善、ジェネリクス、ファジングテストツール、ワークスペースモ
とほほのDocker入門 - とほほのWWW入門
とほほのDocker入門 トップ > Docker Docker Dockerとは インストール チュートリアル Dockerコマンド docker run/create docker ps/stats docker rm/start/stop... docker exec/attach docker cp/rename/update docker logs/port/top docker pull/push/search/login/logout docker images/rmi/history/commit/tag/build/trust docker volume docker network docker export/import/save/load Dockerfileによるビルド Docker Compose Podman 小技・ノウハウ集 Copyright (C)
「娘に情報が古いと指摘されます」 老舗サイト「とほほのWWW入門」の管理人ってどんな人？ | HRナビ by リクルート
90年代後半から2000年代にウェブ制作を経験した者なら『とほほのWWW入門』と聞いて、ピンと来ない人はいないだろう。同サイトは、HTMLやJavaScript、Ruby、Pythonなどの基礎知識が学べる、ウェブ制作初心者にとってはバイブルのような、とてもありがたい存在だ。サイトが開設されたのは1996年。国内でインターネットが普及し始めた初期からある老舗サイトで、お世話になった人も多いはずだ。 2016年10月を最後に更新がされていないようだが、それでも20年間コンテンツを出し続けるのは、かなり大変なことだったのではないか。同サイトの管理人・杜甫々（とほほ）さんは、いったいどのような人物なのか。サイトを開設したきっかけやインターネット初期の空気感などについて、話を聞いた。 「とほほのWWW入門」管理人・杜甫々さんとは？ ――今回は取材に応じていただき、ありがとうございます。杜甫々さんは
第二種電気工事士 猫でも出来る試験対策TOPページ
第2種 電気工事士 試験対策必勝サイト！ 猫でも出来る第二種電気工事士試験対策サイトの説明 知識の羅列ではなく、過去の問題から分析した高出題率のポイントのみを集めテキスト化してあります。例題、練習問題は過去問題を多数掲載。 また、計算問題等については初歩数学から説明がされているだけでなく、公式を出来るだけ使わない算数での計算を重視しています。さらに問題の配列にも工夫がしてあり、順に学習してゆくことで合格ラインを超えることが出来ます。 問題で分からないことがあれば無料でメール対応いたします。 試験に関係あることであれば、出来る限り返答いたしますので、是非ご利用ください。 他とは一線を期す画期的な試験対策サイトです。 まずは、資格を取ることが大事！ 計算が分からない。 出題箇所だけを勉強したい。 とにかく資格。時間がない。 当サイトは、とにかく電気工事士、第２種の資格がほしい！と懇願する、勉強
意外と今っぽくなる、CSSやjQueryで実現するエフェクトまとめ
作成：2016/02/8 更新：2016/06/29 Web制作 > CSSやjQueryで実現する、今までにないようなエフェクトを実現するために知っておくと便利なエフェクトをまとめました。トレンドをおさえた最近のものを厳選してピックアップ。ファーストビューなどで、一味違った面白さを出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 セグメンテッド コントロール pocketなどに見られる「リスト・タイルビュー」など表示形式の切り替え。コンテンツを切り替えるセグメンテッド コントロール（SegmentedControl）。少し古い記事ですが、他になさそうだったので。 Blueprint: View Mode Switch もうひとつはcodepenから。 See the Pen DropDown2Segment by ActiveCodex (@Acti
【第2弾】少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 画像を丸く表示 1本線のテーブル 1本線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像をモノクロやセピアにする リストマーカーの色を変更 グラデーション グラデーションボーダー フラットだけど立体的ボタン 画像をぼかす レスポンシブに対応した動画 要素を真ん中に配置 カンマで分けたリスト 文字を縦書き フォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット 線のオフセット設定 HTML・CSSの全
Webサイトを「HTTP」から「HTTPS」へ切り替える際に行う一連の作業をまとめました｜今村だけがよくわかるブログ
Googleが「HTTPS everywhere」を提唱していることなどが影響して、HTTPSで通信できるようにWebサイト全体を独自ドメインに対してSSL/TLSによる暗号化を行い、運用をスタートしている様子がちらほら私の周りには増えてきました。 Google ではさらにもう一歩踏み込んで、数か月前の Google I/O では、「HTTPS everywhere」をウェブで提唱しました。 ユーザーがもっと安全にサイトを閲覧できるよう、すべてのサイト所有者の皆様に HTTP から HTTPS への切り替えをおすすめしたいと考えています。 （Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用しますより） 私はしばらく動向を伺っていましたが「Webサイト全体をHTTPSへ切り替える流れは今後はより加速すると考えてもいい」と判断をし、このブログも全体をHTT
大きな背景画像を使った魅力的なWebサイトを作ろう
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは
mixiの新人研修トレーニングが非常にわかりやすくて実践的すぎる - Android Javascript iOS
mixiは新人研修用のトレーニングをgithubに公開しています。 公開していることは知っていたけれど、いざみてみると… とってもわかりやすく実践的！！！ 普通に参考書で勉強するよりも企業が公開しているものだから、より実践的という感じもします。 自分はこのAndroidTrainingをやっているのですが、最後に課題もあり、到達度や理解度もすごく把握できていい感じです。 READMEもかなり充実しており、一通りを学べるように工夫されています。 mixiに入社した方がこれを一通りやったと思うと、大変な印象ですが…だからこそやったときに達成感がありそうです。 開発環境の構築から書かれているので、ほとんどつまづくことはありません。 かなり詳しくわかりやすく書かれている印象を受けました。 ちょっと初めて学習するには、難しい箇所もありますが適宜ぐぐって補えばよいでしょう。 ・AndroidTrain
ギターライフ | ギター初心者のための情報サイト
rss menu 憧れのギタリストを持ちましょう。 最初に必要な物（エレキギター編） 弦の交換時期は？ F（Fメジャー）コードの押さえ方 ギターコラム 憧れのギタリストを持ちましょう。 初心者のためのギター講座 最初に必要な物（エレキギター編） 初心者のためのギター講座 弦の交換時期は？ ギターコード F（Fメジャー）コードの押さえ方 最近の記事過去の記事 ドレミを歌おう 練習編（1） ドレミを歌おう コードの覚え方（5弦ルート） コードの覚え方（6弦ルート） B（Bメジャー）コードの押さえ方 Bm（Bマイナー）コードの押さえ方 初心者のためのギター講座過去の記事 プリング・オフのやり方 プリング・オフとは （略してプリングと呼ばれる事が多いです） 最初の音をピッキングして… ハンマリング・オンのやり方 スライドのやり方 ピックの持ち方 音叉を使ったチューニング方法 ギターコード過去の記事
『マウスオーバーで画像を切り替えるCSSを書いてみよう』
リンクの貼り方と、画像の貼り方を応用してリンクを画像にしてみましょう！マウスを乗せると画像が変わるやり方も紹介しますね！ 画像でリンクさせるタグ画像でリンクするのはこのタグでできます。 <a href="リンク先URL"><img src="画像のURL" alt="画像の説明" width="画像の横幅" height="画像の高さ" /></a>リンクを貼るタグの「リンクさせる文字」の所を画像を貼るタグに置き換えてあげれば画像でリンクできるようになります！ １枚の画像を使ってCSSで画像を切り替える方法よくボタンなんかにマウスを乗せると画像が切り替わるサイトありますよね！このやり方の説明をしますね！ サンプルサンプルボタン リンクはページトップに飛びます。 まずは画像を用意しようマウスを乗せる前と乗せた時の画像をそれぞれ作ります。２枚の画像は同じ高さ、幅でつくってくださいね！ それから
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
中国産コメントスパムをコピペだけでほぼシャットアウトできる対策方法（IE6からの書き込みを除外する）
テザリングのイラスト
https://www.ituore.com/entry/html-css-basic
スターサーバー サーバーデフォルトページ
キジトラBLOG | 地味に役立つ知恵袋と街の話題など