主婦 「娘が将棋で王様一枚にされて負けた。恥をかかせた男子生徒に謝罪させたい」 1 名前: ライオン(徳島県):2013/07/01(月) 16:28:27.62 ID:TYPVQhDx0 アラフォーの専業主婦です。中一の娘のことでご相談です。 私の主人は将棋が趣味で自称初段なのですが、自分の相手をさせるために、娘が小さいころから将棋を教えてきました。その結果、現在、娘は主人を負かすほどの腕前になり、本人もかなり自信をもっています。 先日のことですが、学校の同じクラスに将棋のうまい男子生徒がいるそうで、娘はその生徒とどちらが強いか言い争いになったらしいのです。娘が「プロの男性棋士は同じ土俵で戦ったら女性棋士に負けてしまうため、女流という枠を作って、強い女性棋士 をそこへ押し込めている。将棋で女が男に負けるわけがない。」と言ったところ、男子生徒に 鼻で笑われたことが悔しかったらしく
http://atnd.org/events/40593 なんか知らないうちに僕が主催者になっていた小物エンジニアの会で発表して来ました。 ほぼ悪ノリだけで開催が決定になった勉強会だけに、特にLTについてのテーマ指定などもなく皆さん思い思いの内容を発表されてました。 その中で僕自身はSSLに関する入門的な内容を発表してきました。電子証明書がどうとか、電子署名がどうとか鍵暗号アルゴリズムとどう絡んでくんのかとか、そこらへんの関係性や必要性なんかが自分でもよくわかってなかったので、それを理解するために調べた内容発表する完全に僕自身のためのお勉強的な内容となってます。 https://speakerdeck.com/shim0mura/ru-men-ssl-toriaezusoretupoidan-yu-takusandiao-betemimasita 当日はちょっとしたトラブル(会場が渋谷プラ
The cross-platform JavaScript test framework jstest is a testing framework for JavaScript that’s designed to run on any platform with minimal effort. It provides a familiar RSpec-style API for organising tests that can run on the following platforms: Web browsers: Chrome, Firefox, Internet Explorer, Opera, Safari Headless browsers: PhantomJS, SlimerJS Server-side platforms: Node.js, Narwhal, Ringo
SMINT SMINTの使い方 Step 1: 外部ファイル スクリプトを外部ファイルとして記述します。 <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML まずは、最上部に配置されるナビゲーションから。 <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
(Almost) Static Background This section has a background that moves slightly slower than the user scrolls. This is achieved by changing the top position of the background for every pixel the page is scrolled. Multiple Backgrounds The multiple backgrounds applied to this section are moved in a similar way to the first section -- every time the user scrolls down the page by a pixel, the positions of
アクセス解析って使ってる人は多いと思うんですけど、クリック数の解析ってしてます? とあるアクセス解析にクリックカウントしてるやつがあって、割と面白いなと思ったんでgoogle Analyticsでクリックカウントする方法を調べて、実装してみました。 調べてすぐ見つかる方法は、リンクにonClickを入れる方法だったんですが、全てのリンクにこれを書く、ってのは面倒過ぎるな~と思って、jQueryで自動で入れてもらおうと考えていたら、もっと簡単にjQueryで実装してるやつを見つけて、それを参考にしました。 一応外部リンクか、内部リンクか、ってのも判別出来るようにしてみました。 その実装したクリックカウントする為のコードを紹介します。14行程のjavascriptのコードを貼りつけて、少しだけ変更するだけなので、結構簡単なはずです。 クリックカウントしてどうすんの? えっと、、別にどうする?
vTicker 縦方向にスクロールするクールなティッカーを実装できるjQueryプラグイン「vTicker」 ティッカーというと横スクロールなものをイメージされる方も少なくないかもしれませんが、縦にカッコよくスクロールするティッカーが実装できます テキストはulリストで定義して初期化するだけで使えます 最新ニュース等を1行で表示したい場合に使えるプラグインですね 関連エントリ エレメントを立体的に回転させられるjQueryプラグイン「Vortex」 テーブル内容を入力値でフィルタリングできるjQueryプラグイン「FilterTable」 レスポンシブでタッチ端末で使えるオーディオプレイヤ実装jQueryプラグイン「AudioPlayer」 マスクを使ったお洒落なスライダーが作れるjQueryプラグイン「Maskify Slider」 アプリ風のなめらかなサイドメニューが実装できるjQue
Demo showing CSS Filter Effects 1.0, specifically the filter functions, which are being implemented in Webkit. In Webkit, filters can be applied to hw accelerated content ( e.g. img { transform: translateZ(0); } ). Support: Chrome 18.0.976.0, Webkit nightly -webkit-filter: none; blur grayscale drop-shadow sepia brightness contrast hue-rotate invert saturate opacity reset Animations: blur grayscale
要素をPhotoshopの「ぼかし」バリにぼかすことができるjQueryプラグイン「Vague.js」 2013年06月27日- Vague.js 要素をPhotoshopの「ぼかし」バリにぼかすことができるjQueryプラグイン「Vague.js」。 次のように通常の要素をSVGフィルタを使ってぼんやり、ぼかすことが出来ます。対応するブラウザは限られますが、ブラウザだけで出来るというのがいいですね パラメータでぼかし強度を選べたりもします。 実装サンプルコードです。 近い将来、画像編集ソフトで今やってるようなことは殆どブラウザ上で、スクリプトで動的に実現出来るようになるんでしょうね。 関連エントリ Flipboard風エフェクトをブラウザ上で実現するためのjQueryプラグイン「flip」 jQueryでフリップエフェクトを使った良プラグインやサンプル集10 エフェクトが色々選べるイメー
App Builder(New) Ignite UI Angular Blazor React Web Components Ultimate UI for ASP.NET Core Ultimate UI for ASP.NET MVC Ultimate UI for jQuery Ultimate UI for ASP.NET Web Forms Ultimate UI for Windows FormsUltimate UI for WPF Ultimate UI for Uno Ultimate UI for UWP Ultimate UI for WinUI Ultimate UI for Xamarin App Builder(New)Indigo.Design UIキット UX App Builderドラッグアンドドロップで Web アプリケーションを構築できる ローコード
地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。本稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時
twitter facebook hatena google pocket 横軸で年表なんかを作ることがあるかもしれません。 そんな時にはjQueryプラグインjqtimelineを使用すると簡単に導入できて良いかもしれません。 sponsors 使用方法 jqtimelineからファイル一式をダウンロード。 <link rel="stylesheet" type="text/css" href="jquery.jqtimeline.css" /> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="jquery.jqtimeline.js"></script> <script type="text/javascript"> $(function(){ var ev = [ {id:
Tomomi Imura An Open Web advocate and front-end engineer, who loves everything mobile, and writes about HTML5, CSS, JS, UX, tech events, gadgets, etc. She unintentionally got 15min of fame by creating The HTTP Status Cats. Also, the opinions expressed here are solely her own and do not express the views or opinions of my employer. Twitter LinkedIn Instagram Github Flickr My articles are licensed u
css3ではFillter Effectsも実装予定となっております。 開発用webブラウザ、webkitにて以下の画像を使い検証を行いました。 webkit http://nightly.webkit.org/ 以下の画像を元にcssで変化させます。 -webkit-filter: blur(3px); -webkit-filter:brightness(30%); -webkit-filter:contrast(30%); -webkit-filter:grayscale(); -webkit-filter:sepia(); -webkit-filter: invert(); -webkit-filter: opacity(30%); -webkit-filter: saturate(50%); -webkit-filter:hue-rotate(90deg); -webkit-fil
CSS3 Filterのサンプルページ このページでは、CSS3フィルターを使ってみたサンプルページです。 CSS3フィルターそれぞれの効果を知ること、その使い方を知る事をこのページの目標としています。 CSS3フィルターの詳細は、 Filter Effect 1.0 @W3C を参照ください。 CSS3 Fitler適用前の状態 CSS3 Fitler(grayscale) grayscale(number | persentage) 表示要素をグレースケールで表示できるフィルター。 100%が完全にグレースケールで、0%が全く効果なしの状態となる。 初期値は100%のようです。 -webkit-filter:grayscale(100%);
Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.Tooltipster Beta :D - "The jQuery Tooltip Plugin ... ster" Tooltipster is a lightweight (4,813 bytes minified) jQuery plugin that enables you to easily create clean, HTML5 validated tooltips. Supports HTML tags inside the tooltip Lightweight and degradable Extremely flexible & fast to set u
twitter facebook hatena google pocket リンクなどをクリックする前にどんなページか示したりしたいですよね。 また、画像に付加情報を省スペースで出したくもなるものです。 そんな時、Tooltipster - The jQuery Tooltip Pluginを使用すると吹き出しを与えてくれます。 sponsors 使用方法 Tooltipster - The jQuery Tooltip Pluginからファイル一式をダウンロード。 <link rel="stylesheet" type="text/css" href="tooltipster.css" /> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="jquery.tooltipster.
ライブラリのダウンロードと設置 「ライブラリのダウンロード」をクリックしてダウンロードしてください。 ライブラリのダウンロード ダウンロードしたjquery.openwin.jsを任意の場所へ置き読み込みます。 (jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。) <script type="text/javascript" src="jquery.openwin.js"></script> 準備 JavaScript 設定したい要素などを指定し、実行します。 $(document).ready(function() { $('.openwin').openwin(); }); HTML 上記で設定した内容を割り当てます。 <a href="http://www.google.co.jp/" class="openwin">Google</a>
作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana
The right price for you, whoever you are We offer pricing for everyone. From just getting started, to running your own business!
This document provides tips for best practices when writing CSS code. It recommends avoiding inline styles, header styles, multiple CSS files, and !important. It also recommends using shorthand properties, avoiding universal selectors and IDs when possible, optimizing images, and using CSS3 properties instead of images. In summary, the document outlines techniques for writing efficient, well-struc
TOP > ネタ > 林先生がマンガ烈火の炎の授業をやっててワロタwwwwwww Tweet カテゴリネタ 0 :ハムスター2ちゃんねる 2013年7月01日 11:09 ID:hamusoku 林先生の「烈火の炎塾」授業動画 1時限目 ~世界観について~ 林先生の「烈火の炎塾」授業動画 2時限目 ~烈火と紅麗の因縁~ 林先生の「烈火の炎塾」授業動画 3時限目 ~姫を救え! 烈火の闘い~ 林先生の「烈火の炎塾」授業動画 4時限目 ~裏武闘殺陣とは?~ 林先生の「烈火の炎塾」授業動画 5時限目 ~烈火と紅麗の最終決戦!~ 2 :ハムスターちゃんねる2013年07月01日 11:09 ID:s99HcU0p0 ワロタw 3 :ハムスター名無し2013年07月01日 11:09 ID:8xxdERs.0 なつかしいわ!! 8 :ハムスター名無し2013年07月01日 11:10 ID:exJlw
先日こんなブログを書きました。 新卒エンジニアのための先輩エンジニアによる一目置かれるエンジニアとして成長していくために必要なこと。 - 悪あがきプログラマー 特に何かを狙って書いたわけでもなくほんとにただのまとめだったのですが、色んな方々に読んでいただいたみたいで、 なんと、 ホッテントリ入りしました! 今日はそのまとめを書きたいと思います。ブログを書き始めて初めての経験です。 はてブ数 はてなブックマーク - 新卒エンジニアのための先輩エンジニアによる一目置かれるエンジニアとして成長していくために必要なこと。 - 悪あがきプログラマー このエントリーを書いてる時点で430でした。ありがとうございます! 白背景に白い画像を貼り付ける時に何かしら枠が欲しいんですけど、何かいい方法ないでしょうか? アクセス数 次はアクセス数です。 あはははは。どんだけ人気無いんだよ。 普段は200前後を低空
561 :可愛い奥様 : 2009/07/25(土) 16:16:33 ID:mc7ZqPYT ぶった切りで済みません。 中3の我が子の担任が、オメデタとのこと。 三者面談の頃には産休に入り、卒業式なんて当然無理。 本来なら喜ばしいことなんだけれど、 よりによって中3の担任でそれはないでしょう…。 自覚が足りないとか言ったら言い過ぎかな。 そもそも、そういう可能性のある人を三年担任に充てるものなのかしら。 持ち上がりだから仕方ないのかしら。 562 :可愛い奥様 : 2009/07/25(土) 16:19:46 ID:vaNqZIXQ >>561 中学で持ちあがりって珍しくない? ところで今、妊娠何週なの? 4月に妊娠がわかってたのに中3の担任持たせたなら 任命責任者の校長の責任。 中3の担任になってから妊娠したなら自覚なさすぎ。 そういえば、うちの子の小6の時の担任が 2学期に妊娠して卒
photo credit: Swami Stream via photopin cc 今月は20万いくぞぉぉぉぉ! というわけで僕がブログを書く時に使用しているツールを 全部っ!! ご紹介したいと思います。 だって僕が作ったツールじゃないから、、、隠すなんてセコいマネはしない! ぜひおすすめして作者さんに還元してもらいたいです。 僕が、「稼げて且つ、皆様に役立つ記事」を必死に考えるために利用しているツールです。WEBサービスからフリーソフト、iPhoneアプリまで! ぜひ、ぜひ参考にして下さいっ 現在のブログの基本を見直すツール 自分のサイトがスパム判定されていないか? Google スパムサイトチェック [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く