CSSで2カラムを作ってみる - kojika17
CSSで2カラムといっても、その作成方法は様々です。 多くのパターンを理解することは、CSSに柔軟性を持たせることに、つながります。 1. floatを利用する 基本的な方法です。 子にfloatを利用すると、灰色の背景を敷いている親の高さが算出できなくなるため、背景色が出なくなったり、レイアウトが崩れたりします。 これらの問題を解決するには、clearfix か overflowを利用する必要があります。 .parent { overflow: hidden; } .child1 { float: left; width: 240px; } .child2 { float: right; width: 128px; } 2. floatとmarginを一定方向にかける 片方にfloat、片方はfloatをかけた方向に隣の要素の横幅以上のmarginをとる方法です。 floatのかかってい
IDE完備！日本語の情報豊富！MonacaとOnsen UIで楽々ハイブリッドアプリ開発！
IDE完備！日本語の情報豊富！MonacaとOnsen UIで楽々ハイブリッドアプリ開発！ 大塔 中（アシアル株式会社） はじめに HTML5でのモバイルアプリ開発という手法が登場して以来、HTML5でモバイルアプリを開発する様々なツールやプラットフォームが登場しています。この記事ではそうしたHTML5でのモバイルアプリ開発ツールとして、Monacaおよび、Onsen UIを紹介させていただきます。 必要なもの WindowsもしくはMac 最新版のGoogle ChromeもしくはSafari Monacaとは? MonacaはHTML5でモバイルアプリを開発するためのツールです。このMonacaを使って開発されたアプリがGoogle PlayやApp Storeに2000以上登録されています。Monacaの事例ページにはMonacaで開発されたいろいろなアプリが掲載されています。登録
ASP.NET と IIS の HTTP エラー処理を理解する - しばやん雑記
以下のような ASP.NET アプリケーションのエラー画面を見たことない人は、ASP.NET 開発者にはいないと思います。この画面を本番環境では出すわけに行かないので普通はカスタマイズしますよね。 しかし、ASP.NET では 404 をアプリケーション的に返しているのに、IIS のデフォルト 404 ページが表示されてしまい、悩まされた経験がある人も多いかと思います。これは ASP.NET と IIS で扱いが異なっているのが原因で、設定も別々に存在しているのでまとめておきたいと思います。 ASP.NET ASP.NET では Web.config の system.web 要素内に customError 要素を追加して、ステータスコード別にリダイレクト先の URL を設定できるようになります。 customErrors 要素 (ASP.NET 設定スキーマ) 例えば 404 ページを
jquery を使わないfix height | devLog
スマホコーディングなど、「軽量化！軽量化！」と叫ばれる中でNo jQueryが求められる事がある。 そんなときには要素の高さをそろえる位は、jquery を使わずにやってしまいたい。 １．javascriptで、getElementsByClassNameが必要。 function myGetElementsByClassName (_class , _tag , _id) { var targetId , elementList , classList , i , j , nodes = []; targetId = document.getElementById(_id); elementList = targetId.getElementsByTagName(_tag); for (i=0; i < elementList.length ; i++ ) { classList = e
SQLServer(T-SQL)で1行のINSERT文で複数のデータを挿入する方法
SQLServer(T-SQL)で1行のInsert文で複数件のデータを一気に挿入することはできないのでしょうか？ 実はSQLServer(T-SQL)で1行のINSERT文で複数件挿入するには「VALUES以降をカンマで区切って」渡せば挿入できます。 ただし挿入できるのは最大1000行までです。 それ以上の場合はINSERT文を分けて実行する必要があります。 具体的には通常のInsert文のVALUES以降を「,（カンマ）」で続けて書いていくことで可能になります。 INSERT INTO test_table VALUES ( 1, 'NAME1', 10 ) ,( 2, 'NAME2', 20 ) ,... 注意としては１つでもエラーの発生するVALUESが存在すると、すべてのデータが挿入がCommit（コミット）されずRollBack（ロールバック）されてしまいます。（1件のデータも
大量データへのVLOOKUP関数を高速にする2つの方法－LIVESENSE DIGITAL MARKETING
こんにちは、リブセンスの山浦清透です。 10万件を超えるようなデータに対してExcelのVLOOKUP関数を使用すると、データが多すぎてフリーズしたことはないでしょうか？今回は大量のデータに対してVLOOKUP関数を使用したいときの対処法を2つ、ご紹介したいと思います。 方法1 高速VLOOKUPを使用するはじめにご紹介するのは、"高速VLOOKUP"です。 【奥義】大量データでの高速VLOOKUP で紹介されていた方法で、方法2に比べて若干低速ですが、Excelだけで完結でき非常に簡単なのでご紹介致します。 サンプルとして、「id / 名前」のtable1と「id / 身長」のtable2を統合し、「id / 名前 / 身長」のtable3を作成するケースを考えます。 事前準備： VLOOKUP関数の範囲を昇順に並び替えるVLOOKUP関数の範囲を昇順に並び替えます。 もし、文字列と数値
Bazaarをこれから使う人達へ 基本編
Bazaarをこれから使う人達へ 基本編 Presentation Transcript Bazaarをこれから使う人達へ 2012/8/24 Tetsuya Hayashi Git• 悪いこと言わないから Git 使っときなよ• Git と GitHub を使いこな すのは第一線プログラマ の常識です。(`・ω・´)ｷﾘｯ Bazaar• 2012年8月現在、Windows 環境で Subversion と連携できるフリーの分散VCSでは一番まと もに使えます ‥と思う• 知名度では Git や Mercurial に次ぐ3番手です • でもマイナーすぎて他人に自慢できません • 「分散系VCS使い始めたんだ、結構便利だねー」 「へー何使ってるの？」「Bazaar」「・・・」 Subversion• とっても良いツールです • CVS や VSS と比較するとですが・・・ • 変更を一つ
PowerShell の学び方
Windows の管理用スクリプトは VBScript から PowerShell スクリプトの時代に変わっています。 PowerShell で書くスクリプトについてなかなか馴染めませんでしたが、最近ようやっとその理由がわかったので、同じような境遇の方へのヒントとなるようにまとめてみました。 PowerShell はコマンドレットの実行環境 まず私の犯した大きな間違いは PowerShell を VBScript のようにプログラミング言語と捉えてしまったことです。 VBScript の置き換えでこれまで通り各オブジェクトを操作するのだろうと考えてしまいました。 しかし、そう捉えてしまうのは誤りです。 そうではなくコマンドレットの実行環境と捉えるのが正しいです。 PowerShell はその名の通り、perl よりも sh の立場なのです。 そう捉えればスクリプトセンターのラーニング領域か
Rubyist Magazine - スはスペックのス 【第 1 回】 RSpec の概要と、RSpec on Rails (モデル編)
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0063 号 バックナンバー Rubyist Magazine 0063 号 Rubyist Magazine 0062 号 Kaigi on Rails 特集号 RubyKaigi Takeout 2020 特集号 Rubyist Magazine 0061 号 Rubyist Magazine 0060 号 RubyKaigi 2019 直前特集号 Rubyist Magazine 0059 号 Rubyist
アドビ(Adobe)イラストレーターが無料で手に入るって知ってた？ | ネットで学べるパソコン教室
アドビのイラストレーターが今なら無料でゲットできちゃうってこと、私は最近知りました。 でも、まだ知らないっていう人もいるかもしれないので、その無料で手に入れる方法をご紹介しちゃいますね。無料で手に入るなら、この機会に手に入れておくのがベストです。 アドビのイラストレーターがなぜ無料で？？ 恐らくアドビのイラストレーターが無料で手に入るなんて聞いて、「嘘くさい！！」とか「何か裏があるだろう？？」なんて考えてしまいますよね？普通は。特にここ最近は、無料でメールアドレスなどの情報をゲットしてスパムメールを送り付けてくる業者もたくさんあるので、そう思うのは無理ないです。 ただ、今回手に入るのはアドビのイラストレーターなので結構使えるものです。胡散臭い情報だったり、後程バックエンドを仕掛けてくるようなものとは異なるのです。 と、ちょっと話は脱線してしまいましたが・・なぜ無料で手にはいるのか？それをお
ドコモの2年縛りデータ回線のお得な解約方法【実践編②】
前回 「ドコモの2年縛りデータ回線のお得な解約方法【実践編①】」 にてデータ回線の解約例を示していたのですが、遅くなって申し訳ございませんが、今回はその続きをご紹介したいと思います。 まず前回行ったことを整理すると4月に 「Xiデータプラン２にねんへの翌月予約」 を、また４月ないし５月に 「SPモードの解約」 を行うというところまでを紹介いたしました。 そこで、６月に入ったところで解約もしくはMNPとなります。 ちなみに僕はデータ回線については普通に解約しました。解約のポイントは 「１日に解約した方が安く済む」 ことです。その理由ですが、解約した時点で 「それまでの基本料金が日割りで請求される」 のです。今回はXiデータプラン２にねんの2,381円を契約していたと思うので、この分が日割り請求されます。 なので、１日に解約した方が安く済むのです。 ちなみにMNPを行う場合ですが、データ回線の
コピペで使える！ CSSで凝った背景を作るサンプル集 | ライフハッカー・ジャパン
「CSS Gradients with background-blend-mode」はCSSの「background-blend-mode」を活用した背景サンプルをたくさん紹介しているサイトです。ウェブデザインをやっている方には非常に参考になるサンプルばかりです。 以下に使ってみた様子を載せておきます。 まずCSS Gradients with background-blend-modeにアクセスしましょう。 このように「background-blend-mode」を使ったサンプルが用意されています。CSSが表示されていますが、値を変更するとその場で適用された背景を閲覧できますよ。 サンプル集の下部には、実際に画像を使用した場合とのファイルサイズの違いが比較されています。CSSだけで実現するほうが圧倒的にファイルサイズが軽くなりますね。ウェブデザイナーの方はぜひ学習の参考に使ってみてくださ
[CSS]レスポンシブ対応、スクリプト無し、完成度も非常に高いタブコンテンツを実装するテクニック
スクリプトは一切使用せず、デスクトップ時はタブコンテンツ、スマフォ・タブレット時はタブをスケールダウンに変更してコンテンツを表示するスタイルシートのテクニックを紹介します。 単にレスポンシブ対応のタブというだけでなく、コンテンツの切替やタブのホバーエフェクトなど、非常に完成度の高いタブコンテンツに仕上がっています。 スケールダウンの仕組み 実装はこんな感じになります。 HTML まずは上部のコントローラー、このラジオボタンで各タブの動きを制御します。 デザインを変更して利用したり、タブのみにしたい場合は非表示にするのも有りですね。 <!-- TAB CONTROLLERS --> <input id="panel-1-ctrl" class="panel-radios" type="radio" name="tab-radios" checked> <input id="panel-2-c
分散型バージョン管理システムのTortoiseBzr(Bazaar)を使ってみました - ふにゃるんv2
この間、某掲示板で Bazaar という分散型のバージョン管理システムが頻繁に更新されており、Windowsクライアントである TortoiseBzr が同梱されるようになったよ。との話を見ました。 で、どんなものかなぁ？と、ちょっくら調べてみる事にしました。 TortoiseBzr(Bazaar)の情報 特長としては、Pythonで実装(Mercurialもですね)されており、分散型だ。という事のようです。 DSAS開発者の部屋:Bazaarの紹介 http://dsas.blog.klab.org/archives/51344422.html Bazaar - Wikipedia http://ja.wikipedia.org/wiki/Bazaar Bazaar Tutorial http://gigo-ice.org/scm/bazaar/wiki/tutorial.ja.html
BazaarはSVNに似た分散バージョン管理システム
Git、Mercurialに続く人気の分散バージョン管理システムにBazaarがある。前者二つは、Linuxのソースコード管理の問題から産まれたものだが、これらより数ヶ月早くオープンソース・プロジェクト向けに開発開始されたものがBazaarだ。FSFのGNUプロジェクトとなっている。 新規導入であれば、Git、Mercurialと同時に候補にあがってくるはずだが、現状では人気では劣っているように感じ、あまり機能面も知られていないのが現状だ。以前の記事『SVNからMercurialに移行するべき8つの理由』、『操作体系から見る、GitとMercurialの8つの違い』の補足として、Bazaarについて特徴をまとめてみた。 1. Subversionと似たブランチ中心のリポジトリ管理 GitやMercurialは、複数ブランチで構成されるリポジトリが必ず作成されるが、Bazaarの最小構成はブ
SQLServerテーブル定義ツール
あれば便利な「ツール」ではありませんか？ 前頁の「MDB生成／テーブル定義取得ツール」もそうですが、説明の入ったテーブル定義書と実際に作成したテーブルの同期の確認は面倒なものです。 ここで紹介する方法なら、テーブル定義書からテーブル作成スクリプトを出力するので、テーブル定義書に従った(同期が取れた)テーブルが作成できます。 サンプルのテーブル定義書も含めてダウンロードできますが、 「VBA応用」の「SQLServerで試してみます。」ではさらにサンプルデータを投入して配属一覧を出力するサンプルを用意しています。 「ExcelSQLServerツール」を作成しました。 マクロ無しワークブックからテーブル作成スクリプトを出力させる機能として「ExcelSQLServerツール」を作成しました。 なぜ「マクロ無し」かというとこのような機能のマクロが各ワークブックに残ってしまうと、数が多くなった場
SQL Server / MSDE で、テーブルや列にコメントを定義するためのストアド | caterpie1603
http://www.momo-lab.net/kibidango/cbbs.cgi?mode=one&namber=883&type=167&space=135&no=0 SQL Server / MSDE で、テーブルや列にコメントを定義するためのストアド。 EXECUTE setcomment N'テーブル名', NULL, N'コメント' とか EXECUTE setcomment N'テーブル名', N'列名', N'コメント' って感じで利用。 # Oracle でいう所の # COMMENT ON TABLE テーブル名 IS 'コメント'; # COMMENT ON COLUMN テーブル名.列名 IS 'コメント'; # みたいな感じで。 <xmp> ---------------------------------------------------------
初心者でも分かる！モーダルウィンドウの作り方
特にスマホで活躍する、ダイアログのように浮かび上がるモーダルウィンドウ。初心者でも1から作れるよう、解説します。
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 先日の「OpenIL vol.2」にて「5分でわかるVue.js」というLTを発表しました。 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 前編 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 後編 この記事は、その時のLTの資料を元にブログ化したものです。 jQueryは頑張れば頑張るほど辛くなる jQuery、簡単に動きのあるサイトを作れてとても便利ですよね。 // 何か画面に反映する $(".hoge").html("変更したい内容"); // 変更時に何か処理して変更する $(".foo").on("change", function() { $(".bar").html("変更したい内容"); }); イベントを受け取って、色々と処理をし
『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
脱GoogleのためのNAS活用ガイド
常日頃Googleのサービスにどっぷりお世話になっている私たちですが、このところGoogleが提供するサービスの無料部分が窮屈になったと思っている方も多いのではないでしょうか。 最近では無料の音楽専用のストレージとして便利だった Google Play Music が 有料（または広告付き無料）のストリーミングサービスを前面に押し出した YouTube Music に移行されたり※１、Googleフォトが特定画質までの写真の無制限バックアップを終了して容量制限を課すようになったり※２と、相次いでサービスの変更がなされました。 ※１ 2020. 12末でGoogle Play Music 終了※２ 2021.6.1以降は、Googleフォトに保存する「高画質」の写真についても、一部のGoogle純正端末からのアップロードを除き Googleアカウント容量（無料15GB）を消費へ 一連の変更も
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
スマホ対応を中途半端な変換でやり過ごそうとするWeb担当者に喝! レスポンシブですべて解決するわけがない! | 生田昌弘の「Web担当者に喝！」
Evernoteのノートリンクで httpsじゃなくて evernote を取得する方法 - ごりゅご.com
IDEA * IDEA
Chromecast非対応の動画をテレビへキャストする方法【Ustreamなど】 | TeraDas（テラダス）
1979年テレビ版「サイボーグ009」全50話がUstreamで一挙放送--アーカイブ無料配信も
HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」:phpspot開発日誌
Home - Noppiのおぼえがき
TechCrunch | Startup and Technology News
Windows + tortoiseHG 環境でTimestampMod拡張を使う