Bootstrap3では、サイドバー(メニューバー)のクラスが用意されておらず、まだコレといった実装方法があるわけではない。プラグインを追加すれば、それっぽいハンバーガーメニューとともにサイドバーを表示することもできるのだが、なるべく素のBootstrapでつくりたかった。いうわけで、2カラム(サイドバー/メイン)のWebページをBootstrapを使ってつくった。}}これを実際に実装すると以下のようなページになる。※埋め込みだと、横幅が狭くてメニューが表示されないので、直接jsFiddleをみて確認してほしい。図で表すと以下のとおりだ。基本となるのが、BootstrapのGridSystem(グリッドシステム)。GridSystemとは、サイトの横幅を12分割してレイアウトするデザイン手法で、「col-{class}-{size}」で幅を表現する。optionsサイドバーは「col-sm-3」、メインは「col-sm-9」で定義している。このままでは縦に並んでしまうので、.sidebarにスタイルを適用している。position:fixedとtop:0、bottom:0、left:0を指定することで、サイドバーは画面左に張り付き上下いっぱいに広がる。このままだとメイン部分にかぶってしまうので、メインでは「.col-sm-offset-3」でサイドバーの幅分右にずらしている。これでひと通り、スクロール可能なサイドバーができた。ウィンドウ幅を変更すると、768pxを下回ったときにサイドバーとメインが重なってしまう。Queriesを使って、幅が768px以上の場合はさきほどのスタイルを適用。それ以下だとdisplay:noneで非表示にしている。Serverでの開発を行った時にハマったのが、Nullと空文字("")の扱いの違いだった。結論から言うと、以下のようになっている。...【C#】いろんなパディング(空白埋めやゼロ埋め)固定長IFファイルの作成では必要不可欠な処理、パディング。文字長を一定にしたり、ブラの隙間に夢を詰めたりいろんな使い方がされる。このエントリでは以下の3種類の方法を紹介する。2)」とかいたらコンパイラさんに怒られてしまった。LEFT関数は特に問題ないが、可変長データ...Excelで「データを貼り付けできません。」というエラーが出た時の対処法Excelでなぜか図形が挿入できない。オブジェクトを貼り付けることができない。こんなしょうもないことで、10分を無駄にしてしまった。その対処法をまとめる。Google先生に聞いたところ、以下の対処法があったが、どれもよくわからなかった。結論から言うと、VBAにはTry-Catch-Finallyが存在しない。Errorステートメントとラベルを使う。簡単な例外処理(エラーハンドリング)は以下のとおり。」というエラーになる。ToStringプログラミングを行ううえで使う頻度が高いのが型変換(キャスト)。基本的なキャストには以下のようなものがある。どれも型変換に使うメソッドだが...position:stickyでスクロール可能なテーブルの行・列ヘッダを固定するテーブルに表示する情報が多いとき、行ヘッダや列ヘッダを固定して表示したいときがある。使うと簡単に実装できる。IEは対応していないため、ポリフィルが必要となる。完成予想イメージは以下のとおり。昼食を完全食COMPにかえて1ヶ月たったので、経緯や感想を綴ろうと思う。Standard.、SAVASホエイプロテインとの組み合わせについても書く。時間ではなく、技術を売る技術者になることを目標にブログやってます!ご用の方は、ページ右の問い合わせフォーム(※PC用ページのみ)、またはTwitterまでご連絡ください。当ブログの利用するにあたり、何らかのトラブルや損害などが生じても当ブログ管理人は一切責任を負いません。許諾や有無など、その内容については一切の保証を致しかねます。