KIMUSON BLOG

きむそんの雑記ブログ

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#5「ページ上部を本格的に作り込んでいく」

やること サイトの本格的な作り込みを行っていくちなみに今回の作り込みでは主にヘッダー部分を実装しました。

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#4「JavaScriptでメニュー部品を作る」

前回は、ヘッダー部品を作成してみました。作成したと言ってライブラリをフル活用して作成してますが。www.kimuson.com 今日やったこと メニュー部品を作成していく。

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#3「jQueryでスライドショーを作る」

前回まで 前回はサイトの骨格までを作りました。www.kimuson.comよくある縦スクロールのサイト。JavaScriptとかで動的にとかにはまだできていないので、今日からここにどんどん動的な表現を載せていこうと思ってる。とはいえ、いろいろ実験しつつ組み込んで…

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#2「サイトの骨格を作る」

やったこと 今回はサイト全体の骨格づくりをやっていきます。最近よくある縦スクロールのサイトの作りを1から作っていきます。

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#1「まずは準備」

目標 フロントエンドの基本的な部分はいちよう勉強したので、これからは今までの知識を生かして実際に作品を作っていく。目標は「最近よくある縦スクロールのサイトをCMSツール(wordpressなど)を使わずに作る。」ことだ。

【開発日記】フロントエンド技術の総復習#9「JavaScriptのダイアログとリンクについて学ぶ」

やったこと 前回に引き続きJavaScriptをやっていきます。と言っても、前回で基本的な書き方の部分は理解できたので、今回は実践で使用する動的挙動のあるメソッドを軽く確認しました。主にダイアログとリンクです。この二つを実装するのにいろんな動的表現が…

【開発日記】フロントエンド技術の総復習#8 「JavaScriptの文法まとめ」

やったこと 本日はひたすらJavaScriptの文法を勉強しました。もともとJavaをやっていたので、取り組みやすかったおかげで1日で文法の理解は完了しました。ちなみに今回はドットインストールは使わずに以下のサイトで勉強しています。

【開発日記】フロントエンド技術の総復習#7 「JavaScriptの入門準備」

JavaScriptに入門します! 今までHTMLとかCSSの基礎を学んできたが、いよいよWEB上で動的な表現をすることが可能なJavaScriptに挑む。ちなみに僕はこのJavaScriptについてすでに勉強はしたことがあって、確か一年前ぐらいにドットインストールで勉強した。し…

【開発日記】フロントエンド技術の総復習#6 「CSSで文字の装飾をやってみる」

今日やったこと 今日でCSSの基礎は最後になります。 文字の装飾の一覧 今日は文字の装飾の一覧なるものを作ってみました。今後自分が文字の装飾をしていく際の参考になればと思い頑張りました。

【開発日記】フロントエンド技術の総復習#5 「CSSのフォント設定を学ぶ」

今日やったこと フォントの設定を勉強する フォント設定の書き方 セレクタ {font-family: フォント名;} フォント名の部分には複数入力するのが基本。 理由としては、OSによって持っているフォントの名前は異なる。windowsにはあってOSXにはないなどの状況が…

【開発日記】フロントエンド技術の総復習#4 「CSSのdisplayを学ぶ」

今日やったこと CSSにはdisplayと呼ばれる表示仕様があります。displayと一言で行ってもその中にもいろいろ種類があるので、今回しっかり学んでいきます。 displayの種類 ちなみに、displayには、block、inline、inline-block、noneの4種類の設定が可能です…

【開発日記】フロントエンド技術の総復習#3 「CSSのmarginとpaddingがややこしい」

CSSのmarginとpaddingがややこしすぎる! 今日やったこと CSSのmarginとpaddingの違いについて学びました! marginとpaddingとは CSSでできる余白設定になります。

【開発日記】フロントエンド技術の総復習#2「CSSの基本」

前回に引き続きフロントエンドの勉強でございます。<前回の記事> www.kimuson.com前回はHTMLの基礎的な部分をやっていきました。 今回はちょっと早起きして、実際にスタイリングの勉強を始めていきます。

【開発日記】フロントエンド技術の総復習#1「HTMLの基本文法」

HTML、CSSの総復習中です。今までなんとなくできていた「HTML」や「CSS」ですが、ポートフォリオを今後作っていく上で、やっぱりフロントエンドの技術は必須になりそうなのでこれを機に総復習していきます。 今日やったこと 基本的なことを実際にやりました。…

GitHubアカウントを作りました。

先日の記事でも少し書きましたが、この度GitHubアカウントを作りました。 目的 自分の勉強して、作ったものを評価してもらう目的で作成しました。実は今まで、ソースコードがDropbox&Bitbucketで管理してました。とはいえ自分のアウトプットを世の中に公開し…

JavaでTwitterBotを作ってみた!Twitter4J とcron4jを使えば超簡単!

作ったもの www.kimuson.com以前記事にも書きました。TwitterBotの「バナ夫」です。 前提 本プロジェクトはheroku環境へのリリースを前提に作られています。 そのため、フォルダ構成はherokuのサンプルプロジェクトを修正して作成しています。 ソース GitHub…

デモサイトを作るために開発環境とデモ環境を作ってみた。

やったこと デモサイトを公開するために、開発環境とデモ環境を用意した。ちなみにデモサイトには、主にフロント系のポートフォリオを追加して行く予定。 所要時間 1時間ぐらい 概要 ※めっちゃ汚いメモでごめんなさい。 仕様 作業環境:OS X ソース管理:Bi…