ITにかかわる全てをご提供するIT企業スタッフブログ戻る当社ブログは社員での持ち回りで掲載しております。ビジネスだけではなく、社内イベント、プライベートなことを書いておりますので予めご承知おきください。採用情報お問い合わせブログ初心者でも簡単!jQuery不要のスライダー[Swiper]2019.09.02Byり最近お気に入りのデニムのお尻に穴が開いて傷心気味の私です。今日はよく使うスライダープラグインを紹介しようと思います。jQuery不要のレスポンシブスライダー【Swiper】SwiperつかいかたあらかじめCDNになっているjsとcssかファイルをDLしてhtmlに入れておきましょう。githubに遷移するので、htmlをこぴぺなんとこれだけ!!!いいかんじのスライダーが表示されます。ナビゲーションの見た目を変えたいときはswiper.cssの記述を上書きしちゃいましょう。他にもスライド時の動きを変えたり、スライド方向を縦にしたりできるようです。demosにあるもので足りない時は「API」を見るとパラメータがいっぱいあるので、カスタマイズし放題!やったね!!以上です。初心者でも簡単!jQuery不要のスライダー[Swiper]2019-09-02Byり最近お気に入りのデニムのお尻に穴が開いて傷心気味の私です。今日はよく使うスライダープラグインを紹介しようと思います。CDNになっているjsとcssかファイルをDLしてhtmlに入れておきましょう。いいかんじのスライダーが表示されます。ナビゲーションの見た目を変えたいときはswiper.cssの記述を上書きしちゃいましょう。他にもスライド時の動きを変えたり、スライド方向を縦にしたりできるようです。りなつかしのhtmlたちを振り返る2018-12-31Byり今年最後のブログ当番、りです。今回は平成初期~中期に流行った個人サイトとかで使われていたであろう、なつかしのHTMLたちを振り返ってみようと思います。光るかと思ったら光りませんでした...。NN(!)専用タグだったらしいです。コンテンツの区切りでよく使われていたhr。なんだかやたら使ってたような気がします。今ならページ区切れよと全力でつっこみたくなりますね。どこにファイルをしまったらいいかわからなかったのでただの文字ですが。訪問者数をカウントしたりするやつ。キリ番(777とか1234とかのなんとなくそろってる感のある数字)踏んだら掲示板に飛ばされたりしたりしなかったり。昔は今みたいに回線が太くなかったので、軽い素材しか扱えませんでした。こんなに細かい画像作ってる人はすごいなあ。なんだかノスタルジックな気持ちになってしまいますね。ほんとはCSS3でmaqueeやblinkの表示を再現しようとしたのですが、インラインで書くと動かなかったりだったのでそれはまた今度。しまりの無いブログとなりましたが、本年はここまでとなります。本年は格別のお引き立てを賜り、厚く御礼を申し上げます。ご支援・ご愛顧を賜りますよう、心よりお願い申し上げます。やってきました!KidsVenture@環境広場さっぽろ20182018-06-25Byり去る6/24に、KidsVentureとして環境広場さっぽろに出展してきました!今日はそちらのゆるレポを書いていきたいと思います。いい情報ですが、間寛平さんも来ていたようです。KidsVentureでは電子工作、プログラミングを通じてつくる楽しさを学び挑戦意欲溢れる次世代の創出に貢献しますこのキャッチフレーズにあるとおり、子どもたちにプログラミングや電子工作の楽しさを知ってもらい、興味が湧くきっかけづくりをしている団体です。Ichigojamという小さなコンピュータを組み立て、BASICという言語でプログラミングを行っていきます。6/24はどんなことをしたの?今回はより多くの子どもたちにプログラミングの楽しさを知ってもらおう!というコンセプトのもとに、BASICでのゲームプログラミングを行いました。子どもたちがプログラミングにちょっと慣れたあたりで早速ゲームプログラミングを開始!今回は子どもたちの様子に合わせて「川下りゲーム」や「じゃんけんゲーム」にチャレンジしてもらいました。画面に向かう子どもたちの表情は真剣そのものです。ゲームの基礎が完成したら、改造タイム!じゃんけんゲームではグー、チョキ、パーの他に、思い思いの「むてきの手」を設定してもらいました。1講座50分のちょっと長丁場ではありましたが、みなさん集中して取り組んでいました。最後は講師と一緒に記念撮影を行って終了!今回の体験で、少しでもプログラミングに興味を持ってもらえたらなあ、と思っています。本社にて、KidsVentureを開催いたします!今回は時間たっぷりの12〜17時。Ichigojamの組み立てから行います。Usご不明な点や、気になったことなど、お気軽にお問い合わせください。エンジニア採用、デザイナー採用を行っています。