2020年03月06日

原稿、間に合うかなぁ

AWsの方の原稿ぼちぼち。
最終章だから気合が入ってるといえば入ってるけどなんで現行の気分の時に限って肩こりがひどいのだ(凝りすぎて痺れているレベル)

今の原稿が終わったらあの作業続き頑張って新作書きたいなぁ……設定を固めるためのPrologueはちょっと書きかけてるけどね。
公開するかどうかはわからんけどね。

お仕事のサイトリニューアルに関してはもうこんなもんかなーというところに。
シャッチョサンの指示でデータ送ってアップロードしてもらったらヘッダとフッタが表示されない(.htaccessが動いていない)
なんか調べた結果.htaccess使えないらしく急遽埋め込んだよ!
外部ファイル読み込みもjQueryに切り替えたよ!
とまぁがんばった。
明日はわたしがアップロードする感じかなー
明日まで在宅許可出たのでのんびりやるぜ。

しかし、結構企業サイトっぽく仕上がったで。
周りの人の意見聞きながら調整する感じかな。
posted by 蒼井 刹那 at 02:05| Comment(0) | 日常 | このブログの読者になる | 更新情報をチェックする

2020年03月04日

ひとまずは

職場のサイトリニューアルはほぼ終わった感じ。
明日はAndroid端末での動作確認というか表示おかしいところの修正とスマホ版の「同じCSSファイル使ってんのに表示が違う」現象の解明及び修正。
しゃちょーの原稿届いたら盛り込むことも必要だがなー

しかし出来上がってから全ページ見返すと「あー、蒼井作だなー」と実感できる癖というものが感じられる。
そりゃーヘッダ、コンテンツ、フッタの構造はよくあると思うけどなーんか「あ、ここわたしっぽいな」と感じることがあるというかなんというか。
昔小説書いてた時(今もAWsの原稿提出してるけどな!)日向節全開と言われたんだもん、いくつか数こなすと癖というものが出てくるのよ!
でも今の職場に入った時に作ったページと比べたら格段に洗練されてる(と、思う)
まぁ……外部CSSファイルが1000行超えてやばい。
しかもほぼ手打ちなんだぜ、これ……

ま、でもこれでいっこほぼ片付いたので他のやつに集中できるぜー
そっちはページが多いのでちと大変。
でもサイト作りは楽しいのだよ。
イメージをどれだけ実装するかとか盛るかとか考えるの楽しい。
古き良き個人サイト時代から企業サイト作るまで成長したんだなぁ……
昔からデザインに凝る人だったけどここまで成長したぜ。

まぁ身元バレするからどのサイトとは言わんがな。

技研はまだリニューアルから間もないしなー

でも成長はまだまだするぜー
posted by 蒼井 刹那 at 21:13| Comment(0) | 日常 | このブログの読者になる | 更新情報をチェックする

謎の余白に悩む

おうちdeお仕事初日はまぁ気がつけば終業時間でしたという(寝てない)
やったことといえばリニューアル中の職場のサイトのレスポンシブ対応だったんですけどとにかく崩れまくったので大変でした。
なんとかトップページはレスポンシブ対応完了、ヘッダにハンバーガーメニュー放り込んでよっしゃー! となったけどよくよく考えたらなんもないとかタップでメニュー閉じることできるけど分からない人は悩むよね? となり親切心で閉じるマーク実装。
ところがタップしてもうまく動かない。
あるぇー? と考えて、JavaScriptで指定エリア(メニューの×ボタン)タップで対応。
うむ、痒いところに手が届いた。

と、そんな感じでスマホ対応させてたわけですが。
とあるページで不具合発生。
スマホ版ではちゃんと表示されてるのにPC版だとフッタの下に余白が。
DIV囲いの一つが悪さしてる感じだけどどう触っても治らない。
まぁ、結構入れ子したのでちょっと見直してflex使うかも。
明日はその対応かなー

で、終業後はもう一つの個人的作業に。
ちょっと考えないといけないところあるので気をつけねば。
個人的にはかなり頑張ったのでこっそり評価されたい。

うーむ、なんだろう、自分のやりたいことやっていいと言われてもWeb作業してる(やりたいことがWeb作業)って、やっぱわたしは社畜なのか。
フリーダムに生きてる旦那が羨ましい。
って、わたしもわりとフリーダムに生きてないか? 家事はほぼやってるがぐぬぬ。

あ、なんかふと思い立ってフォカッチャなぞ焼いてみた。
22時ごろから捏ねはじめて0時ごろに完成。
明日の夕飯はアヒージョにするので楽しみ。
posted by 蒼井 刹那 at 00:54| Comment(0) | 日常 | このブログの読者になる | 更新情報をチェックする

2020年03月03日

在宅でおっしごとー

日付が変わったので。
今日から数日、在宅でお仕事することになりました。
いやー、風邪で咳が止まらんからということです。
まぁ、咳が出る状態で外に出たら排除されるので助かるんだが。

業務としては会社のサイトのリニューアル、ほぼ終わってる、と言いたいがレスポンシブ対応していない!
今日のところはメニューのレスポンシブ対応かなー
ハンバーガーメニューの導入楽しい。

やばい、やばいぜわたし。
なんでこうもWebデザインやりたいのだ。
そりゃー扱えるのはHTMLとCSS、PHPとかCGIとかRubyとか全然だめだけど基本的なサイトは作れると思う。
これで金取れるかどうか自信はないけど収入は欲しい!
どっか、サイト作ってくれーって人いないかなぁ。
あ、WordPressは触ったことない、練習で使ってみたいと思ったことはあるけど使いそびれたんだよなー

とにかく、Webデザインやりたい状態が強い。
他のこと(3D課題とか蒼井としての活動とか)が全然できてないぞー
時間なさすぎる。
posted by 蒼井 刹那 at 01:55| Comment(0) | 日常 | このブログの読者になる | 更新情報をチェックする

2020年03月02日

Webデザインがやりたいのだーーーー

というかまぁ、実際(仕事とかで)やってるんですけど。
職場のサイトのリニューアル、レスポンシブ対応してないんだよな……めんどくさいー
(別のやつは対応してると思ったらあいぽんはいいんだけどあんどろさんで崩れる ていうか、画面縦幅の都合で崩れる 素直に一画面設定せずにやった方がいいのか)

で、とある部分のインターフェース的な感じで「スワイプしたらメニューがスライドして出てくる」というものを実装したくなってなんかいいサンプルないかggったんですよ。
前に布団の中で探した時にサクッと見つかった気がしたけどブクマもなんもなくて夢だったかーとがくり。
なんかすぐに見つかるJavaScriptはなんかうまく動かないし動いたと思ったらめっちゃ表示やばいしでボツ、他に見かけたスクリプト入れても思った動作じゃなくでやっぱ無理かー、と諦めてふて寝。
翌日、ちょっと考えてたらビビッと閃いた!

そういえばレスポンシブ対応するのに使ったハンバーガーメニューの改造ができないかと。

というのも、導入したハンバーガーメニューは「チェックボックスにチェックが入るとメニュー展開」という仕様だったんですよ。

なら、JavaScriptでスワイプ認識させてチェック入れたら良くね? と。

いやー、閃いてそれを実装できるわたしの実力はすごい。
しかもJavaScriptとCSSの連携! 簡単に実装できるのにどうして解説サイトがないのだ。
これ需要あると思うんだけどなー

構造としてはJavaScriptでスワイプを判定、スワイプされたらハンバーガーメニューのチェックボックスにチェックを入れる→メニューが開く という感じです。
このとき、ハンバーガーメニューのボタンは横幅を広く取ってスワイプエリアに。
配置はposition:fixed;で画面内固定しておくといいかなー

で、ここで注意したいのは「スワイプ判定でチェックボックスにチェックを入れた最、判定に使われた変数をリセットする」こと。
これやらないとタップでもメニューが開く場所が出てきます(スワイプ判定はX軸の移動距離を変数に代入することで行われる)
次に、「画面内タップでチェックボックスをオフにする」ことも忘れたらメニューが閉じなくなります。
あと、「画面内タップのチェックボックスオフ」を組み込んでもそのままだとメニューをタップしてもランク判定の前にメニューが閉じるのでメニューエリアではタップしてもチェックボックスをオフにしない処理も必要。
まぁ、タップしたX軸の位置がメニューの右だったらというif式噛ませれば問題なし。
メニューの縦が狭いとかで下も、というのであればY軸も判定させるといいかなー。

とまぁざっくり説明すると簡単なんだよ。
スワイプ判定とかハンバーガーメニューは普通に解説してるとこ多いからニコイチしてしまいましょう。

なんというか、今回の成功は一瞬の閃きだよ。
理論上可能だと感じたなら実証すればいい。
そして、今回のわたしはそれができた。
実力は付いているのだと考えても良いかも知れん。
頑張ったでまじで。
スワイプでメニュー表示ができた直後はやっぱ変な挙動もいっぱいしたし。
その原因に気づけたのも閃きと言いたいけどこれは経験も多少はモノを言ってるかもしれんな。

でも検証は楽しかったのだよ。
やっぱり考えるの楽しいかも。
確かに思うように動かない時はムギー! とかなるけど動いた時の達成感はすごい。
わたしはまだ簡単な改造程度のことしかできないけどそれでも楽しいのよ。ほんと。
やっぱわたしは作る系なのかなぁ。

ま、そんな感じで実際どうなってるのかは公開してからのお楽しみかなー
それまでにちゃんとあんどろさんでも表示されることを確認というか、構築しなければ…………
posted by 蒼井 刹那 at 05:07| Comment(0) | 日常 | このブログの読者になる | 更新情報をチェックする