モジュールの仕組みと JavaScript

長いこと JavaScript を利用していると、モジュール化したい、と思うシーンが度々でてきます。

今回は、そのモジュールを調べてわかったこと、思ったことについて書かせて頂こうと思います。

ライブラリ、モジュール、コンポーネントの違い

プログラミングをやっていると、いろんな専門用語が出てきます。

その中で、プログラムの部品という意味で使われる用語にも幾つか種類があり、それぞれ少しだけ意味が違います。

ここでは、私個人が考えをまとめるのを兼ねて、その違いを書いていこうと思います。

Visual Studio Code で JavaScript 開発環境を整えてみる

みなさん、こんにちは。ウェブデザイン初心者の詩緒です。

唐突ですが、ウェブ上で利用するための JavaScript の開発環境を整えた話を書いていこうと思います。

ブログを書くのが不安になった話

ブログに作業日誌を書かなくなった日数を数えるたび、余計に「結果が出ないうちに次の記事を書く」というのがたまらなく不安になりました。

その時のことを書こうと思います。

作業は続けてるけどブログに書きづらい！ ～Blogger テンプレートを作るよ！ (44)～

こんにちは！

皆様にあやまりたい。長いこと、作業日誌を公開しておりませんでした！

本日は 5月6日ですが、前回の作業日誌はなんと 2月23日 です。3月にも何個か記事を書いてますが、それは作業日誌ではありませんでした。

この間に一切作業をしていなかったわけではなく、というかそれはむしろ逆で、作業に熱中し、右往左往しすぎてどうブログに書いていいのか分からなくなってきて、書くに書けない状態になりました。

全然更新していなかったので、「あ、途中で投げ出したなこいつ」と思われた方もいるかもしれません。

安心して下さい。続けてますよ！

というわけで、今回はその表明と、いままでのことをざっと報告して、今後どうしたらいいか何かアドバイスあったら教えて欲しいという相談を兼ねています。

作業脱線中！ jsdo.it が面白かった

こんにちはー！

テーマの制作をしていると、javascript とかでちょっとしたコードの動作確認をしたくなることがよくあります。

ちょっと楽できないかな―と思って調べていたら、 jsdo.it というサイトでコードをテストしたりできるらしいので、サインインしてみました。

http://jsdo.it/

で、作っているうちにあれもこれもと飛び火して、今作っているものとは関係のないものがいつの間にか完成していたりします。

今回作ったのは、 Blogger のラベル表示に使えそうなタグ風表示 css。タグ風に表示したい文字列を span タグで包んで class="tag" と入れるだけの簡単仕様。


気がつけばかなり作り込んでしまい、それを作るために丸一日を要してしまいました。

日が暮れてきて、css が完成して満足してから、「あれ、今日は何をするつもりだったんだっけ？」なんて思ってしまいました。

さすがに少し反省しないといけませんね。

ごめん。明日はやるぞと意気込んでいた昨日の自分よ、あなたが思っていた作業はできなかったけど、案外と面白かったよ。

Blogger のアーカイブの情報が少し良くなってた！

こんにちはー！

Bloggerの多機能テーマを開発中、開発中のテーマをデバッグしていたら、ちょうど今関わっているところで修正があったようなので、一応記事に残しておこうと思います。

いつの間にかBloggerの「テンプレート」が「テーマ」に変わっていた！

こんにちはー！

今まで Blogger テンプレートを制作してきましたが、２０１７年３月から、Blogger テンプレートがテーマという名前になっていました！

Blogger のメニュー。レイアウトの下の項目の名前が「テーマ」に変わっている

あまりに突然変わるのでびっくりです。どこかで告知されていたりするんでしょうか？

テンプレートデザイナーもテーマデザイナーに変わっていたり、ヘルプ内の文章もテーマに変わっているなど、様々な場所で書き換わっています。

というわけで、これからは Blogger テーマ の制作と名前を変え、作業を続けることにします。

この調子で Blogger の仕組みが大幅に変わると今までの苦労が水泡に帰す可能性もありますが……そのときはがんばって新しいバージョンに対応させようと思います。

それでは！

ページナビゲーションの検討② ～Blogger テンプレートを作るよ！ (43)～

こんにちはー！

前回、ページナビゲーションの検討を行いましたが、フィードガジェットをあまり使わずに出来る限り実装したいという気持ちになってきました。

（前回：『ページナビゲーションの検討① ～Blogger テンプレートを作るよ！ (42)～』）

フィードを使わない方法でページナビゲーションを実装するとしたら、どれくらいのことができるのか、考えていきたいと思います。

ページナビゲーションの検討① ～Blogger テンプレートを作るよ！ (42)～

こんにちはー！

前回はブログにページ番号をつけたいという話をしました。
（前回：『ページ番号を表示したい！ ～Blogger テンプレートを作るよ！ (41)～』）

どうやら、ページ番号をつけたりするパーツのことをページナビゲーションというらしいので、こちらもそれに倣ってページナビゲーションと呼ぶことにします。

それをより具体的に考えるために、ページナビゲーションに必要なものをリストアップしてみました！

コード解読クイズ a.call.apply(a.bind, arguments)

※今回はJavaScriptハッカー向けの投稿です。

問題

JavaScript で書かれた以下のコードについて、関数Xがどのような動作をするのかわかりますか？

function X(a) {
    return a.call.apply(a.bind, arguments)
}

ページ番号を表示したい！ ～Blogger テンプレートを作るよ！ (41)～

こんにちはー！

Blogger では、前のページ、次のページへと行くためのリンクはありますが、現在何番目のページを開いているのか、という機能は標準のテンプレートには含まれていません。コンテンツ量を知る目安になりますから、できれば欲しいですよね。

なんだか難しそうなので今まで後回しにしてきましたが、そろそろ考えていこうと思います。

（前回：『ラベルごとの最新記事取得（後編） ～Blogger テンプレートを作るよ！ (40)～』）

ラベルごとの最新記事取得（後編） ～Blogger テンプレートを作るよ！ (40)～

こんにちはー！

前回の続きで、ラベルごとの最新記事を取得するラベルガジェットを作っていきます。

（前回：『ラベルごとの最新記事取得（前編） ～Blogger テンプレートを作るよ！ (39)～』）

ラベルごとの最新記事取得（前編） ～Blogger テンプレートを作るよ！ (39)～

こんにちはー！

今まで、フィードガジェットを使って特定のラベルの最新記事を取得していましたが、どうも更新が遅い気がするのでラベルガジェットを使ってみようと思います。

一日では終わらなかったので、前後編に分けてやっていこうと思います。

（前回：『ページの追加とメニューの調整 ～Blogger テンプレートを作るよ！ (38)～』）

ページの追加とメニューの調整 ～Blogger テンプレートを作るよ！ (38)～

こんにちはー！

今回は、ブログのメニューに項目を増やしたりしたので、それに合わせて機能を修正したりしてみました。

（前回：『ウィジェット名コマンドの実装 ～Blogger テンプレートを作るよ！ (37)～』）

まどうぐ工房のトップページ。メニューの項目が増えている

新年のご挨拶2017

あけましておめでとうございます！

巷では2016年も終りを迎え、2017年がスタートしましたね～。我が家も無事新年をお迎えすることができました。新年をお迎えできなかった方はきっと宇宙に住んでいらっしゃると思います。地球はお正月ですよ。一緒にお祝いしましょう。

さて、本日は1月2日ですが、元日である昨日はのんびり過ごしました……ではなく、早朝に山を登って初日の出を見て、家に帰ってお雑煮を食べてまた外出し、初詣と買い物。夜に帰宅し正月番組も見ずに寝るという、とにかく「動」の一日でした。

そんなわけでご挨拶が一日遅れてしまいましたが、2017年もどうぞよろしくお願いいたします。

トップページもささやかながらお正月らしくしてみました！

トップページお正月バージョン