slick.jsを使用したスライダをスマホでは適用させてPCでは静止画表示にする方法


こんにちは。ジーニアスウェブのスギタです。
富士山が見たくて、先日静岡まで行って参りました。
雲一つない秋晴れの中じっくり眺めることができ、パワーを頂くことができました。

それでは本題に入りましょう。
サイト制作時によくお世話になっているslick.js。
以前、「スマホ時にはスライドさせたいけど、PCではスライドさせずに静止画表示させたい」という案件がありました。
調べてみるとあるもんですね。
今回はその方法をご紹介させていただきます。

続きを読む

jQueryで画像トリミングを実装してみよう


みなさんこんにちは、ジーニアスウェブの中武です。
9月に入ってから一気に涼しくなりましたね。
季節の変わり目は体調を崩しやすいので気をつけましょう!

さて、今回はこの画像からこの部分だけ切り取りたい!を実現するjqueryプラグイン、「cropper」を使用した画像トリミングについてお話ししたいと思います。

続きを読む

【PHP】【Ruby】【Python】言語ごとの開発に向いているものとその特徴

みなさんこんにちは。
ジーニアスウェブの高橋です。

ジーニアスウェブに入社して半年が経ちました。
あっと間の半年間でしたが、たくさん勉強の機会をいただきました。

主にプログラミング言語を学んできたのですが、その中でも特に【PHP】【Ruby】【Python】について。
それぞれどんな開発に向いているのか、それぞれの特徴(メリット・デメリット)は何なのか、と気になったので今回はそれについてまとめていきたいと思います。

続きを読む

Magnific Popup を使ってモーダルウィンドウで画像を表示しよう!


川島です。毎年甲子園を見ていますが、今年は時間がなく、1試合も見れなかったです・・・
金足農業の快進撃をニュースで拝見したのですが、かなり勇気をもらえました!

最近参加させていただく業務で、「画像をポップアップ表示させて欲しい」、「動画をポップアップ表示させて!」等の要望があり、どうするんだろう・・・と戸惑っていた僕に先輩が優しく教えてくださいました。

Magnific Popupを使え

と・・・

実際使ってみてすごい便利だったので、今回はMagnific Popupの導入方法について記述していこうと思います。

続きを読む

HTML上に図形を描ける!Canvas要素の使い方【基本編】

こんにちは、福薗です。

学生時代は美術を勉強していたので、キャンバスに絵の具で描いておりました。
ありがたいことに最近も「描く」勉強をさせていただいています。

キャンバスはキャンバスでも、
canvas
というタグを使って、html上に図形などのグラフィックスを描きます。

Canvas要素、これがまた奥深く面白いのです。
色々な表現があって、組み合わせたらどんなものができるかわくわくしております。

これから数回に分けて、Canvas要素の使い方を共有しながら、魅力を伝えられたらと思っております。
今回は、「基本編」ということで、Canvas要素の設置の仕方と基本的な図形の描き方を紹介したいと思います。

続きを読む

ちゃーっとチャートが描ける、Chart.jsの使い方

 

 
こんにちは、福薗です。

4月から5月にかけて、システムに関する研修を受けさせていただきました。
研修の最後に、学んだことの集大成として最終課題を製作したのですが、その中でレーダーチャートを組み込むシーンがありました。

ん?レーダーチャート…?
どうやって描けばいいんだ…?

そんな悩める私を助けてくれた便利システムが、ありました。

『Chart.js』

使い方を、ちゃーっと、説明したいと思います。

続きを読む