webサイトを作ること。携帯サイトやスマートフォンサイトも含まれる。WEB制作会社の中にはSEO対策やシステム開発も請け負っているところもある。
本日はSassの目玉、mixinを学習します。 昨日触れなかったmap型変数についてもやっていきます。 配列とは こちらはjQuery等でも扱っているので、さらっと確認する程度で済ませます。 配列は変数の中に複数の値を持っていて、 インデックスと呼ばれる値の並び順を使って、値を取得したり代入したりします。 （Sassの配列は正確にはListというものらしいです。） 配列を定義するには $配列名 : 値0 , 値1 , 値2 ・・・値N ; このように書きます。 値にアクセスするには予め用意されているnth()メソッドを使います。 nth(配列名, 配列番号) このように書かくと、返り値として配…
昨日は SassがCSSの拡張言語であること CSSを入れ子構造でかけること（HTMLの親子関係に似ている） 疑似要素も入れ子でかけること を学びました。 本日は変数、関数について学習していきます。 CSSなのに変数？ Sassでは変数が使えます。 先に具体例を書くと $font-bigger : 32px; .test{ font-size : $font-bigger; } では１つずつ見ていきます。 まず変数について 変数は$マークを付けて宣言します。 「なぜ$マークを付けるか」を噛み砕いて言うなら、 $がついていたら、この後の文字列は変数名ですよとお知らせするということです。 この例で…
本日からSassの学習に入っていきます。 どうやら楽しそうな内容です。 まず、Sassとは何なのでしょうか？ Sassとは お決まりの略語説明から入っていきます。 Sassとは「Syntactically Awesome Style Sheets」の頭文字です。 構造的にイカしたスタイルシートという事らしいです。 スタイルシートといえば、CSS。もちろんSassと大いに関連があります。 Sassを使う目的は一言で言うと「CSSをより楽に書くため」です。 Sassで書いた内容が、最終的にCSSとして出力される。そんなイメージです。 Sassはscssファイルとして保存され、実際のページで使用する…
jQueryで動きをつける こちらもまずはコードを $(function(){ const modal = $("#js-modal"); const overlay = $("#js-overlay"); const overImg =$('#open-img'); const miniImg =$('.js-open'); miniImg.click(function(){ const index = miniImg.index(this); overImg.attr('src',$(miniImg[index]).attr('src')); modal.fadeIn('slow'); o…
昨日に引き続きjQueryの実践課題③と言うことで、 モーダルで画像拡大表示 をやっていきたいと思います。 プラグイン？は使用禁止だそうなので、jQuery単品での実装です。 実装の条件 画像をクリックすると 縦横画面いっぱいに薄いグレーの背景ボックスを表示 その枠の中心に拡大された画像を表示 画面のどこかをクリックすると拡大写真と背景ボックスを非表示 アニメーションはフェードイン・フェードアウト やり方を調べていると、なんだか難しいことをしている記事が多い…。 もっと楽にできるのでは？ と思い、先人の知恵を参考にしつつも自分で書きました。 やりたいことを書きだす。 まずは、自分がやりたいこと…
昨日に引き続きjQueryの実践課題②と言うことで、 ページトップへ戻るボタンを付ける をやっていきたいと思います。 実装の条件 トップから80pxスクロールしたら 300ms（0.3秒）かけて フェードイン・フェードアウトで表示 表示してる間はボタンはページ右下に固定 ボタンを押したら500ms（0.5秒）かけてページトップへ戻る 細かい処理を除けば、 ページの頭から下にスクロールすると、 ボタンが現れて、ボタンをクリックするとページの頭に移動する。 そういうボタンを作っていきます。 ボタンをHTMLで作成する ブロック要素のpタグを使って作成します。 <p id="page-top">上へ…
本日からjQueryの実践課題と言うことで、 ドロワーメニューの実装 をやっていきたいと思います。 色々な情報を自分で拾い集めて、実装できる…解決力を養うことが目的の課題ですね。 本題に入る前に、「実装」について調べたので書いておきます。 「実装」とは「じっそう」と読み、 新しいものを作ったり、機能を追加したりすることだそうです。 いつもながら、しつこく調べていくスタイルですｗ では、気を取り直して進んでいきます。 ドロワーメニューの実装 そもそも、ドロワーメニューって何でしょうか。 ドロワーとは「引き出し」の意味で、 ドロワーメニューはクリックした時に 「引き出し」のような動きで開閉するメニ…
引き続きjQueryについて学習しましたので、整理します。 中でも「イベント監視」と「アニメーション」についてやっていきます。 イベント監視 JavaScriptの所でもやりました、イベント監視。 状態の変化があった時に何らかの処理をさせたい 時に使うものでしたね。 今回もJavaScriptと比較しつつ確認していきます。 要素のクリックを検出して処理を実行 次の処理を行うコードを書きます ブラウザに読み込まれたHTMLの id属性にtestが設定されている要素が クリックされた時に 処理を実行する まずはJavaScriptから document.getElementById('test')…
昨日に引き続きjQueryについて整理していきます。 jQueryがどんなものか、どんなメリットがあるかという事を昨日はまとめました。 本日は書き方のルールと、使い方についてまとめていきます。 jQueryの書き方 JavaScriptを使いやすく簡単にしたものがjQueryでしたね。 jQueryで書けるものは、当然JavaScriptで書けるということですね。 それぞれ比較しながら見ると理解が深まるかと思います。 それではやっていきましょう。 まずはjQueryの基本の型から デイトラでは $('主語').動詞('補語')の文法ルールで書く と説明されています。 そもそも英語が苦手な私は下…
jQueryとは JavaScriptのライブラリ１つで JavaScriptをより簡単に記述できるようにしたもの ということだそうです。 ライブラリとは ライブラリって何でしょうか。 プログラムでよく利用される機能を切り出して、再利用しやすく纏めたものとのこと。 まず、ざっくりと 「ライブラリ」はプログラムを作る上で「使うもの」ということですね。 そして、よく利用される機能を切り出して、再利用しやすく纏めたものとのこと。 これは、身近なもので言うと 「テンプレート」とか「雛形」に似ていますね。 プログラム作成で使う 便利な雛形が大量に詰め込まれたファイル という捉え方がしっくりきます。 ただ…
こんにちは☀︎ 天気も気持ち良く、私も幸せな10月のはじまりを迎えました☺︎ 皆さまはいかがお過ごしですか？ 今日は勉強の秋ということで、gift 王寺駅前自習室で勉強を頑張りたいと思ってくださっているひとへ、 ひと言綴っておきたいと思っています。 gift では、勉強が不安な方でも一緒に勉強を続けれるように、サポートレベルという指標をはじめに設けておりまして、 頑張る日を約束し合ったり、美味しい珈琲を淹れたり、様々なサポートをしています。 もちろん、黙々とひとりで頑張りたい方も、心よりお待ちしています。 勉強の秋が実りますように。 . . ご入会までの流れと致しまして、 gift mail …
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2022年9月のトップ50です*1。 順位 タイトル 1位 150 分で学ぶ高校数学の基礎 - Speaker Deck 2位 【アメリカで話題】ただ座るだけ！股関節がみるみる柔らかくなる「90/90ストレッチ」 | ヨガジャーナルオンライン 3位 ハーバード大のコンピュータサイエンス講座「CS50」の日本語化が完了し、無償公開 LABOTがコロナ禍で影響を受けた学生に履修証明書ありの講座も開設 - こどもとIT 4位 「この食べ方に出会ったから、この食材を買うようになった」エピソードを教えてください…
明日10/1ホームページの#リニューアルOpen となります#webShop ではオンライン購入ができカード決済にも対応 実店舗まで来られない方もオンラインショップでレザーアイテムをご覧頂けます #リニューアルオープン記念 としてOpenから２ヶ月の間に会員登録して頂きますと1,000円分にあたる1,000Pが付与されますどうぞご登録をよろしくお願いします※使用期限はございませんが革製品以外のケアグッズのみのご購入はご遠慮ください まだまだ作りたいものややりたい事もたくさんありますが少しずつ紹介していけたらと思います 今はロゴマークを製作中でTシャツやステッカー等のグッズ販売もしていく予定です…
ツイート hateshared @hateshared 福岡市からのイベント情報 第11回環境行動賞受賞者紹介！ https://www.city.fukuoka.lg.jp/kankyo/k-seisaku/hp/kyouiku-shien/kankyoukoudousyoujusyousyasyokai11.html 18:56 hateshared @hateshared 福岡市からのイベント情報 第９回“共創”自治協議会サミットを開催いたします https://www.city.fukuoka.lg.jp/shimin/community/charm/kyousoujitikyougi…
今回はプログラムを書くときに使うテキストエディタというアプリケーションについて個人的おすすめを３つ紹介します。 プログラムを書くことをシンプルに実現してくれます。「サクラエディタ」「CotEditor」 サクラエディタはWindows専用。CotEditorはMac専用の無料テキストエディタです。シンプルに文字を書くということに特化しているのでとてもとっつきやすいです。プログラミング始めたての頃は、覚えることがたくさんあって頭がパンクしがちです。そこへきてエディタの使い方を学習するというのは大変なので、最初は負担の少ないシンプルなエディタがおすすめです。 sakura-editor.githu…
ニュースを見ると、日本でも世界でも日々色んなことが起きている。 安倍元首相の国葬が行われ、3㎞にも及ぶ参列者の列ができた一方で、各地で反対デモが起きた。 静岡では台風被害による大規模な断水で大変な思いをしている人たちがいる。 ウラジオストクの日本総領事館の領事がロシア連邦保安局に拘束され(解放済)、国外退去を通告された。 ロシアでは若者に徴兵の招集がかかり、国外へ逃れようと、越境を試みる車の長蛇の列ができているという。 私は今日は休みで、これらの出来事とは全く関係のない日常を過ごしていたけれど、 ニュースを見て、こんなことが起きているんだなと改めて思った。 円安は進むし、コロナは今落ち着いてい…
こんばんにちは。昼寝ねこです。 最近、仕事が忙しすぎてブログを書く気分になれませんでした。 ゲームはしていましたが…ストレスがやばいです。 メインの仕事は勉強になるので楽しいのですが、会議が多すぎなんですよね。 会議が多いとそれに付随する仕事が増えるのでメインの仕事をする時間が無くなるわけです。主な会議の内容は生産性とかトラブル対応なんですけど、重要なのはわかるけどあんまり勉強にならないんですよね…。せっかくWeb制作の仕事に就いたのに前職の仕事と同じようなことが多くなってきています。 でも来月から正社員になれるので給与は上がります。大手と比べると給与は安いですが、思ってたよりは貰えます。40…
✎【 gift 王寺駅前自習室 】 こんにちは☀︎ 今日から、gift でしているひとつひとつの仕事や思い出を、 ゆるりと綴っていきたいと思っています ✍︎ #hanataba #花束 #design 自習室はね、もう6年も昔の春に、奈良の王寺の街に作りました。 当時は20歳のときで、 勉強を聞けるひとがいて、寄り添ってくれて、 疲れたときは、笑顔で話して発散してもらって、 勉強をしたい全年代のひとが集うことで刺激を与え合えて、 365日営業して、今日は open してるのかとか、 そういうことを考える時間さえ無くして、 学校でもない、塾でもない、 温かくいつでも帰ってこれて、 こうした自習室…
ランディングページは、商品やサービスの印象を作る重要なページで、新規顧客や売り上げ等、コンバージョンを獲得することを目的としたページのことです。 しかし、作成費用や手間を抑えたいと考える方も多いのではないでしょうか。この記事では、無料や格安でランディングページを作成できるツール4選をご紹介します。 1.ランディングページ作成ツールとは ランディングページは、Web広告のリンク先等で表示されるWebページのことで、商品やサービスの情報を的確にユーザーに伝え、購入を促すための重要な存在です。しかし、Web制作会社に依頼するとコストがかかりますから、費用や抑えたいと思っている企業や個人の方には、ラン…
調べたのはgoogle検索、youtube検索窓、twitter、5chスレッド、googleトレンドです。ニコニコ動画dis(disるつもりはないが書き続けてるとどうしてもdisになる)記事作成のために「他にオワコン呼びされてるコンテンツはどういったものか？」と気になってササッと調べました。検索日2022年9月23日16時～18時。オワコンについて基本的な知識はこちらオワコン（おわこん）とは？（意味）～用語集｜numan終わったコンテンツ-ニコニコ大百科-オワコン (おわこん)とは【ピクシブ百科事典】オワコン - Wikipedia “終わったコンテンツ”の略語。ブームが過ぎて人気が下火にな…
熊本県・宮崎県・鹿児島県の取り組み 観光需要の喚起策 LINEを活用したスタンプラリーで、一過性で終わらないキャンペーンに 熊本県 観光戦略部 観光振興課 審議員 柳邊 妙子宮崎県 商工観光労働部 観光経済交流局 観光推進課 国内誘致担当 主事 横山 達哉鹿児島県 観光・文化スポーツ部 PR観光課 国内誘致係 主事 熊野 友里花 [提供] 株式会社MARUKU ※下記は自治体通信 Vol.42（2022年9月号）から抜粋し、記事は取材時のものです。 観光客の誘致や周遊促進を期待して、スタンプラリーを実施した経験のある自治体は多いだろう。熊本県、宮崎県、鹿児島県の南九州3県は、令和3年度に合同で…
昨日に引き続き、DOM操作について整理していきます。 HTML要素の追加 JavaScriptでHTMLの要素を追加することもできます。 コードを書きながら整理していきます。 今回の流れは以下のようになります。 login_btnというオブジェクトを作成する そこへaタグ要素を代入 aタグの要素がもつキー(プロパティ)に対して、データを設定 ブラウザからId指定でHTMLを取得 子要素としてlogin_btnオブジェクト内のaタグを追加 では、１つずつコードを書きながら確認していきます。 オブジェクトの作成とHTMLの要素代入 今回の目標は <a id="login" href ="test.…
キャパオーバーが続くと社員は倒れるし制作チームは潰れかねない こんにちは。ノヴィータの小山です。 フロントエンドエンジニアのチームのマネージャーをしています。 私はWEB 制作の業界経験が15年近くありますが、多くの制作の現場では今なお残業が当たり前であり、いつも夜遅くまで仕事をしている社員が何人もいる、というのは珍しくない光景だと思います。 かくいうノヴィータもそのような状況だった時はありますし、私もオーバーワークで体調を崩した経験があります。 何故このようになるかというと、 WEB 制作（特に受託）は不確実性が高いプロジェクトであり、かかる工数が読みにくい WEB 制作に必要な専門性を持っ…
ずっと狙っていた雪国まいたけ（1375）を100株購入。 997円で約定。 夏頃から狙っていたのだけれど、気がつくと1,000円超えてしまって。 1,000円以下になったので買い。 雪国まいたけは3月の優待銘柄。半年以上の継続保有が条件なので、今月の権利確定日までに欲しかった。 100株で3,000円相当のきのこなど（きのこ＋ご飯の素など）を頂けて、なかなか豪華。 ランクアップは300株で5,000円、1,000株で7,000円相当。利回り的には100株が1番お得。 配当金も9月、3月にいただけて利回りは3％超え。 とはいえ、あまり業績はよくないので増やすのは様子見で。安いからといってうっかり…
こんにちは。人事の香東です。今回は、新卒・既卒・就業経験不問の採用方法『ポテンシャル採用』を利用し、開発実務未経験で入社した鏡さんに前職の経験から現在の業務についてインタビューをしました！ 鏡 諒平Ryohei Kagami / 株式会社メタップス 開発部 re:shineグループ 新卒で大手楽器メーカーへ就職。ピアノの販売営業を3年半。 その後、プログラミングスクールと独学でエンジニアリングを勉強し、メタップスへ入社。現在は、新規事業のSaaSのバックエンドや社内向けツール『silsil』の新規機能開発を担当。 -鏡さんは前職では、大手楽器メーカーで営業職をされていたんですよね。 はい。新卒…
e0166nt.com
www.marsdesign.co.jp
commte.net
kachibito.net
uramayu.typepad.jp
takashi178.me
nelog.jp
liginc.co.jp
kachibito.net
