cosian.com こしあんどっとこむ

東山魁夷せとうち美術館

もう今年度のはじめ、4月初旬。 息子の春休みに合わせて高松に来てくれたお袋を連れて、瀬戸大橋記念公園にある東山魁夷せとうち美術館に行きました。 カズサは部活の試合のため、試合のある高松北中学まで送っていき、その足で瀬戸大橋まで移動。 私は2回目で、1回目は一人で訪れました。東山魁夷の繊細なリトグラフに魅了されるも、私以外のお客さんがいなく、ちょうどお昼時だったので、監視している学芸員...

18 7月 2017

家族日記

写真日記

read more

釣りへ、そして釣果

先週釣りに行こうとして餌を買ったが、急な雨で中止にした。 釣り好きのユウキの為に今週こそはと釣りへ。 家から1時間弱かかるけど、釣れなかったことのない津田埋立地へ。 今日もすでに大勢の釣り人で賑わっていた。 2人で釣りをすること1時間強ほど。イワシが20匹ほどだろうか? 餌がなくなったので終了。夕まずめ前に終わるという切ない状況。次はもっと餌を多めに持って行こう。 イワシだ...

01 7月 2017

家族日記

写真日記

read more

がむしゃら2回目

我が家では夫婦で飲みに行く時、子供たちにお寿司を置いて行くという風習があり、これさえ守ればいつでも夫婦で外食ができる。 もちろん、お寿司代も外食代もかかるので経済的理由でそうそう頻繁には行けないが。 今回は近場がいいねということで近所の居酒屋の「がむしゃら」へ。 以前来店し、香川で初めて骨付鳥を食べたお店で、今回が2回目。 前回はユウキもいたため、けっこうな量を食べたが、今回は食事量は...

30 6月 2017

家族日記

写真日記

read more

2017年元日

投稿が遅くなってしまった。 今年も家族全員健康につつがなく元日を迎えられた。 今年からはおせちをやめ、おせちの中でほしいものだけを買って食べることにした。 昔と違い、元日からでもスーパーが開いているので、無理におせちを作ることもないかと思い。 カズサは伊達巻を所望。ユウキはなぜか数の子。 後で聞くと、数の子は金運アップの食材と思って頼んだらしい。数の子って子宝なのに。 お雑...

11 1月 2017

家族日記

写真日記

read more

初日の出

大晦日、一人23時ごろ就寝した私。 元日は、朝6時ごろ起床。もちろんみんな寝ている。 6時半をすぎると少し空が明るくなったので、外にでてみたがお日様の気配はなし。 日の出を調べてみると7時10分。 そして7時半前、ようやくご来光。 ヨメも一時的におこして一緒に初日の出を見た。 ...

06 1月 2017

家族日記

写真日記

read more

Sass導入と使用方法

Sass(サス)とは Bootstrap4からLessを外しSassが正式採用されました。 これからはSassの時代? Sassは「Syntactically Awesome StyleSheet」の略で、まあすごいスタイルシートという感じ。 入れ子や変数が使える素敵仕様。 これまで、CSSは記述が単純でわかりやすかった代わりに、大規模サイトになると記述量が大量になり管理が大変でした。 ...

25 7月 2017

Web関連

写真日記

read more

.htaccessによる処理

.htaccessはApacheが利用されているサーバでディレクトリ単位でサーバの設定を行う仕組みです。 通常、Apacheの設定はhttpd.confという設定ファイルで制御されていますが、ホスティング等でサーバを間借りしている時に全体とは違う設定に変えたい時などに利用します。 私が理解している(よく使っていた).htaccessの主な機能は以下の3つです。 基本(ベーシック)認証 ...

24 7月 2017

Web関連

写真日記

read more

emmetでのHTMLコーディング

昔はZen-codingという名称だった、HTMLやCSSコーディング補助ツールです。 Dreamweaverや各種テキストエディタのプラグインとして利用できます。 特長としては、省略記法での記述と、ショートカットキーによる生成です。 タグを省略記述し、終タグの記述も不要なためかなり効率化できます。 ■ネストによる記述 >を入力することでネストになります。 記述例 ...

18 7月 2017

Web関連

写真日記

read more

Bootstrap4のグリッドシステム

Bootstrapではグリッドシステムというレイアウト方法を採用しています。 横列が12列のエクセルの画面を思い浮かべていただければわかりやすいと思います。 ホームページなので、行はコンテンツ量によりことなります。 エクセルは横方向を列といい、縦方向を行といいますが、Bootstrapでは英語表記なので、横方向はcol(カラムの略)、縦方向はrowとなります。 row→colの順に...

14 7月 2017

Web関連

写真日記

read more

Bootstrap4概要

知らない人も多い??かもしれないので、まずは概要説明から。 BootstrapはTwitter社の開発したグリッドシステムを採用したCSSフレームワーク。 現在最新バージョンが4となっている。 グリッドシステムとは、画面を12に分割し、そのうち利用する横列(カラム)を数値指定する方式。 分かりやすく言うと、行が無限にあって、列が12列のエクセルを想像してもらえばいい。 グリッドシ...

14 7月 2017

Web関連

写真日記

read more